@pack/react 0.0.11 → 0.0.13

package/dist/render-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../src/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAqClD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,4BA8B9C"}
+{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../src/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAwClD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,4BA8B9C"}

package/dist/render-sections.js

@@ -11,6 +11,8 @@ function Sections({ sections }) {
             // Normalize section data
             const key = section.id || section.clientId;
             const data = section.data || section;
+            // Attach dataSource to the provided cms data
+            data.dataSource = section.dataSource;
             const schemaKey = data._template;
             const Component = sectionMap.get(schemaKey);
             if (!Component)

package/dist/use-customizer-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CAoHL,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CAiIL,CAAC"}

package/dist/use-customizer-shell.js

@@ -5,9 +5,16 @@ export const useCustomizerShell = ({ environment = "production", isPreview, sect
     const [content, setContent] = useState(data.content);
     const [storefrontSettings, setStorefrontSettings] = useState(null);
     const [parentConnection, setParentConnection] = useState(null);
+    const [shouldConnectToParent, setShouldConnectToParent] = useState(false);
     const navigate = (path) => {
         window.location.href = path;
     };
+    useEffect(() => {
+        const isIframe = window.self !== window.top;
+        if (!isIframe)
+            return;
+        setShouldConnectToParent(true);
+    }, []);
     useEffect(() => {
         setLocation(window.location);
     }, [data.handle]);
@@ -35,12 +42,19 @@ export const useCustomizerShell = ({ environment = "production", isPreview, sect
         if (!storefrontSettingsSchema || !parentConnection || !sectionComponents) {
             return [];
         }
-        parentConnection.setStorefrontSettingsSchema(JSON.stringify(storefrontSettingsSchema));
+        try {
+            parentConnection.setStorefrontSettingsSchema(JSON.stringify(storefrontSettingsSchema));
+        }
+        catch (error) {
+            if (error.code !== ErrorCode.ConnectionDestroyed) {
+                parentConnection?.displayError("Something went wrong parsing sections");
+            }
+        }
         return;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [data.handle, parentConnection, storefrontSettingsSchema]);
     useEffect(() => {
-        if (!isPreview || !location?.pathname)
+        if (!isPreview || !location?.pathname || !shouldConnectToParent)
             return;
         const connection = connectToParent({
             methods: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -22,7 +22,6 @@
     "dist"
   ],
   "devDependencies": {
-    "@shopify/remix-oxygen": "^1.1.3",
     "@types/react": "^18.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"