@pack/react 3.0.4 → 3.1.1-rr7-beta.1

package/dist/index.d.ts

@@ -2,8 +2,9 @@ import { RenderSections, useSections } from "./pack/render-sections";
 import { PackProvider, PreviewProvider } from "./pack/pack-context";
 import { usePackContext } from "./pack/pack-context";
 import { useSiteSettings } from "./use-site-settings";
+import { useLocale } from "./use-locale";
 import { useOverlayScript } from "./use-overlay-script";
 import { registerSection } from "./register-section";
 import { registerStorefrontSettingsSchema } from "./register-storefront-settings-schema";
-export { PackProvider, PreviewProvider, RenderSections, registerSection, registerStorefrontSettingsSchema, useOverlayScript, usePackContext, useSections, useSiteSettings, };
+export { PackProvider, PreviewProvider, RenderSections, registerSection, registerStorefrontSettingsSchema, useLocale, useOverlayScript, usePackContext, useSections, useSiteSettings, };
 //# 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,wBAAwB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,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,YAAY,EACZ,eAAe,EACf,cAAc,EACd,eAAe,EACf,gCAAgC,EAChC,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,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,YAAY,EACZ,eAAe,EACf,cAAc,EACd,eAAe,EACf,gCAAgC,EAChC,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,GAChB,CAAC"}

package/dist/index.js

@@ -2,7 +2,8 @@ import { RenderSections, useSections } from "./pack/render-sections";
 import { PackProvider, PreviewProvider } from "./pack/pack-context";
 import { usePackContext } from "./pack/pack-context";
 import { useSiteSettings } from "./use-site-settings";
+import { useLocale } from "./use-locale";
 import { useOverlayScript } from "./use-overlay-script";
 import { registerSection } from "./register-section";
 import { registerStorefrontSettingsSchema } from "./register-storefront-settings-schema";
-export { PackProvider, PreviewProvider, RenderSections, registerSection, registerStorefrontSettingsSchema, useOverlayScript, usePackContext, useSections, useSiteSettings, };
+export { PackProvider, PreviewProvider, RenderSections, registerSection, registerStorefrontSettingsSchema, useLocale, useOverlayScript, usePackContext, useSections, useSiteSettings, };

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

@@ -6,6 +6,13 @@ type PackContextValue = {
             src?: string;
             version?: string;
         };
+        previewContext?: {
+            locale?: string;
+            pageDraft?: string;
+            siteSettingsDraft?: string;
+            testHandle?: string;
+            testVariantHandle?: string;
+        };
         [key: string]: any;
     };
     siteSettings: any;
@@ -13,6 +20,14 @@ type PackContextValue = {
     liveContent: any;
     setLiveContent: (content: any) => void;
     contentEnvironment: string;
+    locale: {
+        language: string;
+        country: string;
+    } | null;
+    setLocale: (locale: {
+        language: string;
+        country: string;
+    } | null) => void;
 };
 export declare const PackContext: React.Context<PackContextValue>;
 export declare const usePackContext: () => PackContextValue;
@@ -22,9 +37,13 @@ interface PackContentProps {
     isPreviewModeEnabled?: boolean;
     customizerMeta?: PackContextValue["customizerMeta"];
     contentEnvironment?: string;
+    locale?: {
+        language: string;
+        country: string;
+    } | null;
     liveContent?: any;
 }
-export declare function PackProvider({ children, isPreviewModeEnabled, siteSettings: previewStorefrontSettings, customizerMeta, contentEnvironment, }: PackContentProps): React.JSX.Element;
+export declare function PackProvider({ children, isPreviewModeEnabled, siteSettings: previewStorefrontSettings, customizerMeta, contentEnvironment, locale: previewLocale, }: PackContentProps): React.JSX.Element;
 export declare const PreviewProvider: typeof PackProvider;
 export {};
 //# sourceMappingURL=pack-context.d.ts.map

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":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAMf,KAAK,gBAAgB,GAAG;IACtB,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,WAAW,EAAE,GAAG,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,iCAQtB,CAAC;AAEH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D,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;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB;AAUD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,oBAA4B,EAC5B,YAAY,EAAE,yBAAyB,EACvC,cAAc,EACd,kBAAuB,GACxB,EAAE,gBAAgB,qBAuClB;AAED,eAAO,MAAM,eAAe,qBAAe,CAAC"}
+{"version":3,"file":"pack-context.d.ts","sourceRoot":"","sources":["../../src/pack/pack-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAMf,KAAK,gBAAgB,GAAG;IACtB,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,CAAC,EAAE;YACf,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;YAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;SAC5B,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,WAAW,EAAE,GAAG,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,GAAG,IAAI,CAAC;IACT,SAAS,EAAE,CAAC,MAAM,EAAE;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,GAAG,IAAI,KAAK,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,iCAUtB,CAAC;AAEH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D,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;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,GAAG,IAAI,CAAC;IACT,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB;AAUD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,oBAA4B,EAC5B,YAAY,EAAE,yBAAyB,EACvC,cAAc,EACd,kBAAuB,EACvB,MAAM,EAAE,aAAoB,GAC7B,EAAE,gBAAgB,qBAuDlB;AAED,eAAO,MAAM,eAAe,qBAAe,CAAC"}

package/dist/pack/pack-context.js

@@ -11,6 +11,8 @@ export const PackContext = createContext({
     liveContent: null,
     setLiveContent: () => { },
     contentEnvironment: "",
+    locale: null,
+    setLocale: () => { },
 });
 export const usePackContext = () => useContext(PackContext);
 const CustomizerShell = () => {
@@ -20,9 +22,13 @@ const CustomizerShell = () => {
     useOverlayScript();
     return null;
 };
-export function PackProvider({ children, isPreviewModeEnabled = false, siteSettings: previewStorefrontSettings, customizerMeta, contentEnvironment = "", }) {
+export function PackProvider({ children, isPreviewModeEnabled = false, siteSettings: previewStorefrontSettings, customizerMeta, contentEnvironment = "", locale: previewLocale = null, }) {
     const [liveContent, setLiveContent] = useState(null);
     const [siteSettings, setSiteSettings] = useState(previewStorefrontSettings);
+    const [locale, setLocale] = useState(previewLocale);
+    useEffect(() => {
+        setLocale(previewLocale);
+    }, [previewLocale]);
     const value = useMemo(() => ({
         isPreview: !!isPreviewModeEnabled,
         customizerMeta,
@@ -30,6 +36,8 @@ export function PackProvider({ children, isPreviewModeEnabled = false, siteSetti
         setSiteSettings,
         liveContent,
         setLiveContent,
+        locale,
+        setLocale,
         contentEnvironment: contentEnvironment || customizerMeta?.environment || "",
     }), [
         isPreviewModeEnabled,
@@ -37,6 +45,8 @@ export function PackProvider({ children, isPreviewModeEnabled = false, siteSetti
         customizerMeta,
         liveContent,
         contentEnvironment,
+        locale,
+        setLocale,
     ]);
     useEffect(() => {
         setSiteSettings(previewStorefrontSettings);
@@ -45,6 +55,6 @@ export function PackProvider({ children, isPreviewModeEnabled = false, siteSetti
     return (React.createElement(PackContext.Provider, { value: value },
         React.createElement(CustomizerShell, null),
         children,
-        React.createElement(PreviewToast, { isPreviewModeEnabled: !!isPreviewModeEnabled })));
+        React.createElement(PreviewToast, { isPreviewModeEnabled: !!isPreviewModeEnabled, environment: value.contentEnvironment, previewContext: customizerMeta?.previewContext })));
 }
 export const PreviewProvider = PackProvider;

package/dist/pack/preview-toast.d.ts

@@ -1,7 +1,15 @@
 import React from "react";
 interface PreviewToastProps {
     isPreviewModeEnabled: boolean;
+    environment?: string;
+    previewContext?: {
+        locale?: string;
+        pageDraft?: string;
+        siteSettingsDraft?: string;
+        testHandle?: string;
+        testVariantHandle?: string;
+    };
 }
-export declare const PreviewToast: ({ isPreviewModeEnabled }: PreviewToastProps) => React.JSX.Element | null;
+export declare const PreviewToast: ({ isPreviewModeEnabled, environment, previewContext, }: PreviewToastProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=preview-toast.d.ts.map

package/dist/pack/preview-toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-toast.d.ts","sourceRoot":"","sources":["../../src/pack/preview-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,iBAAiB;IACzB,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAsBD,eAAO,MAAM,YAAY,6BAA8B,iBAAiB,6BA+GvE,CAAC"}
+{"version":3,"file":"preview-toast.d.ts","sourceRoot":"","sources":["../../src/pack/preview-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,iBAAiB;IACzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH;AAsBD,eAAO,MAAM,YAAY,2DAItB,iBAAiB,6BAqJnB,CAAC"}

package/dist/pack/preview-toast.js

@@ -3,7 +3,7 @@ const Eye = (props) => {
     return (React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.75 12c0-.338.136-.905.493-1.591a7.858 7.858 0 0 1 1.64-2.108C6.374 6.926 8.694 5.75 12 5.75c3.308 0 5.627 1.176 7.116 2.551a7.86 7.86 0 0 1 1.64 2.108c.358.686.494 1.253.494 1.591 0 .338-.136.905-.493 1.591a7.86 7.86 0 0 1-1.64 2.108c-1.49 1.375-3.81 2.551-7.117 2.551-3.308 0-5.627-1.176-7.116-2.551a7.858 7.858 0 0 1-1.64-2.108c-.358-.686-.494-1.253-.494-1.591ZM12 4.25c-3.692 0-6.373 1.324-8.134 2.949a9.356 9.356 0 0 0-1.953 2.517c-.424.814-.663 1.622-.663 2.284 0 .662.24 1.47.663 2.284a9.356 9.356 0 0 0 1.953 2.517C5.627 18.426 8.308 19.75 12 19.75s6.373-1.324 8.134-2.949a9.356 9.356 0 0 0 1.953-2.517c.424-.814.663-1.622.663-2.284 0-.662-.24-1.47-.663-2.284a9.355 9.355 0 0 0-1.953-2.517C18.373 5.574 15.692 4.25 12 4.25ZM9.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z", fill: "currentColor" })));
 };
-export const PreviewToast = ({ isPreviewModeEnabled }) => {
+export const PreviewToast = ({ isPreviewModeEnabled, environment, previewContext, }) => {
     const [showToast, setShowToast] = useState(false);
     const exitPreviewMode = async () => {
         try {
@@ -28,6 +28,33 @@ export const PreviewToast = ({ isPreviewModeEnabled }) => {
             setShowToast(true);
         }
     }, [isPreviewModeEnabled]);
+    const buildPreviewMessage = () => {
+        const contextParts = [];
+        if (previewContext?.locale) {
+            contextParts.push(`locale: ${previewContext.locale}`);
+        }
+        if (previewContext?.pageDraft) {
+            contextParts.push(`page: ${previewContext.pageDraft}`);
+        }
+        if (previewContext?.siteSettingsDraft) {
+            contextParts.push(`settings: ${previewContext.siteSettingsDraft}`);
+        }
+        if (previewContext?.testVariantHandle) {
+            contextParts.push(`test: ${previewContext.testVariantHandle}`);
+        }
+        if (contextParts.length === 0) {
+            const baseMessage = "You are currently previewing your storefront with draft content";
+            return environment
+                ? `${baseMessage} on ${environment} environment`
+                : baseMessage;
+        }
+        const parts = ["Previewing"];
+        if (environment) {
+            parts.push(`${environment} environment`);
+        }
+        parts.push(...contextParts);
+        return parts.join(" • ");
+    };
     if (showToast) {
         return (React.createElement("div", { style: {
                 position: "fixed",
@@ -42,9 +69,9 @@ export const PreviewToast = ({ isPreviewModeEnabled }) => {
             React.createElement("div", { style: {
                     margin: "0 auto",
                     pointerEvents: "auto",
-                    maxWidth: "640px",
+                    minWidth: "640px",
                     boxShadow: "0px 2px 10px 0px rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(0, 0, 0, 0.10)",
-                    width: "100%",
+                    width: "fit-content",
                     padding: "8px 16px",
                     backgroundColor: "#1f2937",
                     color: "#f9fafb",
@@ -69,7 +96,7 @@ export const PreviewToast = ({ isPreviewModeEnabled }) => {
                             whiteSpace: "nowrap",
                             textOverflow: "ellipsis",
                             overflow: "hidden",
-                        } }, "You are currently previewing your storefront with draft content")),
+                        } }, buildPreviewMessage())),
                 React.createElement("span", { role: "button", tabIndex: 0, onClick: exitPreviewMode, onKeyDown: (e) => {
                         if (e.key === "Enter" || e.key === " ") {
                             exitPreviewMode();

package/dist/pack/render-sections.js

@@ -44,7 +44,7 @@ function useRenderSections({ content }) {
         if (!liveContent)
             return content;
         // If content and liveContent are the same page, prefer liveContent (customizer updates)
-        if (content?.id === liveContent?.id)
+        if (content?.handle === liveContent?.handle)
             return liveContent;
         // If they're different pages, prefer current content to prevent stale navigation data
         return content;

package/dist/types.d.ts

@@ -43,6 +43,19 @@ export interface MessageTypeDataMap {
     SET_STOREFRONT_SETTINGS: {
         settings: Record<string, unknown>;
     };
+    SET_LOCALE: {
+        locale: {
+            language: string;
+            country: string;
+        } | null;
+    };
+    SEND_LOCALE: {
+        locale: {
+            language: string;
+            country: string;
+        } | null;
+    };
+    REQUEST_CURRENT_LOCALE: never;
     SCROLL_TO_SECTION: {
         sectionId: string;
     };

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,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;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,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;IAC/D,UAAU,EAAE;QACV,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM,CAAC;YACjB,OAAO,EAAE,MAAM,CAAC;SACjB,GAAG,IAAI,CAAC;KACV,CAAC;IACF,WAAW,EAAE;QACX,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM,CAAC;YACjB,OAAO,EAAE,MAAM,CAAC;SACjB,GAAG,IAAI,CAAC;KACV,CAAC;IACF,sBAAsB,EAAE,KAAK,CAAC;IAG9B,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.map

@@ -1 +1 @@
-{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,YAmQ9B,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,YA2R9B,CAAC"}

package/dist/use-customizer-shell.js

@@ -4,7 +4,7 @@ import { storefrontSettingsSchema } from "./register-storefront-settings-schema"
 import { usePackContext } from "./pack/pack-context";
 const VERSION = "3.0.0";
 export const useCustomizerShell = () => {
-    const { contentEnvironment: environment, isPreview, liveContent, setLiveContent, setSiteSettings, } = usePackContext();
+    const { contentEnvironment: environment, isPreview, liveContent, setLiveContent, setSiteSettings, setLocale, locale, } = usePackContext();
     const data = {
         template: liveContent?.template?.type,
         templateType: liveContent?.template?.type,
@@ -15,6 +15,7 @@ export const useCustomizerShell = () => {
     const [hasInit, setHasInit] = useState(false);
     const pendingMessagesRef = useRef(new Map());
     const currentPathRef = useRef(undefined);
+    const parentLocaleIdRef = useRef(null);
     const sendToParent = useCallback(async (type, data) => {
         const messageId = crypto.randomUUID();
         const message = {
@@ -52,6 +53,9 @@ export const useCustomizerShell = () => {
         sendToParent("INIT", {
             storefrontMeta: [],
             version: VERSION,
+        }).then(() => {
+            // Request current locale after successful init
+            sendToParent("REQUEST_CURRENT_LOCALE");
         }).catch((error) => {
             console.error("Failed to initialize:", error);
         });
@@ -112,6 +116,11 @@ export const useCustomizerShell = () => {
                         });
                     }
                     break;
+                case "SET_LOCALE":
+                    const newLocale = message.pack.data?.locale;
+                    parentLocaleIdRef.current = newLocale?.language && newLocale?.country ? `${newLocale.language.toLowerCase()}-${newLocale.country.toLowerCase()}` : null;
+                    setLocale(newLocale);
+                    break;
                 default:
                     break;
             }
@@ -192,6 +201,16 @@ export const useCustomizerShell = () => {
             description,
         });
     }, [hasInit, environment, data.handle, sendToParent]);
+    // Notify parent when locale changes (but not when it came from parent)
+    useEffect(() => {
+        if (!hasInit)
+            return;
+        // Only send if locale is set and is different from what parent last set
+        if (parentLocaleIdRef.current === `${locale?.language}-${locale?.country}`.toLowerCase() || !locale)
+            return;
+        parentLocaleIdRef.current = `${locale?.language}-${locale?.country}`.toLowerCase() || null;
+        sendToParent("SEND_LOCALE", { locale }).catch(console.error);
+    }, [locale, hasInit, sendToParent]);
     // Refresh sections and storefront settings schema
     useEffect(() => {
         if (!isPreview || !hasInit)

package/dist/use-locale.d.ts

@@ -0,0 +1,7 @@
+type Locale = {
+    language: string;
+    country: string;
+} | null;
+export declare const useLocale: () => Locale;
+export {};
+//# sourceMappingURL=use-locale.d.ts.map

package/dist/use-locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-locale.d.ts","sourceRoot":"","sources":["../src/use-locale.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,SAAS,QAAO,MAG5B,CAAC"}

package/dist/use-locale.js

@@ -0,0 +1,5 @@
+import { usePackContext } from "./pack/pack-context";
+export const useLocale = () => {
+    const { locale } = usePackContext();
+    return locale;
+};

package/dist/version.d.ts.map

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

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = "3.0.4";
+export const VERSION = "3.1.1-rr7-beta.1";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "3.0.4",
+  "version": "3.1.1-rr7-beta.1",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {