zh-web-sdk 2.3.2 → 2.3.3

package/README.md

@@ -125,6 +125,8 @@ To control the `WebView` you can also send messages *down*, using the `postMessa
 
 #### Notes
 A postMessage call is required to open the modal when the webview is loaded (type: OPEN_MODAL). This requirement was added in version `https://{SDK_SERVER_URL}/v1` and is not present in `https://{SDK_SERVER_URL}/`, which opens the onboarding app automatically. The latter will be deprecated and will not be available for use in the future.
+
+To safely trigger the "OPEN_MODAL" event in the version 1, listen for an event sent by sdk-mobile indicating that the app is ready to receive events. This event generate by sdk-mobile is called **SDK_MOBILE_READY**.
  
 The example below shows how you can implement the mentioned methods in a `react-native` project
 
@@ -145,7 +147,6 @@ const App = () => {
     fiatWithdrawals: { identifier: 'fiat-withdrawals', jwt: mockJWT },
     userOnboarding: { identifier: 'onboarding', jwt: mockJWT },
   }
-
   /**
    * Receive messages from sdk-mobile. Currently we expose the following event types:
    * "ONBOARDING_APP_LOADED", "ONBOARDING_CLOSE_BUTTON_CLICKED",
@@ -167,9 +168,14 @@ const App = () => {
     ]
     try {
       const parsedMessage = JSON.parse(event.nativeEvent.data)
+      console.log('Received message:', parsedMessage)
       if (closeModalEvents.includes(parsedMessage.type)) {
         setIsWebViewOpen(false)
       }
+      if (parsedMessage.type === 'SDK_MOBILE_READY') {
+        console.log('SDK is ready, opening modal...')
+        openModal()
+      }
     } catch (e) {
       alert(
         `could not parse message: ${JSON.stringify(event.nativeEvent.data)}`,
@@ -195,7 +201,6 @@ const App = () => {
     ) {
       throw new Error('Invalid app identifier')
     }
-
     if (useJWT) {
       // You can send events with JWTs. See the example below
       // { "type": "OPEN_MODAL", "payload": { "appIdentifier": "onboarding", "jwt": "some-jwt-token"}}
@@ -207,7 +212,6 @@ const App = () => {
     // { "type": "CLOSE_MODAL", "payload": { "appIdentifier": "onboarding"}}
     return `{ "type": "${eventType}", "payload": { "appIdentifier": "${eventAppIdentifier}"}}`
   }
-
   const openModal = () => {
     setIsWebViewOpen(true)
     webViewRef.current?.injectJavaScript(
@@ -282,13 +286,6 @@ const App = () => {
               ref={webViewRef}
               onMessage={handleMessage}
               source={{ uri: generateURL() }}
-              onNavigationStateChange={(navState) => {
-                if (!navState.loading) {
-                  setTimeout(() => {
-                    openModal()
-                  }, 100)
-                }
-              }}
             />
           )}
         </View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zh-web-sdk",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "private": false,
   "description": "ZeroHash Web SDK",
   "homepage": "https://github.com/seedcx/zh-web-sdk",