docs: update readme (#148)

* docs: update readme

* docs: update readme

Author: DanielOS7-TM

README.md

@@ -7,7 +7,7 @@ This library serves as a wrapper for the three Ticketmaster Ignite SDK's: [Accou
 
 In order to use the library, setup a developer account with Ticketmaster by contacting nexus_sdk@ticketmaster.com. When your account is activated you will receive an **API key** and **scheme** that you'll need to use to finish the setup.
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Installation</h2></summary>
 
 Depending on your package manager you can install this library with one of the below commands:
@@ -33,7 +33,7 @@ If your project is an **Expo Managed Workflow** project then skip the "Setting u
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Setting up iOS</h2></summary>
 
 Edit the `Podfile` and set the platform to `17.0`
@@ -46,7 +46,7 @@ platform :ios, '17.0'
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Setting up Android</h2></summary>
 
 #### Set the minSdkVersion and compileSdkVersion
@@ -178,14 +178,14 @@ The SDK's internal theme defaults the Tickets SDK status bar colour to Ticketmas
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Setting up Expo</h2></summary>
 
 If you are using an Expo (Continuous Native Generation) workflow, ignore the "Setting up iOS" and "Setting up Android" sections above — the native `ios/` and `android/` directories are regenerated by `expo prebuild`, so everything must be configured through a config plugin instead. See [`docs/expo.md`](./docs/expo.md) for a complete example plugin covering the **Kotlin version pin** (required for Ticketmaster SDK `3.18.0`+), `dataBinding`/desugaring, `compileSdk`/`minSdk`, the **login redirect scheme**, and the iOS deployment target.
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Usage</h2></summary>
 
 The full User Guide with all methods can be found [here](./docs/user-guide.md)
@@ -231,7 +231,7 @@ See the full User Guide [here](./docs/user-guide.md)
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Running the demo apps</h2></summary>
 
 To run the React Native example app:
@@ -260,7 +260,7 @@ Then run the project with either `yarn expo:android`/`yarn expo:ios`
 
 </details>
 
-<details>
+<details open>
 <summary><h2 style="display:inline-block">Environment variables</h2></summary>
 
 In order to use the library, setup a developer account with Ticketmaster by contacting nexus_sdk@ticketmaster.com.

docs/user-guide.md

@@ -406,6 +406,8 @@ If you do not send a style prop, `{width: '100%', height: '100%'}` is used by de
 If you want to force the `<TicketsSdkEmbedded />` component to carry out a fresh call on focus or after navigation to that tab/screen, you can add the below to any screen that renders the `<TicketsSdkEmbedded />` component to perform an unmount on blur behaviour:
 
 ```typescript
+import { useIsFocused } from '@react-navigation/native';
+
 const isFocused = useIsFocused();
 
 return (
@@ -495,6 +497,8 @@ The `<TicketsSdkEmbedded />` component has a deep link prop which takes an order
 Example:
 
 ```typescript
+import { useIsFocused } from '@react-navigation/native';
+
 const isFocused = useIsFocused();
 // Set the deeplink value in an earlier screen or with redux/context  before navigating to the screen rendering the Tickets SDK.
 const [ticketDeepLinkId, setTicketDeepLinkId] = useState('');