@dynamic-labs/iframe-setup 4.9.2-preview.0 → 4.9.3

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 
-### [4.9.2-preview.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.1...v4.9.2-preview.0) (2025-03-11)
+### [4.9.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.2...v4.9.3) (2025-03-14)
+
+
+### Features
+
+* allow adding extra text to ToS and PP footer using custom css ([#8290](https://github.com/dynamic-labs/dynamic-auth/issues/8290)) ([0f6eb26](https://github.com/dynamic-labs/dynamic-auth/commit/0f6eb2666ea93a32360710ba5ac14eac53e07e2d))
+
+
+### Bug Fixes
+
+* log out if there is a mismatch in user and wallet state ([#8300](https://github.com/dynamic-labs/dynamic-auth/issues/8300)) ([82ec2ad](https://github.com/dynamic-labs/dynamic-auth/commit/82ec2add1682a576d00dfe13aa1b9cccecf96688))
+* sol sponsored tx for v3 ([#8288](https://github.com/dynamic-labs/dynamic-auth/issues/8288)) ([c466fba](https://github.com/dynamic-labs/dynamic-auth/commit/c466fba417d39641631e29104ec9c156dfdf7647))
+* v3 existing wallet could not log in again ([#8282](https://github.com/dynamic-labs/dynamic-auth/issues/8282)) ([c2d68ad](https://github.com/dynamic-labs/dynamic-auth/commit/c2d68adf575fcce371e438076184ef590f346c9f))
+
+### [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,19 @@ 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
+import { setupIframe } from '@dynamic-labs/iframe-setup';
+
 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 +116,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 +171,6 @@ export const setupIframe = (
     };
   };
 
-  applyInitialParentUrlToIframeSrc();
-
   // Holds all the cleanup handlers
   const cleanupHandlers: VoidFunction[] = [];
 
@@ -226,3 +225,33 @@ const createMessageSender =
   };
 
 ```
+
+Now you can import and use the `setupIframe` function in your iframe application:
+
+```tsx
+import { setupIframe } from './iframe-setup';
+
+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);
+
+  useEffect(() => {
+    const cleanUp = setupIframe(iframeRef.current!, iframeURL.origin);
+
+    return () => {
+      cleanUp();
+    };
+  }, []);
+
+  return (
+    <div>
+      <iframe ref={iframeRef} src={iframeURL.toString()} />
+    </div>
+  );
+};
+```

package/package.cjs

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

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "4.9.2-preview.0";
+var version = "4.9.3";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/iframe-setup",
-  "version": "4.9.2-preview.0",
+  "version": "4.9.3",
   "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.2-preview.0"
+    "@dynamic-labs/assert-package-version": "4.9.3"
   },
   "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());