@betterstore/react 0.3.68 → 0.3.69

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.3.69
+
+### Patch Changes
+
+- bug fix
+
 ## 0.3.68
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -521,7 +521,7 @@ var css_248z = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com *
 const IframeWrapper = React.memo(({ children, iframeRef, wrapperRef }) => {
     const [iframeBody, setIframeBody] = React.useState(null);
     const styleRef = React.useRef(null);
-    const motionRef = React.useRef(null);
+    React.useRef(null);
     const resizeObserver = React.useRef();
     const injectStyles = React.useCallback((doc) => {
         var _a;
@@ -534,21 +534,25 @@ const IframeWrapper = React.memo(({ children, iframeRef, wrapperRef }) => {
         doc.head.appendChild(styleEl);
         styleRef.current = styleEl;
     }, []);
-    const injectMotion = React.useCallback((doc) => {
-        var _a;
-        // Clean up previous style
-        if ((_a = motionRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) {
-            motionRef.current.parentNode.removeChild(motionRef.current);
-        }
-        const script = doc.createElement("script");
-        script.type = "module";
-        script.textContent = `
-        import { motion } from 'https://esm.sh/motion';
-        window.Motion = motion;
-      `;
-        doc.head.appendChild(script);
-        motionRef.current = script;
-    }, []);
+    const cloneGlobals = (iframeWin) => {
+        const parentWin = window;
+        // Grab all own props of the parent window...
+        Object.getOwnPropertyNames(parentWin).forEach((key) => {
+            // Skip non–configurable or already-present props
+            if (key in iframeWin)
+                return;
+            const desc = Object.getOwnPropertyDescriptor(parentWin, key);
+            // Only clone functions or configurable props
+            if (typeof desc.value === "function" ||
+                (desc.configurable && (desc.writable || desc.get))) {
+                Object.defineProperty(iframeWin, key, Object.assign(Object.assign({}, desc), { 
+                    // if it's a function, bind it back to parent window
+                    value: typeof desc.value === "function"
+                        ? desc.value.bind(parentWin)
+                        : desc.value }));
+            }
+        });
+    };
     const updateHeight = React.useCallback(() => {
         const iframe = iframeRef.current;
         const doc = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument;
@@ -562,7 +566,7 @@ const IframeWrapper = React.memo(({ children, iframeRef, wrapperRef }) => {
         if (!iframe)
             return;
         const doc = iframe.contentDocument;
-        injectMotion(doc);
+        cloneGlobals(iframe.contentWindow);
         injectStyles(doc);
         setIframeBody(doc.body);
         updateHeight();

package/dist/index.mjs

@@ -498,7 +498,7 @@ var css_248z = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com *
 const IframeWrapper = React__default.memo(({ children, iframeRef, wrapperRef }) => {
     const [iframeBody, setIframeBody] = useState(null);
     const styleRef = useRef(null);
-    const motionRef = useRef(null);
+    useRef(null);
     const resizeObserver = useRef();
     const injectStyles = useCallback((doc) => {
         var _a;
@@ -511,21 +511,25 @@ const IframeWrapper = React__default.memo(({ children, iframeRef, wrapperRef })
         doc.head.appendChild(styleEl);
         styleRef.current = styleEl;
     }, []);
-    const injectMotion = useCallback((doc) => {
-        var _a;
-        // Clean up previous style
-        if ((_a = motionRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) {
-            motionRef.current.parentNode.removeChild(motionRef.current);
-        }
-        const script = doc.createElement("script");
-        script.type = "module";
-        script.textContent = `
-        import { motion } from 'https://esm.sh/motion';
-        window.Motion = motion;
-      `;
-        doc.head.appendChild(script);
-        motionRef.current = script;
-    }, []);
+    const cloneGlobals = (iframeWin) => {
+        const parentWin = window;
+        // Grab all own props of the parent window...
+        Object.getOwnPropertyNames(parentWin).forEach((key) => {
+            // Skip non–configurable or already-present props
+            if (key in iframeWin)
+                return;
+            const desc = Object.getOwnPropertyDescriptor(parentWin, key);
+            // Only clone functions or configurable props
+            if (typeof desc.value === "function" ||
+                (desc.configurable && (desc.writable || desc.get))) {
+                Object.defineProperty(iframeWin, key, Object.assign(Object.assign({}, desc), { 
+                    // if it's a function, bind it back to parent window
+                    value: typeof desc.value === "function"
+                        ? desc.value.bind(parentWin)
+                        : desc.value }));
+            }
+        });
+    };
     const updateHeight = useCallback(() => {
         const iframe = iframeRef.current;
         const doc = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument;
@@ -539,7 +543,7 @@ const IframeWrapper = React__default.memo(({ children, iframeRef, wrapperRef })
         if (!iframe)
             return;
         const doc = iframe.contentDocument;
-        injectMotion(doc);
+        cloneGlobals(iframe.contentWindow);
         injectStyles(doc);
         setIframeBody(doc.body);
         updateHeight();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.3.68",
+  "version": "0.3.69",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {