npm - @kontextso/sdk-react-native - Versions diffs - 3.0.6 → 3.0.7-rc.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -147,7 +147,21 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     context?.captureError(new Error("Processing iframe error"));
   };
   const resetModal = () => {
+    debugModal("Format:resetModal", {
+      params: {
+        messageId,
+        code,
+        otherParams
+      }
+    });
     if (modalInitTimeoutRef.current) {
+      debugModal("Format:resetModalTimeout", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
@@ -184,19 +198,34 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
-  debug("format-update-state");
+  debug("Format:updateState", {
+    params: {
+      messageId,
+      code,
+      otherParams
+    }
+  });
   const onMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debug("iframe-message", {
-        message: data
+      debug("Format:iframeMessage", {
+        message: data,
+        params: { data, messageId, code, otherParams }
       });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
             case "init-iframe":
               setIframeLoaded(true);
-              debug("iframe-post-message");
+              debug("Format:iframePostMessage", {
+                params: {
+                  code,
+                  messages: context?.messages,
+                  sdk: "sdk-react-native",
+                  otherParams,
+                  messageId
+                }
+              });
               sendMessage(webViewRef, "update-iframe", code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -256,7 +285,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debug("iframe-message-error", {
+      debug("Format:iframeMessageError", {
+        params: { error: e, messageId, code, otherParams },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -266,7 +296,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, messageId, code, otherParams },
         message: data
       });
       const messageHandler = handleIframeMessage(
@@ -309,7 +340,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debugModal("modal-iframe-message-error", {
+      debugModal("Format:modalIframeMessageError", {
+        params: { error: e, messageId, code, otherParams },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -319,16 +351,50 @@ 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: {
+          messageId,
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid,
+          code,
+          otherParams
+        }
+      });
       return;
     }
-    debug("iframe-post-message");
+    debug("Format:iframePostMessage", {
+      params: {
+        messageId,
+        otherParams,
+        code
+      }
+    });
     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", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+      return;
+    }
+    debug("Format:checkIfInViewportMeasure", {
+      params: {
+        windowWidth,
+        windowHeight,
+        messageId,
+        code,
+        otherParams
+      }
+    });
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, "update-dimensions-iframe", code, {
         windowWidth,
@@ -339,29 +405,93 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerY,
         keyboardHeight: keyboardHeightRef.current
       });
+      debug("Format:checkIfInViewportMeasureSend", {
+        params: {
+          messageId,
+          code,
+          otherParams,
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current
+        }
+      });
     });
   };
   (0, import_react2.useEffect)(() => {
-    if (!isAdViewVisible) return;
+    if (!isAdViewVisible) {
+      debug("Format:checkIfInViewportNotVisible", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+      return;
+    }
     const interval = setInterval(() => {
       checkIfInViewport();
     }, 250);
-    return () => clearInterval(interval);
+    return () => {
+      clearInterval(interval);
+      debug("Format:checkIfInViewportCleanup", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+    };
   }, [isAdViewVisible]);
   (0, import_react2.useEffect)(() => {
     const showSubscription = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
+      debug("Format:keyboardDidShow", {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0,
+          messageId,
+          code,
+          otherParams
+        }
+      });
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
     const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+      debug("Format:keyboardDidHide", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
       keyboardHeightRef.current = 0;
     });
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
       keyboardHeightRef.current = 0;
+      debug("Format:keyboardEffectCleanup", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
     };
   }, []);
   if (!context || !bid || !iframeUrl) {
+    debug("Format:noContextOrBidOrIframeUrl", {
+      params: {
+        context,
+        bid,
+        iframeUrl,
+        messageId,
+        code,
+        otherParams
+      }
+    });
     return null;
   }
   const inlineContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -378,11 +508,23 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         ...iframeStyles
       },
       onError: () => {
-        debug("iframe-error");
+        debug("Format:iframeError", {
+          params: {
+            messageId,
+            code,
+            otherParams
+          }
+        });
         reset();
       },
       onLoad: () => {
-        debug("iframe-load");
+        debug("Format:iframeLoad", {
+          params: {
+            messageId,
+            code,
+            otherParams
+          }
+        });
       }
     }
   );
@@ -415,11 +557,23 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
                 borderWidth: 0
               },
               onError: () => {
-                debug("modal-error");
+                debug("Format:modalError", {
+                  params: {
+                    messageId,
+                    code,
+                    otherParams
+                  }
+                });
                 resetModal();
               },
               onLoad: () => {
-                debug("modal-load");
+                debug("Format:modalLoad", {
+                  params: {
+                    messageId,
+                    code,
+                    otherParams
+                  }
+                });
                 setModalLoaded(true);
               }
             }
@@ -460,7 +614,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.2";
 // src/NativeRNKontext.ts
 var import_react_native2 = require("react-native");

package/dist/index.mjs CHANGED Viewed

@@ -116,7 +116,21 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     context?.captureError(new Error("Processing iframe error"));
   };
   const resetModal = () => {
+    debugModal("Format:resetModal", {
+      params: {
+        messageId,
+        code,
+        otherParams
+      }
+    });
     if (modalInitTimeoutRef.current) {
+      debugModal("Format:resetModalTimeout", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
@@ -153,19 +167,34 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
-  debug("format-update-state");
+  debug("Format:updateState", {
+    params: {
+      messageId,
+      code,
+      otherParams
+    }
+  });
   const onMessage = (event) => {
     try {
       const data = JSON.parse(event.nativeEvent.data);
-      debug("iframe-message", {
-        message: data
+      debug("Format:iframeMessage", {
+        message: data,
+        params: { data, messageId, code, otherParams }
       });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
             case "init-iframe":
               setIframeLoaded(true);
-              debug("iframe-post-message");
+              debug("Format:iframePostMessage", {
+                params: {
+                  code,
+                  messages: context?.messages,
+                  sdk: "sdk-react-native",
+                  otherParams,
+                  messageId
+                }
+              });
               sendMessage(webViewRef, "update-iframe", code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -225,7 +254,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debug("iframe-message-error", {
+      debug("Format:iframeMessageError", {
+        params: { error: e, messageId, code, otherParams },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -235,7 +265,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, messageId, code, otherParams },
         message: data
       });
       const messageHandler = handleIframeMessage(
@@ -278,7 +309,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
-      debugModal("modal-iframe-message-error", {
+      debugModal("Format:modalIframeMessageError", {
+        params: { error: e, messageId, code, otherParams },
         error: e
       });
       console.error("error parsing message from webview", e);
@@ -288,16 +320,50 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const paramsString = convertParamsToString(otherParams);
   useEffect(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
+      debug("Format:iframePostMessageNotLoaded", {
+        params: {
+          messageId,
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid,
+          code,
+          otherParams
+        }
+      });
       return;
     }
-    debug("iframe-post-message");
+    debug("Format:iframePostMessage", {
+      params: {
+        messageId,
+        otherParams,
+        code
+      }
+    });
     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", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+      return;
+    }
+    debug("Format:checkIfInViewportMeasure", {
+      params: {
+        windowWidth,
+        windowHeight,
+        messageId,
+        code,
+        otherParams
+      }
+    });
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, "update-dimensions-iframe", code, {
         windowWidth,
@@ -308,29 +374,93 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerY,
         keyboardHeight: keyboardHeightRef.current
       });
+      debug("Format:checkIfInViewportMeasureSend", {
+        params: {
+          messageId,
+          code,
+          otherParams,
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current
+        }
+      });
     });
   };
   useEffect(() => {
-    if (!isAdViewVisible) return;
+    if (!isAdViewVisible) {
+      debug("Format:checkIfInViewportNotVisible", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+      return;
+    }
     const interval = setInterval(() => {
       checkIfInViewport();
     }, 250);
-    return () => clearInterval(interval);
+    return () => {
+      clearInterval(interval);
+      debug("Format:checkIfInViewportCleanup", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
+    };
   }, [isAdViewVisible]);
   useEffect(() => {
     const showSubscription = Keyboard.addListener("keyboardDidShow", (e) => {
+      debug("Format:keyboardDidShow", {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0,
+          messageId,
+          code,
+          otherParams
+        }
+      });
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
     const hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+      debug("Format:keyboardDidHide", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
       keyboardHeightRef.current = 0;
     });
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
       keyboardHeightRef.current = 0;
+      debug("Format:keyboardEffectCleanup", {
+        params: {
+          messageId,
+          code,
+          otherParams
+        }
+      });
     };
   }, []);
   if (!context || !bid || !iframeUrl) {
+    debug("Format:noContextOrBidOrIframeUrl", {
+      params: {
+        context,
+        bid,
+        iframeUrl,
+        messageId,
+        code,
+        otherParams
+      }
+    });
     return null;
   }
   const inlineContent = /* @__PURE__ */ jsx2(
@@ -347,11 +477,23 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         ...iframeStyles
       },
       onError: () => {
-        debug("iframe-error");
+        debug("Format:iframeError", {
+          params: {
+            messageId,
+            code,
+            otherParams
+          }
+        });
         reset();
       },
       onLoad: () => {
-        debug("iframe-load");
+        debug("Format:iframeLoad", {
+          params: {
+            messageId,
+            code,
+            otherParams
+          }
+        });
       }
     }
   );
@@ -384,11 +526,23 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
                 borderWidth: 0
               },
               onError: () => {
-                debug("modal-error");
+                debug("Format:modalError", {
+                  params: {
+                    messageId,
+                    code,
+                    otherParams
+                  }
+                });
                 resetModal();
               },
               onLoad: () => {
-                debug("modal-load");
+                debug("Format:modalLoad", {
+                  params: {
+                    messageId,
+                    code,
+                    otherParams
+                  }
+                });
                 setModalLoaded(true);
               }
             }
@@ -432,7 +586,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.2";
 // src/NativeRNKontext.ts
 import { TurboModuleRegistry } from "react-native";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.0.6",
+  "version": "3.0.7-rc.2",
   "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 CHANGED Viewed

@@ -89,7 +89,21 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
   }
   const resetModal = () => {
+    debugModal('Format:resetModal', {
+      params: {
+        messageId,
+        code,
+        otherParams,
+      }
+    })
     if (modalInitTimeoutRef.current) {
+      debugModal('Format:resetModalTimeout', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
       clearTimeout(modalInitTimeoutRef.current)
       modalInitTimeoutRef.current = null
     }
@@ -130,14 +144,21 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     })
   }
-  debug('format-update-state')
+  debug('Format:updateState', {
+    params: {
+      messageId,
+      code,
+      otherParams
+    }
+  })
   const onMessage = (event: WebViewMessageEvent) => {
     try {
       const data = JSON.parse(event.nativeEvent.data) as IframeMessage
-      debug('iframe-message', {
+      debug('Format:iframeMessage', {
         message: data,
+        params: { data, messageId, code, otherParams }
       })
       const messageHandler = handleIframeMessage(
@@ -145,7 +166,15 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
           switch (message.type) {
             case 'init-iframe':
               setIframeLoaded(true)
-              debug('iframe-post-message')
+              debug('Format:iframePostMessage', {
+                params: {
+                  code,
+                  messages: context?.messages,
+                  sdk: 'sdk-react-native',
+                  otherParams,
+                  messageId,
+                }
+              })
               sendMessage(webViewRef, 'update-iframe', code, {
                 messages: context?.messages,
                 sdk: 'sdk-react-native',
@@ -216,7 +245,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, messageId, code, otherParams },
         error: e,
       })
       console.error('error parsing message from webview', e)
@@ -228,7 +258,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, messageId, code, otherParams },
         message: data,
       })
@@ -279,7 +310,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, messageId, code, otherParams },
         error: e,
       })
       console.error('error parsing message from webview', e)
@@ -291,9 +323,25 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
   useEffect(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
+      debug('Format:iframePostMessageNotLoaded', {
+        params: {
+          messageId,
+          iframeLoaded,
+          contextAdServerUrl: context?.adServerUrl,
+          bid,
+          code,
+          otherParams,
+        }
+      })
       return
     }
-    debug('iframe-post-message')
+    debug('Format:iframePostMessage', {
+      params: {
+        messageId,
+        otherParams,
+        code,
+      }
+    })
     sendMessage(webViewRef, 'update-iframe', code, {
       data: { otherParams },
       code,
@@ -302,7 +350,26 @@ 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', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
+      return
+    }
+    debug('Format:checkIfInViewportMeasure', {
+      params: {
+        windowWidth,
+        windowHeight,
+        messageId,
+        code,
+        otherParams,
+      }
+    })
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
       sendMessage(webViewRef, 'update-dimensions-iframe', code, {
@@ -314,24 +381,71 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
         containerY,
         keyboardHeight: keyboardHeightRef.current,
       })
+      debug('Format:checkIfInViewportMeasureSend', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+          windowWidth,
+          windowHeight,
+          containerWidth,
+          containerHeight,
+          containerX,
+          containerY,
+          keyboardHeight: keyboardHeightRef.current,
+        }
+      })
     })
   }
   useEffect(() => {
-    if (!isAdViewVisible) return
+    if (!isAdViewVisible) {
+      debug('Format:checkIfInViewportNotVisible', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
+      return
+    }
     const interval = setInterval(() => {
       checkIfInViewport()
     }, 250)
-    return () => clearInterval(interval)
+    return () => {
+      clearInterval(interval)
+      debug('Format:checkIfInViewportCleanup', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
+    }
   }, [isAdViewVisible])
   useEffect(() => {
     const showSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
+      debug('Format:keyboardDidShow', {
+        params: {
+          keyboardHeight: e?.endCoordinates?.height ?? 0,
+          messageId,
+          code,
+          otherParams,
+        }
+      })
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0
     })
     const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      debug('Format:keyboardDidHide', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
       keyboardHeightRef.current = 0
     })
@@ -339,10 +453,27 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
       showSubscription.remove()
       hideSubscription.remove()
       keyboardHeightRef.current = 0
+      debug('Format:keyboardEffectCleanup', {
+        params: {
+          messageId,
+          code,
+          otherParams,
+        }
+      })
     }
   }, [])
   if (!context || !bid || !iframeUrl) {
+    debug('Format:noContextOrBidOrIframeUrl', {
+      params: {
+        context,
+        bid,
+        iframeUrl,
+        messageId,
+        code,
+        otherParams,
+      }
+    })
     return null
   }
@@ -359,11 +490,23 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
         ...iframeStyles,
       }}
       onError={() => {
-        debug('iframe-error')
+        debug('Format:iframeError', {
+          params: {
+            messageId,
+            code,
+            otherParams,
+          }
+        })
         reset()
       }}
       onLoad={() => {
-        debug('iframe-load')
+        debug('Format:iframeLoad', {
+          params: {
+            messageId,
+            code,
+            otherParams,
+          }
+        })
       }}
     />
   )
@@ -394,11 +537,23 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
             borderWidth: 0,
           }}
           onError={() => {
-            debug('modal-error')
+            debug('Format:modalError', {
+              params: {
+                messageId,
+                code,
+                otherParams,
+              }
+            })
             resetModal()
           }}
           onLoad={() => {
-            debug('modal-load')
+            debug('Format:modalLoad', {
+              params: {
+                messageId,
+                code,
+                otherParams,
+              }
+            })
             setModalLoaded(true)
           }}
         />