@dynamic-labs/iframe-setup 4.9.1 → 4.9.2

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [4.9.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.1...v4.9.2) (2025-03-12)
+
+
+### Features
+
+* **QNTM-2951:** update sdk styles ([#8214](https://github.com/dynamic-labs/dynamic-auth/issues/8214)) ([45cefa8](https://github.com/dynamic-labs/dynamic-auth/commit/45cefa82bdaad769c63ffeab4fb48f88ac855461))
+
+
+### Bug Fixes
+
+* embedded widget race condition that would show both embedded and non-embedded widgets at the same time ([#8208](https://github.com/dynamic-labs/dynamic-auth/issues/8208)) ([031fb77](https://github.com/dynamic-labs/dynamic-auth/commit/031fb775c10daa383bf56ab7ba5fa4cf6ae9451c))
+* **iframe-setup:** require the initial parent url when using an iframe ([#8268](https://github.com/dynamic-labs/dynamic-auth/issues/8268)) ([258e8a1](https://github.com/dynamic-labs/dynamic-auth/commit/258e8a128c31b8695518f9943bc74de9fce63196))
+* improve WalletConnect experience ([#8201](https://github.com/dynamic-labs/dynamic-auth/issues/8201)) ([a09b16d](https://github.com/dynamic-labs/dynamic-auth/commit/a09b16de2ccd3cbba89f70a8ded4b7656f09f807)), closes [#8202](https://github.com/dynamic-labs/dynamic-auth/issues/8202) [#8207](https://github.com/dynamic-labs/dynamic-auth/issues/8207)
+* prevent closing modal when mfa view is required ([#8156](https://github.com/dynamic-labs/dynamic-auth/issues/8156)) ([c34b245](https://github.com/dynamic-labs/dynamic-auth/commit/c34b24509e3f96046e72150b055d9c820f98706f))
+
 ### [4.9.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.0...v4.9.1) (2025-03-11)
 
 

package/README.md

@@ -16,11 +16,17 @@ This package provides the setupIframe method thats used to setup the iframe envi
 
 ### Step 1: Parent Page Setup
 
-Configure the parent page that will contain the iframe:
+Configure the parent page that will contain the iframe.
+
+To setup the iframe, you need to pass the parent URL to the iframe using the `initial-parent-url` query parameter
 
 ```tsx
 const iframeURL = new URL('https://iframe.com');
 
+if (typeof window !== 'undefined') {
+  iframeURL.searchParams.set('initial-parent-url', window.location.href);
+}
+
 const App = () => {
   const iframeRef = useRef<HTMLIFrameElement>(null);
 
@@ -108,18 +114,11 @@ export const setupIframe = (
   iframe: HTMLIFrameElement,
   origin: string,
 ): VoidFunction => {
+  if (typeof window === 'undefined') return () => {};
+
   const messageHandler = createMessageHandler<IFRAME_EVENTS>(window, origin);
   const messageSender = createMessageSender<IFRAME_EVENTS>(iframe);
 
-  // Add initial parent url to iframe src
-  const applyInitialParentUrlToIframeSrc = () => {
-    const iframeURL = new URL(iframe.src);
-
-    iframeURL.searchParams.set('initial-parent-url', window.location.href);
-
-    iframe.src = iframeURL.toString();
-  };
-
   // Add event listener to handle deeplink
   const setupOpenUrlHandler = () =>
     messageHandler('OPEN_URL', ({ url, target = 'self', features }) => {
@@ -170,8 +169,6 @@ export const setupIframe = (
     };
   };
 
-  applyInitialParentUrlToIframeSrc();
-
   // Holds all the cleanup handlers
   const cleanupHandlers: VoidFunction[] = [];
 

package/package.cjs

@@ -3,6 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.9.1";
+var version = "4.9.2";
 
 exports.version = version;

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "4.9.1";
+var version = "4.9.2";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/iframe-setup",
-  "version": "4.9.1",
+  "version": "4.9.2",
   "description": "Collection of utilities to use the Dynamic SDK in an iframe",
   "author": "Dynamic Labs, Inc.",
   "license": "MIT",
@@ -18,7 +18,7 @@
   },
   "homepage": "https://www.dynamic.xyz/",
   "dependencies": {
-    "@dynamic-labs/assert-package-version": "4.9.1"
+    "@dynamic-labs/assert-package-version": "4.9.2"
   },
   "peerDependencies": {}
 }

package/src/lib/setupIframe/setupIframe.cjs

@@ -20,14 +20,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * @returns a function to teardown the iframe setup
  */
 const setupIframe = (iframe, origin) => {
+    if (typeof window === 'undefined')
+        return () => { };
     const messageHandler = createMessageHandler(window, origin);
     const messageSender = createMessageSender(iframe);
-    // Add initial parent url to iframe src
-    const applyInitialParentUrlToIframeSrc = () => {
-        const iframeURL = new URL(iframe.src);
-        iframeURL.searchParams.set('initial-parent-url', window.location.href);
-        iframe.src = iframeURL.toString();
-    };
     // Add event listener to handle deeplink
     const setupOpenUrlHandler = () => messageHandler('OPEN_URL', ({ url, target = 'self', features }) => {
         if (target === 'blank') {
@@ -68,7 +64,6 @@ const setupIframe = (iframe, origin) => {
             window.removeEventListener('focus', onVisibilityOrFocus);
         };
     };
-    applyInitialParentUrlToIframeSrc();
     // Holds all the cleanup handlers
     const cleanupHandlers = [];
     cleanupHandlers.push(setupUrlUpdateHandler());

package/src/lib/setupIframe/setupIframe.js

@@ -16,14 +16,10 @@
  * @returns a function to teardown the iframe setup
  */
 const setupIframe = (iframe, origin) => {
+    if (typeof window === 'undefined')
+        return () => { };
     const messageHandler = createMessageHandler(window, origin);
     const messageSender = createMessageSender(iframe);
-    // Add initial parent url to iframe src
-    const applyInitialParentUrlToIframeSrc = () => {
-        const iframeURL = new URL(iframe.src);
-        iframeURL.searchParams.set('initial-parent-url', window.location.href);
-        iframe.src = iframeURL.toString();
-    };
     // Add event listener to handle deeplink
     const setupOpenUrlHandler = () => messageHandler('OPEN_URL', ({ url, target = 'self', features }) => {
         if (target === 'blank') {
@@ -64,7 +60,6 @@ const setupIframe = (iframe, origin) => {
             window.removeEventListener('focus', onVisibilityOrFocus);
         };
     };
-    applyInitialParentUrlToIframeSrc();
     // Holds all the cleanup handlers
     const cleanupHandlers = [];
     cleanupHandlers.push(setupUrlUpdateHandler());