@pack/react 0.1.4 → 2.0.0

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import { RenderSections, useSections } from "./render-sections";
-import { PreviewProvider } from "./preview/preview-provider";
-import { usePreviewContext } from "./preview/preview-content";
+import { RenderSections, useSections } from "./preview/render-sections";
+import { PreviewProvider, RenderContent, usePreviewContext } from "./preview/preview-content";
 import { useSiteSettings } from "./use-site-settings";
 import { useOverlayScript } from "./use-overlay-script";
 import { registerSection } from "./register-section";
 import { registerStorefrontSettingsSchema } from "./register-storefront-settings-schema";
-export { registerSection, registerStorefrontSettingsSchema, usePreviewContext, useSiteSettings, useOverlayScript, PreviewProvider, RenderSections, useSections, };
+export { PreviewProvider, registerSection, registerStorefrontSettingsSchema, RenderContent, RenderSections, useOverlayScript, usePreviewContext, useSiteSettings, useSections, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,OAAO,EACL,eAAe,EACf,gCAAgC,EAChC,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,WAAW,GACZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,OAAO,EACL,eAAe,EACf,eAAe,EACf,gCAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/index.js

@@ -1,8 +1,7 @@
-import { RenderSections, useSections } from "./render-sections";
-import { PreviewProvider } from "./preview/preview-provider";
-import { usePreviewContext } from "./preview/preview-content";
+import { RenderSections, useSections } from "./preview/render-sections";
+import { PreviewProvider, RenderContent, usePreviewContext, } from "./preview/preview-content";
 import { useSiteSettings } from "./use-site-settings";
 import { useOverlayScript } from "./use-overlay-script";
 import { registerSection } from "./register-section";
 import { registerStorefrontSettingsSchema } from "./register-storefront-settings-schema";
-export { registerSection, registerStorefrontSettingsSchema, usePreviewContext, useSiteSettings, useOverlayScript, PreviewProvider, RenderSections, useSections, };
+export { PreviewProvider, registerSection, registerStorefrontSettingsSchema, RenderContent, RenderSections, useOverlayScript, usePreviewContext, useSiteSettings, useSections, };

package/dist/pack/pack-context.d.ts

@@ -1,14 +1,16 @@
 /// <reference types="react" />
-type PackContextValue = {
+type PackCustomizerMeta = {
+    environment?: string;
+    overlay?: {
+        src?: string;
+        version?: string;
+    };
+    [key: string]: any;
+};
+export type PackContextValue = {
     isPreview: boolean;
     siteSettings: any;
-    customizerMeta?: {
-        overlay?: {
-            src?: string;
-            version?: string;
-        };
-        [key: string]: any;
-    };
+    customizerMeta?: PackCustomizerMeta | null;
     previewStorefrontSettings?: any;
     setPreviewStorefrontSettings: (siteSettings: any) => void;
 };

package/dist/pack/pack-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pack-context.d.ts","sourceRoot":"","sources":["../../src/pack/pack-context.tsx"],"names":[],"mappings":";AAEA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,WAAW,2CAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D,eAAO,MAAM,cAAc,2CAAc,CAAC;AAE1C,eAAO,MAAM,iBAAiB,wBAAiB,CAAC"}
+{"version":3,"file":"pack-context.d.ts","sourceRoot":"","sources":["../../src/pack/pack-context.tsx"],"names":[],"mappings":";AAEA,KAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3C,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,WAAW,2CAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D,eAAO,MAAM,cAAc,2CAAc,CAAC;AAE1C,eAAO,MAAM,iBAAiB,wBAAiB,CAAC"}

package/dist/pack/pack-provider.d.ts

@@ -1,15 +1,10 @@
 import React, { ReactNode } from "react";
+import { PackContextValue } from "./pack-context";
 interface PackContentProps {
     children: ReactNode;
     siteSettings: any;
     isPreviewModeEnabled?: boolean;
-    customizerMeta?: {
-        overlay?: {
-            src?: string;
-            version?: string;
-        };
-        [key: string]: any;
-    };
+    customizerMeta?: PackContextValue["customizerMeta"];
 }
 export declare function PackProvider({ children, isPreviewModeEnabled, siteSettings, customizerMeta, }: PackContentProps): React.JSX.Element;
 export declare const PreviewProvider: typeof PackProvider;

package/dist/pack/pack-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pack-provider.d.ts","sourceRoot":"","sources":["../../src/pack/pack-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,cAAc,GACf,EAAE,gBAAgB,qBAqBlB;AAED,eAAO,MAAM,eAAe,qBAAe,CAAC"}
+{"version":3,"file":"pack-provider.d.ts","sourceRoot":"","sources":["../../src/pack/pack-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAI/D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,cAAc,GACf,EAAE,gBAAgB,qBAqBlB;AAED,eAAO,MAAM,eAAe,qBAAe,CAAC"}

package/dist/preview/preview-content.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import React, { type ReactNode } from "react";
 type PreviewContextValue = {
     isPreview: boolean;
-    siteSettings: any;
     customizerMeta?: {
         overlay?: {
             src?: string;
@@ -9,10 +8,31 @@ type PreviewContextValue = {
         };
         [key: string]: any;
     };
-    previewStorefrontSettings?: any;
-    setPreviewStorefrontSettings: (siteSettings: any) => void;
+    siteSettings: any;
+    setSiteSettings: (siteSettings: any) => void;
+    content: any;
+    setContent: (content: any) => void;
+    pathname: string;
 };
-export declare const PreviewContext: import("react").Context<PreviewContextValue>;
+export declare const PreviewContext: React.Context<PreviewContextValue>;
 export declare const usePreviewContext: () => PreviewContextValue;
+interface PreviewProviderProps {
+    children: (sections: ReactNode) => ReactNode;
+    siteSettings: any;
+    pathname: string;
+    isPreviewModeEnabled?: boolean;
+    customizerMeta?: {
+        overlay?: {
+            src?: string;
+            version?: string;
+        };
+        [key: string]: any;
+    };
+}
+export declare function PreviewProvider({ children, isPreviewModeEnabled, siteSettings: previewStorefrontSettings, customizerMeta, pathname, }: PreviewProviderProps): React.JSX.Element;
+export declare function RenderContent({ content }: {
+    content: any;
+}): null;
+export declare function usePackContent(content: any): void;
 export {};
 //# sourceMappingURL=preview-content.d.ts.map

package/dist/preview/preview-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-content.d.ts","sourceRoot":"","sources":["../../src/preview/preview-content.tsx"],"names":[],"mappings":";AAEA,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,cAAc,8CAKzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,2BAAmC,CAAC"}
+{"version":3,"file":"preview-content.d.ts","sourceRoot":"","sources":["../../src/preview/preview-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;IAClB,eAAe,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,oCAQzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,2BAAmC,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC7C,YAAY,EAAE,GAAG,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,oBAA4B,EAC5B,YAAY,EAAE,yBAAyB,EACvC,cAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,qBAyCtB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,QAQ1D;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,QAQ1C"}

package/dist/preview/preview-content.js

@@ -1,8 +1,57 @@
-import { createContext, useContext } from "react";
+import React, { createContext, useContext, useState, useEffect, useMemo, } from "react";
+import { RenderSections } from "./render-sections";
+import { usePackTrack } from "./pack-analytics";
+import { PreviewToast } from "./preview-toast";
 export const PreviewContext = createContext({
     isPreview: false,
-    setPreviewStorefrontSettings: () => { },
+    setSiteSettings: () => { },
     siteSettings: undefined,
     customizerMeta: undefined,
+    content: null,
+    setContent: () => { },
+    pathname: "",
 });
 export const usePreviewContext = () => useContext(PreviewContext);
+export function PreviewProvider({ children, isPreviewModeEnabled = false, siteSettings: previewStorefrontSettings, customizerMeta, pathname, }) {
+    const [content, setContent] = useState(null);
+    const [siteSettings, setSiteSettings] = useState(previewStorefrontSettings);
+    usePackTrack();
+    const value = useMemo(() => ({
+        isPreview: !!isPreviewModeEnabled,
+        customizerMeta,
+        siteSettings,
+        setSiteSettings,
+        content,
+        setContent,
+        pathname,
+    }), [
+        isPreviewModeEnabled,
+        siteSettings,
+        customizerMeta,
+        setSiteSettings,
+        content,
+        pathname,
+    ]);
+    // Clear content when navigating to a new page
+    useEffect(() => {
+        content && setContent(null);
+    }, [pathname]);
+    const sections = content ? React.createElement(RenderSections, null) : null;
+    return (React.createElement(PreviewContext.Provider, { value: value },
+        children(sections),
+        React.createElement(PreviewToast, { isPreviewModeEnabled: !!isPreviewModeEnabled })));
+}
+export function RenderContent({ content }) {
+    const { setContent } = usePreviewContext();
+    useEffect(() => {
+        setContent(content);
+    }, [content, setContent]);
+    return null;
+}
+export function usePackContent(content) {
+    const context = usePreviewContext();
+    useEffect(() => {
+        context.setContent(content);
+    }, [content, context]);
+    return;
+}

package/dist/preview/preview-provider.d.ts

@@ -1,16 +1,11 @@
-import React, { ReactNode } from "react";
-interface PreviewContentProps {
-    children: ReactNode;
-    siteSettings: any;
+/// <reference types="react" />
+interface PreviewProviderProps {
+    customizerMeta?: any;
     isPreviewModeEnabled?: boolean;
-    customizerMeta?: {
-        overlay?: {
-            src?: string;
-            version?: string;
-        };
-        [key: string]: any;
-    };
+    siteSettings?: any;
+    location?: Location;
+    children: (sections: React.ReactNode) => React.ReactNode;
 }
-export declare function PreviewProvider({ children, isPreviewModeEnabled, siteSettings, customizerMeta, }: PreviewContentProps): React.JSX.Element;
+export declare function PreviewProvider({ customizerMeta, isPreviewModeEnabled, siteSettings, location, children, }: PreviewProviderProps): void;
 export {};
 //# sourceMappingURL=preview-provider.d.ts.map

package/dist/preview/preview-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-provider.d.ts","sourceRoot":"","sources":["../../src/preview/preview-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,cAAc,GACf,EAAE,mBAAmB,qBAqBrB"}
+{"version":3,"file":"preview-provider.d.ts","sourceRoot":"","sources":["../../src/preview/preview-provider.tsx"],"names":[],"mappings":";AAAA,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,QAWtB"}

package/dist/preview/preview-provider.js

@@ -1,17 +1,11 @@
-import React, { useState } from "react";
-import { usePackTrack } from "./pack-analytics";
-import { PreviewContext } from "./preview-content";
-import { PreviewToast } from "./preview-toast";
-export function PreviewProvider({ children, isPreviewModeEnabled, siteSettings, customizerMeta, }) {
-    const [previewStorefrontSettings, setPreviewStorefrontSettings] = useState();
-    usePackTrack();
-    return (React.createElement(PreviewContext.Provider, { value: {
-            isPreview: !!isPreviewModeEnabled,
-            previewStorefrontSettings,
-            setPreviewStorefrontSettings,
-            siteSettings,
-            customizerMeta,
-        } },
-        children,
-        React.createElement(PreviewToast, { isPreviewModeEnabled: !!isPreviewModeEnabled })));
+export function PreviewProvider({ customizerMeta, isPreviewModeEnabled, siteSettings, location, children, }) {
+    const { content, storefrontSettings } = useCustomizerShell({
+        environment: customizerMeta?.environment,
+        isPreview: isPreviewModeEnabled,
+        sectionComponents: customizerMeta?.sectionComponents,
+        data: customizerMeta,
+        storefrontSettingsSchema: siteSettings?.schema,
+        location,
+    });
+    // ... rest of the component remains the same ...
 }

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function useSections(): any;
+export declare function RenderSections(): React.JSX.Element | null;
+//# sourceMappingURL=render-sections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../../src/preview/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AA6DlD,wBAAgB,WAAW,QAM1B;AAED,wBAAgB,cAAc,6BAM7B"}

package/dist/preview/render-sections.js

@@ -0,0 +1,60 @@
+import React, { useMemo } from "react";
+import { useMatches } from "@remix-run/react";
+import { usePreviewContext } from "./preview-content";
+import { sectionMap } from "../register-section";
+import { storefrontSettingsSchema } from "../register-storefront-settings-schema";
+import { useCustomizerShell } from "../use-customizer-shell";
+import { useOverlayScript } from "../use-overlay-script";
+function Sections({ sections }) {
+    const renderedSections = useMemo(() => {
+        return sections
+            .map((section) => {
+            // TODO: Return a consistent data structure from the API and the customizer
+            // 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)
+                return null;
+            return data?.sectionVisibility === "hidden" ? null : (React.createElement("section", { key: key, "data-comp": schemaKey, "data-comp-id": key },
+                React.createElement(Component, { "comp-name": schemaKey, cms: data })));
+        })
+            .filter(Boolean);
+    }, [sections]);
+    return React.createElement(React.Fragment, null, renderedSections);
+}
+function useRenderSections() {
+    const [root] = useMatches();
+    const { ENV } = root?.data;
+    const { content: liveContent } = useCustomizerShell({
+        environment: ENV?.PUBLIC_PACK_CONTENT_ENVIRONMENT,
+        sectionComponents: sectionMap,
+        storefrontSettingsSchema,
+    });
+    useOverlayScript();
+    const sections = useMemo(() => {
+        return liveContent?.sections?.nodes || liveContent?.sections;
+    }, [liveContent?.sections]);
+    return {
+        sections,
+    };
+}
+export function useSections() {
+    const { sections } = useRenderSections();
+    if (!sections)
+        return null;
+    const visibleSections = Sections({ sections });
+    return visibleSections?.props?.children || null;
+}
+export function RenderSections() {
+    const { content } = usePreviewContext();
+    if (!content)
+        return null;
+    const { sections } = useRenderSections();
+    if (!sections)
+        return null;
+    return React.createElement(Sections, { sections: sections });
+}

package/dist/render-sections.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
 export declare function useSections({ content }: any): any;
-export declare function RenderSections({ content }: any): React.JSX.Element | null;
+type RenderSectionProps = {
+    pathname?: string;
+};
+export declare function RenderSections({ pathname }: RenderSectionProps): React.JSX.Element | null;
+export {};
 //# sourceMappingURL=render-sections.d.ts.map

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;AA8ElD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,OAM3C;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,4BAI9C"}
+{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../src/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAqFlD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,OAM3C;AAED,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,4BAM9D"}

package/dist/render-sections.js

@@ -26,7 +26,7 @@ function Sections({ sections }) {
     }, [sections]);
     return React.createElement(React.Fragment, null, renderedSections);
 }
-function useRenderSections({ content }) {
+function useRenderSections({ content, pathname, }) {
     const { isPreview, setPreviewStorefrontSettings, customizerMeta } = usePreviewContext();
     const [root] = useMatches();
     const { ENV } = root?.data;
@@ -43,6 +43,7 @@ function useRenderSections({ content }) {
             description: content.description,
         },
         storefrontSettingsSchema,
+        pathname,
     });
     useOverlayScript({ isPreview, overlay: customizerMeta?.overlay || {} });
     useEffect(() => {
@@ -63,8 +64,11 @@ export function useSections({ content }) {
     const visibleSections = Sections({ sections });
     return visibleSections?.props?.children || null;
 }
-export function RenderSections({ content }) {
-    const { sections } = useRenderSections({ content });
+export function RenderSections({ pathname }) {
+    const { content } = usePreviewContext();
+    if (!content)
+        return null;
+    const { sections } = useRenderSections({ content, pathname });
     if (!sections)
         return null;
     return React.createElement(Sections, { sections: sections });

package/dist/types.d.ts

@@ -7,4 +7,64 @@ export type SectionConfig = {
     name: string;
 };
 export type SectionMap = Map<string, Section>;
+export interface MessageTypeDataMap {
+    INIT: {
+        version: string;
+        storefrontMeta: any[];
+    };
+    ACK: {
+        messageId: string;
+    };
+    PING: never;
+    PONG: {
+        url: string;
+    };
+    ERROR: {
+        code: string;
+        message: string;
+    };
+    DISPLAY_ERROR: {
+        message: string;
+        errorCode?: string;
+    };
+    NAVIGATE_TO_PAGE: {
+        path: string;
+    };
+    SET_CURRENT_ROUTE: {
+        currentPath: string;
+        description: string;
+        environment: string;
+        handle: string;
+        title: string;
+        template?: string;
+        templateType?: string;
+    };
+    SET_SECTIONS_SCHEMAS: {
+        schema: string;
+    };
+    SET_STOREFRONT_SETTINGS_SCHEMA: {
+        schema: string;
+    };
+    SET_PAGE_DATA: {
+        content: Record<string, unknown>;
+    };
+    SEND_STOREFRONT_SETTINGS: never;
+    SET_STOREFRONT_SETTINGS: {
+        settings: Record<string, unknown>;
+    };
+    SCROLL_TO_SECTION: {
+        sectionId: string;
+    };
+}
+export interface MessageProtocol<T extends keyof MessageTypeDataMap = keyof MessageTypeDataMap> {
+    pack: {
+        type: T;
+        data?: MessageTypeDataMap[T];
+        origin: string;
+        version: string;
+        messageId: string;
+        timestamp: number;
+        errorCode?: string;
+    };
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAG9C,MAAM,WAAW,kBAAkB;IAEjC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,cAAc,EAAE,GAAG,EAAE,CAAC;KACvB,CAAC;IACF,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IAGF,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,aAAa,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAGvD,gBAAgB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,iBAAiB,EAAE;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IAGF,oBAAoB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,8BAA8B,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAGnD,aAAa,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACpD,wBAAwB,EAAE,KAAK,CAAC;IAChC,uBAAuB,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAG/D,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe,CAC9B,CAAC,SAAS,MAAM,kBAAkB,GAAG,MAAM,kBAAkB;IAE7D,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}

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

@@ -1,5 +1,8 @@
-export declare const useCustomizerShell: ({ environment, isPreview, sectionComponents, data, storefrontSettingsSchema, }: any) => {
+export declare const useCustomizerShell: ({ environment, sectionComponents, storefrontSettingsSchema, }: {
+    environment: string;
+    sectionComponents: any;
+    storefrontSettingsSchema?: any;
+}) => {
     content: any;
-    storefrontSettings: any;
 };
 //# sourceMappingURL=use-customizer-shell.d.ts.map

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;;;CAkJL,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,kBAAkB;iBAKhB,MAAM;uBACA,GAAG;+BACK,GAAG;;;CAiQ/B,CAAC"}

package/dist/use-customizer-shell.js

@@ -1,29 +1,129 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { connectToParent, ErrorCode } from "penpal";
-export const useCustomizerShell = ({ environment, isPreview, sectionComponents, data = {}, storefrontSettingsSchema, }) => {
-    const windowLocationRef = useRef();
-    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;
+import { useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { VERSION } from "./version";
+import { PreviewContext } from "./preview/preview-content";
+export const useCustomizerShell = ({ environment, sectionComponents, storefrontSettingsSchema, }) => {
+    const { content, isPreview, pathname, setContent, setSiteSettings } = useContext(PreviewContext);
+    const data = {
+        content,
+        template: content.template?.type,
+        templateType: content.template?.type,
+        handle: content.handle,
+        title: content.title,
+        description: content.description,
     };
-    useEffect(() => {
-        /*
-         * Should not try to connect to customizer
-         * if not in an iframe or not in preview mode
-         */
-        const isIframe = window.self !== window.top;
-        if (!isIframe || !isPreview)
-            return;
-        setShouldConnectToParent(true);
+    const [hasInit, setHasInit] = useState(false);
+    const pendingMessagesRef = useRef(new Map());
+    const currentPathRef = useRef();
+    const canConnectToParent = useCanConnectCheck({ isPreview });
+    const sendToParent = useCallback(async (type, data) => {
+        const messageId = crypto.randomUUID();
+        const message = {
+            pack: {
+                type,
+                data,
+                origin: "*",
+                version: VERSION,
+                messageId,
+                timestamp: Date.now(),
+            },
+        };
+        if (type === "ACK") {
+            window.parent.postMessage(message, "*");
+            return Promise.resolve();
+        }
+        const messagePromise = new Promise((resolve, reject) => {
+            const timeout = setTimeout(() => {
+                pendingMessagesRef.current.delete(messageId);
+                reject(new Error(`Message ${messageId} timed out waiting for ACK`));
+            }, 2000);
+            pendingMessagesRef.current.set(messageId, {
+                messageId,
+                resolve,
+                reject,
+                timeout,
+            });
+        });
+        window.parent.postMessage(message, "*");
+        return messagePromise;
     }, []);
     useEffect(() => {
-        windowLocationRef.current = window.location;
-    }, [data.handle]);
+        if (!isPreview || !canConnectToParent || hasInit)
+            return;
+        sendToParent("INIT", {
+            storefrontMeta: [],
+            version: VERSION,
+        }).catch((error) => {
+            console.error("Failed to initialize:", error);
+        });
+        setHasInit(true);
+        const handleParentMessages = (event) => {
+            if (!event.data?.pack) {
+                return;
+            }
+            const message = event.data;
+            // Handle ACK messages
+            if (message.pack.type === "ACK") {
+                const acknowledgedMessageId = message.pack.data?.messageId;
+                const pendingMessage = pendingMessagesRef.current.get(acknowledgedMessageId);
+                if (pendingMessage) {
+                    clearTimeout(pendingMessage.timeout);
+                    pendingMessage.resolve();
+                    pendingMessagesRef.current.delete(acknowledgedMessageId);
+                }
+                return;
+            }
+            // Handle other message types
+            sendToParent("ACK", { messageId: message.pack.messageId }).catch(console.error);
+            switch (message.pack.type) {
+                case "PING":
+                    sendToParent("PONG", {
+                        url: window.location.href,
+                    });
+                    break;
+                case "NAVIGATE_TO_PAGE":
+                    const path = message.pack.data?.path;
+                    if (path) {
+                        window.location.href = path;
+                    }
+                    break;
+                case "SCROLL_TO_SECTION":
+                    const sectionId = message.pack.data?.sectionId;
+                    if (sectionId) {
+                        const sectionEl = document.querySelector(`[data-comp-id="${sectionId}"]`);
+                        if (sectionEl)
+                            sectionEl.scrollIntoView({ behavior: "smooth" });
+                    }
+                    break;
+                case "SET_PAGE_DATA":
+                    setContent(message.pack.data?.content);
+                    break;
+                case "SET_STOREFRONT_SETTINGS":
+                    setSiteSettings({
+                        data: {
+                            siteSettings: {
+                                settings: message.pack
+                                    .data?.settings,
+                            },
+                        },
+                    });
+                    break;
+                default:
+                    break;
+            }
+        };
+        window.addEventListener("message", handleParentMessages);
+        return () => {
+            window.removeEventListener("message", handleParentMessages);
+            // Clean up any pending messages
+            pendingMessagesRef.current.forEach((pending) => {
+                clearTimeout(pending.timeout);
+                pending.reject(new Error("Component unmounted"));
+            });
+            pendingMessagesRef.current.clear();
+        };
+    }, [canConnectToParent, isPreview, sendToParent]);
     const refreshSections = useCallback(() => {
-        if (!sectionComponents || !parentConnection)
+        if (!sectionComponents)
             return [];
         const sectionSchemas = Array.from(sectionComponents)
             .map(([, section]) => {
@@ -33,78 +133,60 @@ export const useCustomizerShell = ({ environment, isPreview, sectionComponents,
         })
             .filter(Boolean);
         try {
-            parentConnection?.setSectionsSchemas(JSON.stringify(sectionSchemas));
+            sendToParent("SET_SECTIONS_SCHEMAS", {
+                schema: JSON.stringify(sectionSchemas),
+            });
         }
         catch (error) {
-            if (error.code !== ErrorCode.ConnectionDestroyed) {
-                parentConnection?.displayError("Something went wrong parsing sections");
+            if (error.code !== "ConnectionDestroyed") {
+                sendToParent("DISPLAY_ERROR", {
+                    message: "Something went wrong parsing sections",
+                });
             }
         }
         return;
-    }, [data.handle, parentConnection, sectionComponents]);
+    }, [data.handle, sectionComponents, sendToParent]);
     const refreshStorefrontSettingsSchema = useCallback(() => {
-        if (!storefrontSettingsSchema || !parentConnection || !sectionComponents) {
+        if (!storefrontSettingsSchema || !sectionComponents) {
             return [];
         }
         try {
-            parentConnection.setStorefrontSettingsSchema(JSON.stringify(storefrontSettingsSchema));
+            sendToParent("SET_STOREFRONT_SETTINGS_SCHEMA", {
+                schema: JSON.stringify(storefrontSettingsSchema),
+            });
         }
         catch (error) {
-            if (error.code !== ErrorCode.ConnectionDestroyed) {
-                parentConnection?.displayError("Something went wrong parsing sections");
+            if (error.code !== "ConnectionDestroyed") {
+                sendToParent("DISPLAY_ERROR", {
+                    message: "Something went wrong parsing settings",
+                });
             }
         }
         return;
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [data.handle, parentConnection, storefrontSettingsSchema]);
+    }, [data.handle, sendToParent, storefrontSettingsSchema]);
+    // Update the ref whenever pathname changes
+    useEffect(() => {
+        currentPathRef.current = pathname;
+    }, [pathname]);
+    // Tell the parent window about the current route
     useEffect(() => {
-        if (!isPreview ||
-            !windowLocationRef.current?.pathname ||
-            !shouldConnectToParent)
+        if (!hasInit || !currentPathRef.current)
             return;
-        const connection = connectToParent({
-            methods: {
-                routeToPage(path) {
-                    navigate(path);
-                },
-                scrollToSection(sectionId) {
-                    const sectionEl = document.querySelector(`[data-comp-id="${sectionId}"]`);
-                    if (sectionEl)
-                        sectionEl.scrollIntoView({ behavior: "smooth" });
-                },
-                setPageData(content) {
-                    setContent(content);
-                },
-                setStorefrontSettings(settings) {
-                    setStorefrontSettings(settings);
-                },
-            },
-        });
-        connection.promise.then((parent) => {
-            const { template, templateType, handle, title, description } = data;
-            parent.sendStorefrontSettings();
-            parent.setCurrentRoute({
-                environment,
-                currentPath: windowLocationRef.current?.pathname,
-                template,
-                templateType,
-                handle,
-                title,
-                description,
-            });
-            setParentConnection(parent);
+        const { template, templateType, handle, title, description } = data;
+        sendToParent("SET_CURRENT_ROUTE", {
+            environment,
+            currentPath: currentPathRef.current,
+            template,
+            templateType,
+            handle,
+            title,
+            description,
         });
-        return () => connection.destroy();
-    }, [
-        shouldConnectToParent,
-        data.handle,
-        data.title,
-        data.description,
-        data.template,
-        data.templateType,
-    ]);
+    }, [hasInit, environment, data.handle, sendToParent]);
+    // Refresh sections and storefront settings schema
     useEffect(() => {
-        if (!isPreview)
+        if (!isPreview || !hasInit)
             return;
         refreshSections();
         refreshStorefrontSettingsSchema();
@@ -114,14 +196,24 @@ export const useCustomizerShell = ({ environment, isPreview, sectionComponents,
         refreshSections,
         refreshStorefrontSettingsSchema,
         sectionComponents,
+        hasInit,
     ]);
     if (!isPreview) {
         return {
-            content: data.content,
-            storefrontSettings: data.settings?.settings,
+            content,
         };
     }
     return useMemo(() => {
-        return { content, storefrontSettings };
-    }, [content, storefrontSettings]);
+        return { content };
+    }, [content]);
+};
+const useCanConnectCheck = ({ isPreview }) => {
+    const [canConnect, setCanConnect] = useState(false);
+    useEffect(() => {
+        const isIframe = window.self !== window.top;
+        if (!isIframe || !isPreview)
+            return;
+        setCanConnect(isIframe);
+    }, [isPreview]);
+    return canConnect;
 };

package/dist/use-overlay-script.d.ts

@@ -5,11 +5,5 @@ declare global {
         };
     }
 }
-export declare const useOverlayScript: ({ isPreview, overlay, }: {
-    isPreview: boolean;
-    overlay: {
-        src?: string;
-        version?: string;
-    };
-}) => void;
+export declare const useOverlayScript: () => void;
 //# sourceMappingURL=use-overlay-script.d.ts.map

package/dist/use-overlay-script.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-overlay-script.d.ts","sourceRoot":"","sources":["../src/use-overlay-script.ts"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,CAAC,EAAE;YACL,uBAAuB,EAAE,OAAO,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,gBAAgB;eAIhB,OAAO;aACT;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;UAmB5C,CAAC"}
+{"version":3,"file":"use-overlay-script.d.ts","sourceRoot":"","sources":["../src/use-overlay-script.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,IAAI,CAAC,EAAE;YACL,uBAAuB,EAAE,OAAO,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,gBAAgB,YAsB5B,CAAC"}

package/dist/use-overlay-script.js

@@ -1,5 +1,8 @@
 import { useEffect } from "react";
-export const useOverlayScript = ({ isPreview, overlay, }) => {
+import { usePreviewContext } from "./preview/preview-content";
+export const useOverlayScript = () => {
+    const { isPreview, customizerMeta } = usePreviewContext();
+    const overlay = customizerMeta?.overlay || {};
     useEffect(() => {
         if (isPreview &&
             (overlay?.src || overlay?.version) &&

package/dist/use-site-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-site-settings.d.ts","sourceRoot":"","sources":["../src/use-site-settings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAAO,OAAO,MAAM,EAAE,GAAG,CAkBpD,CAAC"}
+{"version":3,"file":"use-site-settings.d.ts","sourceRoot":"","sources":["../src/use-site-settings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAAO,OAAO,MAAM,EAAE,GAAG,CAepD,CAAC"}

package/dist/use-site-settings.js

@@ -1,6 +1,6 @@
 import { usePreviewContext } from "./preview/preview-content";
 export const useSiteSettings = () => {
-    const { isPreview, previewStorefrontSettings, siteSettings } = usePreviewContext();
+    const { siteSettings } = usePreviewContext();
     let isIframe = false;
     if (!(typeof document === "undefined")) {
         isIframe = window.self !== window.top;
@@ -10,7 +10,5 @@ export const useSiteSettings = () => {
      * in an iFrame we want to show the live customizer
      * preview data. Else, we show the normal site settings data
      * */
-    return isPreview && isIframe
-        ? previewStorefrontSettings
-        : siteSettings?.data?.siteSettings;
+    return siteSettings?.data?.siteSettings;
 };

package/dist/version.d.ts

@@ -0,0 +1,2 @@
+export declare const VERSION: string;
+//# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAgB,CAAC"}

package/dist/version.js

@@ -0,0 +1 @@
+export const VERSION = "2.0.0";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "0.1.4",
+  "version": "2.0.0",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -12,7 +12,7 @@
   },
   "scripts": {
     "clean": "npx rimraf dist",
-    "build": "npx tsc",
+    "build": "node scripts/build.js",
     "test": "npx vitest run",
     "test:watch": "npx vitest"
   },
@@ -30,7 +30,5 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "dependencies": {
-    "penpal": "^6.2.2"
-  }
+  "dependencies": {}
 }