@kontextso/sdk-react-native 3.0.6 → 3.0.7-rc.1

package/dist/index.js

@@ -147,7 +147,9 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     context?.captureError(new Error("Processing iframe error"));
   };
   const resetModal = () => {
+    debugModal("Format:resetModal");
     if (modalInitTimeoutRef.current) {
+      debugModal("Format:resetModalTimeout");
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
@@ -184,19 +186,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
-  debug("format-update-state");
+  debug("Format:updateState");
   const onMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debug("iframe-message", {
-        message: data
+      debug("Format:iframeMessage", {
+        message: data,
+        params: { data }
       });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
             case "init-iframe":
               setIframeLoaded(true);
-              debug("iframe-post-message");
+              debug("Format:iframePostMessage", {
+                params: {
+                  messages: context?.messages,
+                  sdk: "sdk-react-native",
+                  otherParams,
+                  messageId
+                }
+              });
               sendMessage(webViewRef, "update-iframe", code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -256,7 +266,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debug("iframe-message-error", {
+      debug("Format:iframeMessageError", {
+        params: { error: e },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -266,7 +277,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const onModalMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debugModal("modal-iframe-message", {
+      debugModal("Format:modalIframeMessage", {
+        params: { data },
         message: data
       });
       const messageHandler = handleIframeMessage(
@@ -309,7 +321,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debugModal("modal-iframe-message-error", {
+      debugModal("Format:modalIframeMessageError", {
+        params: { error: e },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -319,16 +332,36 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const paramsString = (0, import_sdk_react.convertParamsToString)(otherParams);
   (0, import_react2.useEffect)(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
+      debug("Format:iframePostMessageNotLoaded", {
+        params: {
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid
+        }
+      });
       return;
     }
-    debug("iframe-post-message");
+    debug("Format:iframePostMessage", {
+      params: {
+        otherParams
+      }
+    });
     sendMessage(webViewRef, "update-iframe", code, {
       data: { otherParams },
       code
     });
   }, [paramsString, iframeLoaded, context?.adServerUrl, bid, code]);
   const checkIfInViewport = () => {
-    if (!containerRef.current) return;
+    if (!containerRef.current) {
+      debug("Format:checkIfInViewportNoContainer");
+      return;
+    }
+    debug("Format:checkIfInViewportMeasure", {
+      params: {
+        windowWidth,
+        windowHeight
+      }
+    });
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, "update-dimensions-iframe", code, {
         windowWidth,
@@ -339,29 +372,60 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerY,
         keyboardHeight: keyboardHeightRef.current
       });
+      debug("Format:checkIfInViewportMeasureSend", {
+        params: {
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current
+        }
+      });
     });
   };
   (0, import_react2.useEffect)(() => {
-    if (!isAdViewVisible) return;
+    if (!isAdViewVisible) {
+      debug("Format:checkIfInViewportNotVisible");
+      return;
+    }
     const interval = setInterval(() => {
       checkIfInViewport();
     }, 250);
-    return () => clearInterval(interval);
+    return () => {
+      clearInterval(interval);
+      debug("Format:checkIfInViewportCleanup");
+    };
   }, [isAdViewVisible]);
   (0, import_react2.useEffect)(() => {
     const showSubscription = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
+      debug("Format:keyboardDidShow", {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0
+        }
+      });
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
     const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+      debug("Format:keyboardDidHide");
       keyboardHeightRef.current = 0;
     });
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
       keyboardHeightRef.current = 0;
+      debug("Format:keyboardEffectCleanup");
     };
   }, []);
   if (!context || !bid || !iframeUrl) {
+    debug("Format:noContextOrBidOrIframeUrl", {
+      params: {
+        context,
+        bid,
+        iframeUrl
+      }
+    });
     return null;
   }
   const inlineContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -378,11 +442,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         ...iframeStyles
       },
       onError: () => {
-        debug("iframe-error");
+        debug("Format:iframeError");
         reset();
       },
       onLoad: () => {
-        debug("iframe-load");
+        debug("Format:iframeLoad");
       }
     }
   );
@@ -415,11 +479,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
                 borderWidth: 0
               },
               onError: () => {
-                debug("modal-error");
+                debug("Format:modalError");
                 resetModal();
               },
               onLoad: () => {
-                debug("modal-load");
+                debug("Format:modalLoad");
                 setModalLoaded(true);
               }
             }
@@ -460,7 +524,7 @@ var import_react_native3 = require("react-native");
 var import_react_native_device_info = __toESM(require("react-native-device-info"));
 
 // package.json
-var version = "3.0.6";
+var version = "3.0.7-rc.1";
 
 // src/NativeRNKontext.ts
 var import_react_native2 = require("react-native");

package/dist/index.mjs

@@ -116,7 +116,9 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     context?.captureError(new Error("Processing iframe error"));
   };
   const resetModal = () => {
+    debugModal("Format:resetModal");
     if (modalInitTimeoutRef.current) {
+      debugModal("Format:resetModalTimeout");
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
@@ -153,19 +155,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
-  debug("format-update-state");
+  debug("Format:updateState");
   const onMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debug("iframe-message", {
-        message: data
+      debug("Format:iframeMessage", {
+        message: data,
+        params: { data }
       });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
             case "init-iframe":
               setIframeLoaded(true);
-              debug("iframe-post-message");
+              debug("Format:iframePostMessage", {
+                params: {
+                  messages: context?.messages,
+                  sdk: "sdk-react-native",
+                  otherParams,
+                  messageId
+                }
+              });
               sendMessage(webViewRef, "update-iframe", code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -225,7 +235,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debug("iframe-message-error", {
+      debug("Format:iframeMessageError", {
+        params: { error: e },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -235,7 +246,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const onModalMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debugModal("modal-iframe-message", {
+      debugModal("Format:modalIframeMessage", {
+        params: { data },
         message: data
       });
       const messageHandler = handleIframeMessage(
@@ -278,7 +290,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debugModal("modal-iframe-message-error", {
+      debugModal("Format:modalIframeMessageError", {
+        params: { error: e },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -288,16 +301,36 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const paramsString = convertParamsToString(otherParams);
   useEffect(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
+      debug("Format:iframePostMessageNotLoaded", {
+        params: {
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid
+        }
+      });
       return;
     }
-    debug("iframe-post-message");
+    debug("Format:iframePostMessage", {
+      params: {
+        otherParams
+      }
+    });
     sendMessage(webViewRef, "update-iframe", code, {
       data: { otherParams },
       code
     });
   }, [paramsString, iframeLoaded, context?.adServerUrl, bid, code]);
   const checkIfInViewport = () => {
-    if (!containerRef.current) return;
+    if (!containerRef.current) {
+      debug("Format:checkIfInViewportNoContainer");
+      return;
+    }
+    debug("Format:checkIfInViewportMeasure", {
+      params: {
+        windowWidth,
+        windowHeight
+      }
+    });
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, "update-dimensions-iframe", code, {
         windowWidth,
@@ -308,29 +341,60 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerY,
         keyboardHeight: keyboardHeightRef.current
       });
+      debug("Format:checkIfInViewportMeasureSend", {
+        params: {
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current
+        }
+      });
     });
   };
   useEffect(() => {
-    if (!isAdViewVisible) return;
+    if (!isAdViewVisible) {
+      debug("Format:checkIfInViewportNotVisible");
+      return;
+    }
     const interval = setInterval(() => {
       checkIfInViewport();
     }, 250);
-    return () => clearInterval(interval);
+    return () => {
+      clearInterval(interval);
+      debug("Format:checkIfInViewportCleanup");
+    };
   }, [isAdViewVisible]);
   useEffect(() => {
     const showSubscription = Keyboard.addListener("keyboardDidShow", (e) => {
+      debug("Format:keyboardDidShow", {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0
+        }
+      });
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
     const hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+      debug("Format:keyboardDidHide");
       keyboardHeightRef.current = 0;
     });
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
       keyboardHeightRef.current = 0;
+      debug("Format:keyboardEffectCleanup");
     };
   }, []);
   if (!context || !bid || !iframeUrl) {
+    debug("Format:noContextOrBidOrIframeUrl", {
+      params: {
+        context,
+        bid,
+        iframeUrl
+      }
+    });
     return null;
   }
   const inlineContent = /* @__PURE__ */ jsx2(
@@ -347,11 +411,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         ...iframeStyles
       },
       onError: () => {
-        debug("iframe-error");
+        debug("Format:iframeError");
         reset();
       },
       onLoad: () => {
-        debug("iframe-load");
+        debug("Format:iframeLoad");
       }
     }
   );
@@ -384,11 +448,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
                 borderWidth: 0
               },
               onError: () => {
-                debug("modal-error");
+                debug("Format:modalError");
                 resetModal();
               },
               onLoad: () => {
-                debug("modal-load");
+                debug("Format:modalLoad");
                 setModalLoaded(true);
               }
             }
@@ -432,7 +496,7 @@ import { Appearance, Dimensions, PixelRatio, Platform } from "react-native";
 import DeviceInfo from "react-native-device-info";
 
 // package.json
-var version = "3.0.6";
+var version = "3.0.7-rc.1";
 
 // src/NativeRNKontext.ts
 import { TurboModuleRegistry } from "react-native";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.0.6",
+  "version": "3.0.7-rc.1",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -54,7 +54,7 @@
     "react-native-webview": "^13.10.0"
   },
   "dependencies": {
-    "@kontextso/sdk-react": "^3.0.5"
+    "@kontextso/sdk-react": "^3.0.7-rc.1"
   },
   "files": [
     "dist/*",

package/src/formats/Format.tsx

@@ -89,7 +89,9 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
   }
 
   const resetModal = () => {
+    debugModal('Format:resetModal')
     if (modalInitTimeoutRef.current) {
+      debugModal('Format:resetModalTimeout')
       clearTimeout(modalInitTimeoutRef.current)
       modalInitTimeoutRef.current = null
     }
@@ -130,14 +132,15 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     })
   }
 
-  debug('format-update-state')
+  debug('Format:updateState')
 
   const onMessage = (event: WebViewMessageEvent) => {
     try {
       const data = JSON.parse(event.nativeEvent.data) as IframeMessage
 
-      debug('iframe-message', {
+      debug('Format:iframeMessage', {
         message: data,
+        params: { data }
       })
 
       const messageHandler = handleIframeMessage(
@@ -145,7 +148,14 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
           switch (message.type) {
             case 'init-iframe':
               setIframeLoaded(true)
-              debug('iframe-post-message')
+              debug('Format:iframePostMessage', {
+                params: {
+                  messages: context?.messages,
+                  sdk: 'sdk-react-native',
+                  otherParams,
+                  messageId,
+                }
+              })
               sendMessage(webViewRef, 'update-iframe', code, {
                 messages: context?.messages,
                 sdk: 'sdk-react-native',
@@ -216,7 +226,8 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
       )
       messageHandler({ data } as IframeMessageEvent)
     } catch (e) {
-      debug('iframe-message-error', {
+      debug('Format:iframeMessageError', {
+        params: { error: e },
         error: e,
       })
       console.error('error parsing message from webview', e)
@@ -228,7 +239,8 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     try {
       const data = JSON.parse(event.nativeEvent.data) as IframeMessage
 
-      debugModal('modal-iframe-message', {
+      debugModal('Format:modalIframeMessage', {
+        params: { data },
         message: data,
       })
 
@@ -279,7 +291,8 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
       )
       messageHandler({ data } as IframeMessageEvent)
     } catch (e) {
-      debugModal('modal-iframe-message-error', {
+      debugModal('Format:modalIframeMessageError', {
+        params: { error: e },
         error: e,
       })
       console.error('error parsing message from webview', e)
@@ -291,9 +304,20 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
   useEffect(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
+      debug('Format:iframePostMessageNotLoaded', {
+        params: {
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid,
+        }
+      })
       return
     }
-    debug('iframe-post-message')
+    debug('Format:iframePostMessage', {
+      params: {
+        otherParams
+      }
+    })
     sendMessage(webViewRef, 'update-iframe', code, {
       data: { otherParams },
       code,
@@ -302,7 +326,17 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
   }, [paramsString, iframeLoaded, context?.adServerUrl, bid, code])
 
   const checkIfInViewport = () => {
-    if (!containerRef.current) return
+    if (!containerRef.current) {
+      debug('Format:checkIfInViewportNoContainer')
+      return
+    }
+
+    debug('Format:checkIfInViewportMeasure', {
+      params: {
+        windowWidth,
+        windowHeight,
+      }
+    })
 
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, 'update-dimensions-iframe', code, {
@@ -314,24 +348,47 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
         containerY,
         keyboardHeight: keyboardHeightRef.current,
       })
+      debug('Format:checkIfInViewportMeasureSend', {
+        params: {
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current,
+        }
+      })
     })
   }
 
   useEffect(() => {
-    if (!isAdViewVisible) return
+    if (!isAdViewVisible) {
+      debug('Format:checkIfInViewportNotVisible')
+      return
+    }
 
     const interval = setInterval(() => {
       checkIfInViewport()
     }, 250)
 
-    return () => clearInterval(interval)
+    return () => {
+      clearInterval(interval)
+      debug('Format:checkIfInViewportCleanup')
+    }
   }, [isAdViewVisible])
 
   useEffect(() => {
     const showSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
+      debug('Format:keyboardDidShow', {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0,
+        }
+      })
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0
     })
     const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      debug('Format:keyboardDidHide')
       keyboardHeightRef.current = 0
     })
 
@@ -339,10 +396,18 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
       showSubscription.remove()
       hideSubscription.remove()
       keyboardHeightRef.current = 0
+      debug('Format:keyboardEffectCleanup')
     }
   }, [])
 
   if (!context || !bid || !iframeUrl) {
+    debug('Format:noContextOrBidOrIframeUrl', {
+      params: {
+        context,
+        bid,
+        iframeUrl,
+      }
+    })
     return null
   }
 
@@ -359,11 +424,11 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
         ...iframeStyles,
       }}
       onError={() => {
-        debug('iframe-error')
+        debug('Format:iframeError')
         reset()
       }}
       onLoad={() => {
-        debug('iframe-load')
+        debug('Format:iframeLoad')
       }}
     />
   )
@@ -394,11 +459,11 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
             borderWidth: 0,
           }}
           onError={() => {
-            debug('modal-error')
+            debug('Format:modalError')
             resetModal()
           }}
           onLoad={() => {
-            debug('modal-load')
+            debug('Format:modalLoad')
             setModalLoaded(true)
           }}
         />