npm - @gem-sdk/pages - Versions diffs - 16.1.0-staging.0 → 17.0.0-dev.9 - Mend

@gem-sdk/pages 16.1.0-staging.0 → 17.0.0-dev.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (176) hide show

package/dist/cjs/components/ErrorBoundary.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");function _define_property(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const initialState={hasError:!1};class ErrorBoundary extends react.Component{static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,e){this.props.onError?.(r,e)}render(){let{FallbackComponent:r}=this.props;return this.state.hasError?jsxRuntime.jsx(r,{error:this.state.error,resetErrorBoundary:this.reset}):this.props.children}constructor(...r){super(...r),_define_property(this,"state",initialState),_define_property(this,"reset",()=>{this.setState(initialState)})}}exports.ErrorBoundary=ErrorBoundary;
+"use strict";var r=require("react/jsx-runtime"),e=require("react");function t(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const s={hasError:!1};class o extends e.Component{static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,e){this.props.onError?.(r,e)}render(){let{FallbackComponent:e}=this.props;return this.state.hasError?r.jsx(e,{error:this.state.error,resetErrorBoundary:this.reset}):this.props.children}constructor(...r){super(...r),t(this,"state",s),t(this,"reset",()=>{this.setState(s)})}}exports.ErrorBoundary=o;

package/dist/cjs/components/ErrorFallback.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime");const ErrorFallback=({error:e,resetErrorBoundary:t})=>jsxRuntime.jsxs("div",{role:"alert",className:"gp-flex gp-flex-col gp-items-center gp-gap-2",children:[jsxRuntime.jsx("p",{className:"gp-text-center gp-text-2xl",children:"Oops! Something went wrong"}),jsxRuntime.jsx("pre",{children:e?.message}),jsxRuntime.jsx("button",{onClick:t,className:"gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",children:"Try again"})]});exports.ErrorFallback=ErrorFallback;
+"use strict";var e=require("react/jsx-runtime");exports.ErrorFallback=({error:t,resetErrorBoundary:r})=>e.jsxs("div",{role:"alert",className:"gp-flex gp-flex-col gp-items-center gp-gap-2",children:[e.jsx("p",{className:"gp-text-center gp-text-2xl",children:"Oops! Something went wrong"}),e.jsx("pre",{children:t?.message}),e.jsx("button",{onClick:r,className:"gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",children:"Try again"})]});

package/dist/cjs/components/FacebookPixel.js CHANGED Viewed

@@ -1,5 +1,5 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),navigation=require("next/navigation"),Script=require("next/script"),react=require("react");const FacebookPixel=({pixelId:e})=>{let t=navigation.usePathname(),n=navigation.useSearchParams();return(react.useEffect(()=>{let e=()=>{core.fpixel.pageview()};e()},[t,n]),e)?jsxRuntime.jsx(Script,{id:"fb-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+"use strict";var e=require("react/jsx-runtime"),n=require("@gem-sdk/core"),t=require("next/navigation"),r=require("next/script"),a=require("react");exports.FacebookPixel=({pixelId:s})=>{let i=t.usePathname(),u=t.useSearchParams();return(a.useEffect(()=>{n.fpixel.pageview()},[i,u]),s)?e.jsx(r,{id:"fb-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
             !function(f,b,e,v,n,t,s)
             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
@@ -8,6 +8,6 @@
             t.src=v;s=b.getElementsByTagName(e)[0];
             s.parentNode.insertBefore(t,s)}(window, document,'script',
             'https://connect.facebook.net/en_US/fbevents.js');
-            fbq('init', '${e}');
+            fbq('init', '${s}');
             fbq('track', 'PageView');
-          `}}):null};exports.FacebookPixel=FacebookPixel;
+          `}}):null};

package/dist/cjs/components/FooterForPostPurchase.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},FooterForPostPurchase=e=>{let{t:r}=core.useI18nStore();return jsxRuntime.jsx("div",{className:core.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:jsxRuntime.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:jsxRuntime.jsx("p",{className:"gp-text-lg",children:r("All rights reserved {shopName}",{shopName:e.shopName})})})})};exports.default=FooterForPostPurchase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");const s={desktop:"40px",tablet:"40px",mobile:"40px"};exports.default=t=>{let{t:p}=r.useI18nStore();return e.jsx("div",{className:r.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:e.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...r.makeStyleResponsive("ml",s),...r.makeStyleResponsive("mr",s)},children:e.jsx("p",{className:"gp-text-lg",children:p("All rights reserved {shopName}",{shopName:t.shopName})})})})};

package/dist/cjs/components/GoogleAnalytic.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),navigation=require("next/navigation"),Script=require("next/script"),react=require("react");const GoogleAnalytic=({trackingId:e})=>{let t=navigation.useSearchParams(),a=navigation.usePathname();react.useEffect(()=>{let n=a+t.toString(),i=t=>{core.gtag.pageview(t,e)};i(n)},[e,a,t]);let n=()=>{core.gtag.pageview(a,e)};return e?e.startsWith("UA-")?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Script,{strategy:"lazyOnload",onReady:n,src:"https://www.google-analytics.com/analytics.js"}),jsxRuntime.jsx(Script,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-          ga('create', '${e}', 'auto');
+"use strict";var a=require("react/jsx-runtime"),e=require("@gem-sdk/core"),t=require("next/navigation"),g=require("next/script"),n=require("react");exports.GoogleAnalytic=({trackingId:r})=>{let s=t.useSearchParams(),i=t.usePathname();n.useEffect(()=>{let a=i+s.toString();e.gtag.pageview(a,r)},[r,i,s]);let o=()=>{e.gtag.pageview(i,r)};return r?r.startsWith("UA-")?a.jsxs(a.Fragment,{children:[a.jsx(g,{strategy:"lazyOnload",onReady:o,src:"https://www.google-analytics.com/analytics.js"}),a.jsx(g,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+          ga('create', '${r}', 'auto');
           ga('require', 'ec');
           ga('send', 'pageview');
-            `}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Script,{strategy:"lazyOnload",onReady:n,src:`https://www.googletagmanager.com/gtag/js?id=${e}`}),jsxRuntime.jsx(Script,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+            `}})]}):a.jsxs(a.Fragment,{children:[a.jsx(g,{strategy:"lazyOnload",onReady:o,src:`https://www.googletagmanager.com/gtag/js?id=${r}`}),a.jsx(g,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
-            gtag('config', '${e}', {
+            gtag('config', '${r}', {
               page_path: window.location.pathname,
             });
-          `}})]}):null};exports.GoogleAnalytic=GoogleAnalytic;
+          `}})]}):null};

package/dist/cjs/components/SharePageTracking.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),navigation=require("next/navigation"),Script=require("next/script");const SharePageTracking=({trackingId:e,params:a})=>{let t=navigation.usePathname(),r=()=>{core.gtag.sharePageView(t,e,a)};return e?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Script,{strategy:"lazyOnload",onReady:r,src:`https://www.googletagmanager.com/gtag/js?id=${e}`}),jsxRuntime.jsx(Script,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+"use strict";var e=require("react/jsx-runtime"),a=require("@gem-sdk/core"),t=require("next/navigation"),r=require("next/script");exports.SharePageTracking=({trackingId:g,params:n})=>{let s=t.usePathname();return g?e.jsxs(e.Fragment,{children:[e.jsx(r,{strategy:"lazyOnload",onReady:()=>{a.gtag.sharePageView(s,g,n)},src:`https://www.googletagmanager.com/gtag/js?id=${g}`}),e.jsx(r,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
-            gtag('config', '${e}');
-          `}})]}):null};exports.SharePageTracking=SharePageTracking;
+            gtag('config', '${g}');
+          `}})]}):null};

package/dist/cjs/components/TikTokPixel.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),Script=require("next/script");const TikTokPixel=({pixelId:t})=>t?jsxRuntime.jsx(Script,{id:"tiktok-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+"use strict";var t=require("react/jsx-runtime"),e=require("next/script");exports.TikTokPixel=({pixelId:n})=>n?t.jsx(e,{id:"tiktok-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
         !function (w, d, t) {
           w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
-          ttq.load('${t}');
+          ttq.load('${n}');
           ttq.page();
         }(window, document, 'ttq');
-          `}}):null;exports.TikTokPixel=TikTokPixel;
+          `}}):null;

package/dist/cjs/components/builder/Body.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),core=require("@gem-sdk/core"),CollectionGlobalProvider=require("../../pages/CollectionGlobalProvider.js");const Body=({pageType:e,isThemeSectionEditor:r})=>{let{isInteractionMode:t,isSelectOnPage:o}=core.useInteraction(),s=react.useMemo(()=>o?"interaction-select-mode":"",[o]);return jsxRuntime.jsxs("div",{id:"storefront",className:core.cls(r?"theme-section-editor":"","POST_PURCHASE"===e?"post-purchase-page":"",s),children:["POST_PURCHASE"!==e&&jsxRuntime.jsx("div",{className:"gp-w-full gp-h-full  gp-fixed gp-left-0 gp-top-0 gp-z-[99999999]",style:{pointerEvents:t?"auto":"none"}}),"GP_COLLECTION"===e?jsxRuntime.jsx(CollectionGlobalProvider.default,{children:jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}):jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})]})};exports.default=Body;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@gem-sdk/core"),s=require("../../pages/CollectionGlobalProvider.js");exports.default=({pageType:i,isThemeSectionEditor:o})=>{let{isInteractionMode:l,isSelectOnPage:u}=t.useInteraction(),d=r.useMemo(()=>u?"interaction-select-mode":"",[u]);return e.jsxs("div",{id:"storefront",className:t.cls(o?"theme-section-editor":"","POST_PURCHASE"===i?"post-purchase-page":"",d),children:["POST_PURCHASE"!==i&&e.jsx("div",{className:"gp-w-full gp-h-full  gp-fixed gp-left-0 gp-top-0 gp-z-[99999999]",style:{pointerEvents:l?"auto":"none"}}),"GP_COLLECTION"===i?e.jsx(s.default,{children:e.jsx(t.RenderPreview,{uid:"ROOT"})}):e.jsx(t.RenderPreview,{uid:"ROOT"})]})};

package/dist/cjs/components/builder/Footer.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const defaultMargin={desktop:"16px",tablet:"16px",mobile:"16px"},FOOTER_ON_COLOR="#E2E2E2",FOOTER_OFF_COLOR="#F4F4F4",Footer=e=>{let{pageType:t,isOriginTemplate:s,openPageSetting:r}=e,{t:i}=core.useI18nStore(),n=new URLSearchParams(window.location.search),l=n.get("storefrontHandle"),p=core.useShopStore(e=>e.layoutSettings),o=p?.showFooter||s,g=o?"#E2E2E2":"#F4F4F4",[x,C]=react.useState(!1);return react.useEffect(()=>{let e=parent.document.body.querySelector(".iframe");if(!e)return;let t=document.body.querySelector("#storefront");if(!t)return;let s=e.clientHeight,r=p?.showHeader?s-40-48:s-48,i=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&r&&C(t<r)});return i.observe(t),()=>{i.unobserve(t)}},[p]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:"POST_PURCHASE"===t?jsxRuntime.jsx("div",{className:core.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:jsxRuntime.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:jsxRuntime.jsx("p",{className:"gp-text-lg",children:i("All rights reserved {shopName}",{shopName:l})})})}):jsxRuntime.jsx("div",{className:core.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE gp-font-sans",{"gp-fixed gp-bottom-0 gp-w-full":x}),children:jsxRuntime.jsxs("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:[jsxRuntime.jsxs("svg",{width:"68",height:"8",viewBox:"0 0 68 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:g}),jsxRuntime.jsx("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:g})]}),!s&&jsxRuntime.jsx("button",{className:"gp-footer gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:r,children:jsxRuntime.jsxs("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",children:[jsxRuntime.jsx("span",{children:jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),jsxRuntime.jsx("span",{children:i("Footer")})]})}),jsxRuntime.jsxs("svg",{width:"104",height:"8",viewBox:"0 0 104 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:g}),jsxRuntime.jsx("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:g}),jsxRuntime.jsx("path",{d:"M72 4C72 1.79086 73.7909 0 76 0H100C102.209 0 104 1.79086 104 4C104 6.20914 102.209 8 100 8H76C73.7909 8 72 6.20914 72 4Z",fill:g})]})]})})})};exports.default=Footer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("react");const r={desktop:"16px",tablet:"16px",mobile:"16px"};exports.default=l=>{let{pageType:p,isOriginTemplate:i,openPageSetting:g}=l,{t:o}=t.useI18nStore(),n=new URLSearchParams(window.location.search),C=n.get("storefrontHandle"),d=t.useShopStore(e=>e.layoutSettings),a=d?.showFooter||i,c=a?"#E2E2E2":"#F4F4F4",[x,h]=s.useState(!1);return s.useEffect(()=>{let e=parent.document.body.querySelector(".iframe");if(!e)return;let t=document.body.querySelector("#storefront");if(!t)return;let s=e.clientHeight,r=d?.showHeader?s-40-48:s-48,l=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&r&&h(t<r)});return l.observe(t),()=>{l.unobserve(t)}},[d]),e.jsx(e.Fragment,{children:"POST_PURCHASE"===p?e.jsx("div",{className:t.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:e.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...t.makeStyleResponsive("ml",r),...t.makeStyleResponsive("mr",r)},children:e.jsx("p",{className:"gp-text-lg",children:o("All rights reserved {shopName}",{shopName:C})})})}):e.jsx("div",{className:t.cls("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE gp-font-sans",{"gp-fixed gp-bottom-0 gp-w-full":x}),children:e.jsxs("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...t.makeStyleResponsive("ml",r),...t.makeStyleResponsive("mr",r)},children:[e.jsxs("svg",{width:"68",height:"8",viewBox:"0 0 68 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:c}),e.jsx("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:c})]}),!i&&e.jsx("button",{className:"gp-footer gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:g,children:e.jsxs("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",children:[e.jsx("span",{children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),e.jsx("span",{children:o("Footer")})]})}),e.jsxs("svg",{width:"104",height:"8",viewBox:"0 0 104 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:c}),e.jsx("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:c}),e.jsx("path",{d:"M72 4C72 1.79086 73.7909 0 76 0H100C102.209 0 104 1.79086 104 4C104 6.20914 102.209 8 100 8H76C73.7909 8 72 6.20914 72 4Z",fill:c})]})]})})})};

package/dist/cjs/components/builder/Header.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),SwitchView=require("./SwitchView.js");const defaultMargin={desktop:"16px",tablet:"16px",mobile:"16px"},HEADER_ON_COLOR="#E2E2E2",HEADER_OFF_COLOR="#F4F4F4",sizeCheck={desktop:"24px",tablet:"36px",mobile:"36px"},Header=e=>{let{pageType:s,isOriginTemplate:i,openPageSetting:t}=e,l=core.useShopStore(e=>e.layoutSettings),n=l?.showHeader||i,p=n?"#E2E2E2":"#F4F4F4",{t:x}=core.useI18nStore();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(SwitchView.default,{}),jsxRuntime.jsx("div",{className:core.cls("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===s?jsxRuntime.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:jsxRuntime.jsxs("div",{className:"tablet:gp-items-center gp-flex gp-py-3",children:[jsxRuntime.jsxs("svg",{style:{...core.makeStyleResponsive("w",sizeCheck),...core.makeStyleResponsive("h",sizeCheck)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.7244 10.6242C15.9587 10.3899 15.9587 10.01 15.7244 9.77571C15.49 9.5414 15.1101 9.5414 14.8758 9.77571L11.1001 13.5514L9.42436 11.8757C9.19005 11.6414 8.81015 11.6414 8.57583 11.8757C8.34152 12.11 8.34152 12.4899 8.57583 12.7242L10.6758 14.8242C10.9101 15.0586 11.29 15.0586 11.5244 14.8242L15.7244 10.6242Z",fill:"#197BBD"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4001 12C20.4001 16.6392 16.6393 20.4 12.0001 20.4C7.36091 20.4 3.6001 16.6392 3.6001 12C3.6001 7.36078 7.36091 3.59998 12.0001 3.59998C16.6393 3.59998 20.4001 7.36078 20.4001 12ZM19.2001 12C19.2001 15.9764 15.9765 19.2 12.0001 19.2C8.02365 19.2 4.8001 15.9764 4.8001 12C4.8001 8.02352 8.02365 4.79998 12.0001 4.79998C15.9765 4.79998 19.2001 8.02352 19.2001 12Z",fill:"#197BBD"})]}),jsxRuntime.jsxs("div",{className:"gp-ml-4",children:[jsxRuntime.jsx("p",{className:"gp-text-sm",children:x("Order #1001")}),jsxRuntime.jsx("p",{children:x("You’ve paid for your order.")}),jsxRuntime.jsxs("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[jsxRuntime.jsx("div",{className:"gp-text-sm",children:x("View order confirmation")}),jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.6318 9.21817C4.45607 9.04244 4.45607 8.75751 4.6318 8.58178L6.7136 6.49998L4.6318 4.41817C4.45607 4.24244 4.45607 3.95751 4.6318 3.78178C4.80754 3.60604 5.09246 3.60604 5.2682 3.78178L7.6682 6.18178C7.84393 6.35751 7.84393 6.64244 7.6682 6.81817L5.2682 9.21817C5.09246 9.39391 4.80754 9.39391 4.6318 9.21817Z",fill:"#197BBD"})})]})]})]})}):jsxRuntime.jsxs("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:[jsxRuntime.jsxs("svg",{width:"60",height:"8",viewBox:"0 0 60 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:"#9E9E9E"}),jsxRuntime.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H56C58.2091 0 60 1.79086 60 4C60 6.20914 58.2091 8 56 8H32C29.7909 8 28 6.20914 28 4Z",fill:p})]}),!(i||"STATIC"===s)&&jsxRuntime.jsx("button",{className:"gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:t,children:jsxRuntime.jsxs("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",children:[jsxRuntime.jsx("span",{children:jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),jsxRuntime.jsx("span",{children:x("Header")})]})}),jsxRuntime.jsxs("svg",{width:"80",height:"8",viewBox:"0 0 80 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:p}),jsxRuntime.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H48C50.2091 0 52 1.79086 52 4C52 6.20914 50.2091 8 48 8H32C29.7909 8 28 6.20914 28 4Z",fill:p}),jsxRuntime.jsx("path",{d:"M56 4C56 1.79086 57.7909 0 60 0H76C78.2091 0 80 1.79086 80 4C80 6.20914 78.2091 8 76 8H60C57.7909 8 56 6.20914 56 4Z",fill:p})]})]})})]})};exports.default=Header;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),l=require("./SwitchView.js");const t={desktop:"16px",tablet:"16px",mobile:"16px"},i={desktop:"24px",tablet:"36px",mobile:"36px"};exports.default=p=>{let{pageType:C,isOriginTemplate:r,openPageSetting:g}=p,d=s.useShopStore(e=>e.layoutSettings),n=d?.showHeader||r,x=n?"#E2E2E2":"#F4F4F4",{t:o}=s.useI18nStore();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{}),e.jsx("div",{className:s.cls("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===C?e.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...s.makeStyleResponsive("ml",t),...s.makeStyleResponsive("mr",t)},children:e.jsxs("div",{className:"tablet:gp-items-center gp-flex gp-py-3",children:[e.jsxs("svg",{style:{...s.makeStyleResponsive("w",i),...s.makeStyleResponsive("h",i)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M15.7244 10.6242C15.9587 10.3899 15.9587 10.01 15.7244 9.77571C15.49 9.5414 15.1101 9.5414 14.8758 9.77571L11.1001 13.5514L9.42436 11.8757C9.19005 11.6414 8.81015 11.6414 8.57583 11.8757C8.34152 12.11 8.34152 12.4899 8.57583 12.7242L10.6758 14.8242C10.9101 15.0586 11.29 15.0586 11.5244 14.8242L15.7244 10.6242Z",fill:"#197BBD"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4001 12C20.4001 16.6392 16.6393 20.4 12.0001 20.4C7.36091 20.4 3.6001 16.6392 3.6001 12C3.6001 7.36078 7.36091 3.59998 12.0001 3.59998C16.6393 3.59998 20.4001 7.36078 20.4001 12ZM19.2001 12C19.2001 15.9764 15.9765 19.2 12.0001 19.2C8.02365 19.2 4.8001 15.9764 4.8001 12C4.8001 8.02352 8.02365 4.79998 12.0001 4.79998C15.9765 4.79998 19.2001 8.02352 19.2001 12Z",fill:"#197BBD"})]}),e.jsxs("div",{className:"gp-ml-4",children:[e.jsx("p",{className:"gp-text-sm",children:o("Order #1001")}),e.jsx("p",{children:o("You’ve paid for your order.")}),e.jsxs("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[e.jsx("div",{className:"gp-text-sm",children:o("View order confirmation")}),e.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.6318 9.21817C4.45607 9.04244 4.45607 8.75751 4.6318 8.58178L6.7136 6.49998L4.6318 4.41817C4.45607 4.24244 4.45607 3.95751 4.6318 3.78178C4.80754 3.60604 5.09246 3.60604 5.2682 3.78178L7.6682 6.18178C7.84393 6.35751 7.84393 6.64244 7.6682 6.81817L5.2682 9.21817C5.09246 9.39391 4.80754 9.39391 4.6318 9.21817Z",fill:"#197BBD"})})]})]})]})}):e.jsxs("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...s.makeStyleResponsive("ml",t),...s.makeStyleResponsive("mr",t)},children:[e.jsxs("svg",{width:"60",height:"8",viewBox:"0 0 60 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:"#9E9E9E"}),e.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H56C58.2091 0 60 1.79086 60 4C60 6.20914 58.2091 8 56 8H32C29.7909 8 28 6.20914 28 4Z",fill:x})]}),!(r||"STATIC"===C)&&e.jsx("button",{className:"gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:g,children:e.jsxs("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",children:[e.jsx("span",{children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),e.jsx("span",{children:o("Header")})]})}),e.jsxs("svg",{width:"80",height:"8",viewBox:"0 0 80 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:x}),e.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H48C50.2091 0 52 1.79086 52 4C52 6.20914 50.2091 8 48 8H32C29.7909 8 28 6.20914 28 4Z",fill:x}),e.jsx("path",{d:"M56 4C56 1.79086 57.7909 0 60 0H76C78.2091 0 80 1.79086 80 4C80 6.20914 78.2091 8 76 8H60C57.7909 8 56 6.20914 56 4Z",fill:x})]})]})})]})};

package/dist/cjs/components/builder/PopupManager.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const isDialog=e=>!!e&&e?.tag==="Dialog"&&"component"===e.type,PopupManager=()=>{let e=core.useBuilderPreviewStore(e=>e.state),t=core.useModalStore(e=>e.setModalActive),r=core.useModalStore(e=>e.activeId),{isInteractionMode:i}=core.useInteraction(),n=react.useMemo(()=>e.ROOT.childrens?.map(t=>e?.[t]).filter(isDialog),[e]),a=react.useCallback(e=>{let r=e.detail;t(r?.modalId)},[t]);return react.useEffect(()=>(window.addEventListener("set-active-modal",a),()=>{window.removeEventListener("set-active-modal",a)}),[a]),jsxRuntime.jsx("div",{className:"gp-popup-trigger-button gp-pointer-events-none gp-fixed gp-inset-y-0 gp-right-0 gp-z-10 gp-flex gp-w-10 gp-flex-col gp-items-center gp-justify-center gp-gap-1 gp-overflow-y-auto gp-overflow-x-hidden gp-text-sm",children:n?.map(e=>{let n=e?.advanced?.d;return jsxRuntime.jsx("div",{className:core.cls("gp-w-full gp-shrink gp-cursor-pointer gp-select-none gp-items-center gp-justify-center gp-whitespace-nowrap gp-py-2 gp-text-white [writing-mode:vertical-lr]",{"gp-bg-blue-500":r===e.uid,"gp-bg-blue-700":r!==e.uid},i?"gp-pointer-events-none":"gp-pointer-events-auto"),role:"button","aria-hidden":"true",onClick:()=>t(e?.uid,!0),style:{"--d":n?.desktop?"inline-flex":"none","--d-tablet":n?.tablet?"inline-flex":"none","--d-mobile":n?.mobile?"inline-flex":"none"},children:jsxRuntime.jsx("span",{className:"gp-text-ellipsis gp-whitespace-nowrap",children:e?.settings?.name||e?.settings?.name?.fallbackValue||""})},e?.uid)})})};var PopupManager$1=react.memo(PopupManager);exports.default=PopupManager$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),i=require("react");const n=e=>!!e&&e?.tag==="Dialog"&&"component"===e.type;var r=i.memo(()=>{let r=t.useBuilderPreviewStore(e=>e.state),l=t.useModalStore(e=>e.setModalActive),s=t.useModalStore(e=>e.activeId),{isInteractionMode:o}=t.useInteraction(),p=i.useMemo(()=>r.ROOT.childrens?.map(e=>r?.[e]).filter(n),[r]),a=i.useCallback(e=>{let t=e.detail;l(t?.modalId)},[l]);return i.useEffect(()=>(window.addEventListener("set-active-modal",a),()=>{window.removeEventListener("set-active-modal",a)}),[a]),e.jsx("div",{className:"gp-popup-trigger-button gp-pointer-events-none gp-fixed gp-inset-y-0 gp-right-0 gp-z-10 gp-flex gp-w-10 gp-flex-col gp-items-center gp-justify-center gp-gap-1 gp-overflow-y-auto gp-overflow-x-hidden gp-text-sm",children:p?.map(i=>{let n=i?.advanced?.d;return e.jsx("div",{className:t.cls("gp-w-full gp-shrink gp-cursor-pointer gp-select-none gp-items-center gp-justify-center gp-whitespace-nowrap gp-py-2 gp-text-white [writing-mode:vertical-lr]",{"gp-bg-blue-500":s===i.uid,"gp-bg-blue-700":s!==i.uid},o?"gp-pointer-events-none":"gp-pointer-events-auto"),role:"button","aria-hidden":"true",onClick:()=>l(i?.uid,!0),style:{"--d":n?.desktop?"inline-flex":"none","--d-tablet":n?.tablet?"inline-flex":"none","--d-mobile":n?.mobile?"inline-flex":"none"},children:e.jsx("span",{className:"gp-text-ellipsis gp-whitespace-nowrap",children:i?.settings?.name||i?.settings?.name?.fallbackValue||""})},i?.uid)})})});exports.default=r;

package/dist/cjs/components/builder/SwitchView.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),_const=require("./const.js"),core=require("@gem-sdk/core");const Devices=()=>{let[e,t]=react.useState(!1),{t:n}=core.useI18nStore(),i={width:0,name:"",activeId:null},[s,r]=react.useState(i),[p,d]=react.useState(!1),a=react.useCallback(e=>{r(t=>({...t,...e}))},[r]);react.useEffect(()=>{if(s)d(s.width>0&&s.width<=1024);else{let e=_const.devices[0];e&&a({width:e.width,name:e.name,activeId:e.id}),d(!1)}},[s,a]);let l=n=>{let i=_const.devices.find(e=>e.id===n);i&&(a({width:i.width,name:i.name,activeId:i.id}),g(i.id)),t(!e)},g=e=>{let t=new CustomEvent("editor:change-device",{bubbles:!0,detail:{id:e}});window.dispatchEvent(t)},c=react.useRef(null),o=e=>{c.current&&!c.current.contains(e.target)&&t(!1)},u=e=>{let t=_const.devices.find(t=>t.width===e);if(t)return t.name;let i=n("Desktop");return e<=768?n("Mobile"):e<=1024?n("Tablet"):i},x=react.useCallback(e=>{let t=e.detail;t&&a({width:t.width,name:u(t.width),activeId:null})},[a]);react.useEffect(()=>(window.addEventListener("mousedown",o),window.addEventListener("editor:resize-preview-screen",x),()=>{window.removeEventListener("mousedown",o),window.removeEventListener("editor:resize-preview-screen",x)}),[x]);let m=e=>e.id===s.activeId||s.name===e.name,w=()=>t(!e);return p?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{ref:c,className:`gp-switch-view gp-font-sans gp-flex gp-h-[40px] gp-absolute gp-top-[2px] gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-gap-2 gp-items-center gp-justify-center gp-cursor-pointer ${e?"gp-z-50":"gp-z-1"}`,children:[jsxRuntime.jsxs("div",{className:`gp-flex gp-gap-1 gp-py-1 gp-px-2 gp-transform -gp-translate-y-[2px] gp-border-[1px] gp-justify-between gp-items-center gp-min-w-[194px] gp-bg-[#F4F4F4] hover:gp-bg-[#E2E2E2] gp-rounded-md gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121] ${e?"gp-border-[#3C67FF]":"gp-border-transparent"}`,onClick:e=>{e.preventDefault(),w()},role:"presentation",children:[jsxRuntime.jsxs("span",{children:[s.name," (",s.width,"px)"]}),jsxRuntime.jsx("span",{children:jsxRuntime.jsx("svg",{width:"9",height:"5",viewBox:"0 0 9 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.07564 0.775834C1.30995 0.541519 1.68985 0.541519 1.92417 0.775834L4.6999 3.55157L7.47564 0.775834C7.70995 0.541519 8.08985 0.541519 8.32417 0.775834C8.55848 1.01015 8.55848 1.39005 8.32417 1.62436L5.12417 4.82436C4.88985 5.05868 4.50995 5.05868 4.27564 4.82436L1.07564 1.62436C0.841324 1.39005 0.841324 1.01015 1.07564 0.775834Z",fill:"#212121"})})})]}),jsxRuntime.jsx("div",{className:`gp-absolute gp-top-9 gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-bg-[#212121] gp-rounded-xl gp-p-2 gp-text-[#F9F9F9] gp-w-[176px] gp-z-50 ${e?"":"gp-hidden"}`,children:_const.devices.map(e=>jsxRuntime.jsx("div",{className:"gp-p-2 hover:gp-bg-[#3E3E3E] gp-rounded-md",onClick:t=>{t.preventDefault(),t.stopPropagation(),l(e.id)},role:"presentation",children:jsxRuntime.jsxs("div",{className:'gp-flex gp-gap-2 gp-w-full gp-text-left gp-justify-space-between gp-cursor-pointer gp-leading-5 gp-text-xs gp-font-regular gp-text-[#212121]"',children:[jsxRuntime.jsx("span",{className:"gp-min-w-[16px]",children:m(e)&&jsxRuntime.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6348 4.89265C12.792 5.07861 12.7878 5.37537 12.6255 5.55547L6.71176 12.118C6.55312 12.294 6.30118 12.294 6.14255 12.118L3.87448 9.60098C3.71219 9.42088 3.70805 9.12412 3.86523 8.93815C4.02241 8.75219 4.2814 8.74744 4.4437 8.92755L6.42716 11.1287L12.0563 4.88203C12.2186 4.70192 12.4776 4.70668 12.6348 4.89265Z",fill:"#00C853"})})}),jsxRuntime.jsx("span",{children:e.name})]})},e.id))})]})}):null};exports.default=Devices;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("./const.js"),n=require("@gem-sdk/core");exports.default=()=>{let[p,s]=t.useState(!1),{t:r}=n.useI18nStore(),[d,l]=t.useState({width:0,name:"",activeId:null}),[a,g]=t.useState(!1),o=t.useCallback(e=>{l(t=>({...t,...e}))},[l]);t.useEffect(()=>{if(d)g(d.width>0&&d.width<=1024);else{let e=i.devices[0];e&&o({width:e.width,name:e.name,activeId:e.id}),g(!1)}},[d,o]);let c=e=>{let t=i.devices.find(t=>t.id===e);t&&(o({width:t.width,name:t.name,activeId:t.id}),u(t.id)),s(!p)},u=e=>{let t=new CustomEvent("editor:change-device",{bubbles:!0,detail:{id:e}});window.dispatchEvent(t)},w=t.useRef(null),x=e=>{w.current&&!w.current.contains(e.target)&&s(!1)},v=e=>{let t=i.devices.find(t=>t.width===e);if(t)return t.name;let n=r("Desktop");return e<=768?r("Mobile"):e<=1024?r("Tablet"):n},h=t.useCallback(e=>{let t=e.detail;t&&o({width:t.width,name:v(t.width),activeId:null})},[o]);t.useEffect(()=>(window.addEventListener("mousedown",x),window.addEventListener("editor:resize-preview-screen",h),()=>{window.removeEventListener("mousedown",x),window.removeEventListener("editor:resize-preview-screen",h)}),[h]);let m=e=>e.id===d.activeId||d.name===e.name,f=()=>s(!p);return a?e.jsx(e.Fragment,{children:e.jsxs("div",{ref:w,className:`gp-switch-view gp-font-sans gp-flex gp-h-[40px] gp-absolute gp-top-[2px] gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-gap-2 gp-items-center gp-justify-center gp-cursor-pointer ${p?"gp-z-50":"gp-z-1"}`,children:[e.jsxs("div",{className:`gp-flex gp-gap-1 gp-py-1 gp-px-2 gp-transform -gp-translate-y-[2px] gp-border-[1px] gp-justify-between gp-items-center gp-min-w-[194px] gp-bg-[#F4F4F4] hover:gp-bg-[#E2E2E2] gp-rounded-md gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121] ${p?"gp-border-[#3C67FF]":"gp-border-transparent"}`,onClick:e=>{e.preventDefault(),f()},role:"presentation",children:[e.jsxs("span",{children:[d.name," (",d.width,"px)"]}),e.jsx("span",{children:e.jsx("svg",{width:"9",height:"5",viewBox:"0 0 9 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.07564 0.775834C1.30995 0.541519 1.68985 0.541519 1.92417 0.775834L4.6999 3.55157L7.47564 0.775834C7.70995 0.541519 8.08985 0.541519 8.32417 0.775834C8.55848 1.01015 8.55848 1.39005 8.32417 1.62436L5.12417 4.82436C4.88985 5.05868 4.50995 5.05868 4.27564 4.82436L1.07564 1.62436C0.841324 1.39005 0.841324 1.01015 1.07564 0.775834Z",fill:"#212121"})})})]}),e.jsx("div",{className:`gp-absolute gp-top-9 gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-bg-[#212121] gp-rounded-xl gp-p-2 gp-text-[#F9F9F9] gp-w-[176px] gp-z-50 ${p?"":"gp-hidden"}`,children:i.devices.map(t=>e.jsx("div",{className:"gp-p-2 hover:gp-bg-[#3E3E3E] gp-rounded-md",onClick:e=>{e.preventDefault(),e.stopPropagation(),c(t.id)},role:"presentation",children:e.jsxs("div",{className:'gp-flex gp-gap-2 gp-w-full gp-text-left gp-justify-space-between gp-cursor-pointer gp-leading-5 gp-text-xs gp-font-regular gp-text-[#212121]"',children:[e.jsx("span",{className:"gp-min-w-[16px]",children:m(t)&&e.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6348 4.89265C12.792 5.07861 12.7878 5.37537 12.6255 5.55547L6.71176 12.118C6.55312 12.294 6.30118 12.294 6.14255 12.118L3.87448 9.60098C3.71219 9.42088 3.70805 9.12412 3.86523 8.93815C4.02241 8.75219 4.2814 8.74744 4.4437 8.92755L6.42716 11.1287L12.0563 4.88203C12.2186 4.70192 12.4776 4.70668 12.6348 4.89265Z",fill:"#00C853"})})}),e.jsx("span",{children:t.name})]})},t.id))})]})}):null};

package/dist/cjs/components/builder/Toolbar.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),getDOMElementParents=require("./toolbar/utils/getDOMElementParents.js"),_const=require("./toolbar/const.js"),getChildrenByAttrSelector=require("./toolbar/utils/getChildrenByAttrSelector.js"),findOverflowParent=require("./toolbar/utils/findOverflowParent.js"),waitForElementToExist=require("./toolbar/utils/waitForElementToExist.js"),isOverParent=require("./toolbar/utils/isOverParent.js"),findDOMClosest=require("./toolbar/utils/findDOMClosest.js");const Toolbar=()=>{let t=react.useRef(null),e=react.useRef(!1),r=react.useRef(),o=react.useRef(!1),a=react.useRef([]),i=react.useRef([]),n=react.useRef([]),l=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent.findOverflowParent(r,e),a=e.getBoundingClientRect(),i=r.getBoundingClientRect(),n=window.innerWidth;o?i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):a.top<_const.TOOLBAR_ACTIVE_HEIGHT+1&&(i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),i.left+a.width>n&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let l=r?.closest('[aria-label="Dialog body"]');if(l){let r=l.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},d=react.useCallback(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:n})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}a.current.push(t);let d=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-toolbar"),u=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-outline"),c=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-toolbar-add-top"),s=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),b=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-theme-section-status");o&&b&&b.setAttribute("data-theme-section-status-active","true"),d&&(d.removeAttribute("style"),n||d.setAttribute("data-toolbar-hover","true"),r&&d.setAttribute("data-toolbar-hover-focus","true"),l({$toolbar:d,$component:t,state:"hover"})),u&&(u.setAttribute("data-outline-hover","true"),n&&u.setAttribute("data-outline-parent-hover","true"),o&&(i.current.push(t),u.setAttribute("data-outline-overlay-theme-section","true")),r&&u.setAttribute("data-outline-hover-focus","true")),c&&!n&&c.setAttribute("data-toolbar-add-hover","true"),s&&!n&&s.setAttribute("data-toolbar-add-hover","true")},[]),u=react.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&d({$component:t,isParent:!0});c({$component:t,$parents:r})}},[d]),c=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),i=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let n=getChildrenByAttrSelector.getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent.isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-(_const.TOOLBAR_HOVER_HEIGHT-1)*i;l&&(d=parseFloat(e.top)-o+(_const.TOOLBAR_HOVER_HEIGHT-1)*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},s=react.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=i.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}i.current=[]},[]),b=react.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=a.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}s(),a.current=[]},[s]),f=react.useCallback(()=>{t.current=null;let e=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],o=n.current;if(o.length)for(let t of o){let r=t.querySelectorAll(e.map(t=>`[${t}]`).join(","));r&&e.forEach(t=>{r.forEach(e=>e.removeAttribute(t))})}n.current=[],g(!1),r.current&&r.current()},[]),m=react.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),v=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,h=react.useCallback(async({componentUid:e,productId:r,timeAwait:o=600,articleId:a,forceReActive:i,marqueeKey:d,carouselItemKey:u})=>{if(!e)return;let c=v({componentUid:e,productId:r,articleId:a,marqueeKey:d,carouselItemKey:u}),s=await waitForElementToExist.waitForElementToExist(c,o);if(!s||!i&&e==t.current?.componentUid&&r==t.current?.productId&&a==t.current?.articleId&&d==t.current?.marqueeKey&&u==t.current?.carouselItemKey)return;(e!==t.current?.componentUid||r!==t.current?.productId||a!==t.current?.articleId||u!==t.current?.carouselItemKey||i)&&f(),(i||e===t.current?.componentUid)&&r===t.current?.productId&&d===t.current?.marqueeKey&&u===t.current?.carouselItemKey||f(),n.current.push(s);let h=getChildrenByAttrSelector.getChildrenByAttrSelector(s,"data-toolbar"),g=getChildrenByAttrSelector.getChildrenByAttrSelector(s,"data-outline"),A=getChildrenByAttrSelector.getChildrenByAttrSelector(s,"data-toolbar-add-top"),y=getChildrenByAttrSelector.getChildrenByAttrSelector(s,"data-toolbar-add-bottom");h&&(t.current={componentUid:e,productId:r,articleId:a,marqueeKey:d,carouselItemKey:u},h.removeAttribute("style"),h.setAttribute("data-toolbar-active","true"),l({$toolbar:h,$component:s,state:"active"})),g&&g.setAttribute("data-outline-active","true"),A&&A.setAttribute("data-toolbar-add-active","true"),y&&y.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:p,$section:C}=findDOMClosest.findDOMClosest(s,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(C&&(r||a||p)){let t=C.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{n.current.push(t);let e=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}m({$component:s}),b()},[f,b,m]),g=async e=>{if(e){if(t.current?.componentUid){let r=v({...t.current}),o=await waitForElementToExist.waitForElementToExist(r,500);if(o){let t=getChildrenByAttrSelector.getChildrenByAttrSelector(o,"data-toolbar"),r=getChildrenByAttrSelector.getChildrenByAttrSelector(o,"data-outline"),a=getChildrenByAttrSelector.getChildrenByAttrSelector(o,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),a&&e&&a.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},A=react.useCallback(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;i.current.push(r);let n=getChildrenByAttrSelector.getChildrenByAttrSelector(r,"data-theme-section-status");n&&n.setAttribute("data-theme-section-status-active","true")},[]),y=async({value:e})=>{if(!e||!t.current)return;let r=!1,o=v({...t.current}),a=await waitForElementToExist.waitForElementToExist(o,500);if(a){let e=a?.querySelectorAll("[data-toolbar-parent]");if(e.length){let o=t=>{if(r)return;let e=t.getAttribute("data-parent-uid");if(!e)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);o?.length&&o.forEach(t=>{let e=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},a=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async e=>{r=!0;let o=e.getAttribute("data-parent-uid");if(!o)return;let i=async()=>{let t=await waitForElementToExist.waitForElementToExist(`[data-uid="${o}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await waitForElementToExist.waitForElementToExist(`[data-uid="${o}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},l=async()=>{let t=await waitForElementToExist.waitForElementToExist(`[data-uid="${o}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},d="",u="",c="";await i()&&(d=t.current?.productId||""),await n()&&(u=t.current?.articleId||""),await l()&&(c=t.current?.carouselItemKey||"");let s=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:o,productId:d,articleId:u,carouselItemKey:c,elementTag:e.getAttribute("data-component-tag")||""}});a(e),window.dispatchEvent(s),setTimeout(()=>{r=!1},0)};e.forEach(t=>{t.addEventListener("mouseover",()=>o(t)),t.addEventListener("mouseout",()=>a(t)),t.addEventListener("click",()=>i(t))})}}},p=react.useCallback(r=>{if(e.current||o.current)return;let a=r.target;if(!a||"function"!=typeof a.closest){s(),b();return}let{$toolbarHover:i,$component:n,$themeSection:l,$shopifySection:c}=findDOMClosest.findDOMClosest(a,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(i)return;let f=n?.getAttribute("data-uid");if(!n||!f||"ROOT"==f){b();return}let m=getChildrenByAttrSelector.getChildrenByAttrSelector(n,"data-toolbar");if(!f||"ROOT"==f||m?.getAttribute("data-toolbar-hover-focus"))return;m?.getAttribute("data-toolbar-hover-focus")||b(),A(a);let v=l||c;if(f==t.current?.componentUid){if(t.current.productId){let e=n.closest("[data-product-id]");if(e){let r=e.getAttribute("data-product-id");if(r==t.current.productId){b();return}}}if(!v)return;d({$component:v,focus:!0,isPreventSection:!0})}v?d({$component:v,focus:!0,isPreventSection:!0}):(d({$component:n,componentUid:f,focus:!0}),u({$component:n,componentUid:f}))},[A,b,d,u,s,t]),C=react.useCallback(t=>{if(e.current)return;let r=t.detail;r?.componentUid?h({componentUid:r.componentUid,productId:r.productId,articleId:r.articleId,marqueeKey:r.marqueeKey,carouselItemKey:r.carouselItemKey}):f()},[h,f,e]),w=react.useCallback(()=>{b()},[b]),E=react.useCallback(t=>{let r=t.detail;r.value&&(b(),f()),e.current=r.value},[b,f]),S=react.useCallback(t=>{let e=t.detail;e.value?g(!0):g(!1)},[]),B=react.useCallback(t=>{if(e.current)return;let r=t.detail;y({value:r?.value||!1})},[]),$=react.useCallback(t=>{let e=t.detail;e?.value?(b(),o.current=!0):o.current=!1},[b]),q=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=getChildrenByAttrSelector.getChildrenByAttrSelector(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},O=react.useCallback(t=>{if(e.current)return;let r=t.detail;r?.componentUid&&q(r?.componentUid,r?.type)},[e]),T=e=>{let r=e.detail;t.current?.componentUid&&r?.componentUid==t.current?.componentUid&&h({...t.current})};return react.useEffect(()=>(document.addEventListener("mousemove",p),window.addEventListener("editor:active-component",C),window.addEventListener("editor:focus-outside-preview",w),window.addEventListener("editor:is-dragging",E),window.addEventListener("editor:is-editing-text-editor",S),window.addEventListener("editor:toolbar:show-parents",B),window.addEventListener("editor:toolbar:resize-spacing",$),window.addEventListener("editor:hover-component",O),window.addEventListener("editor:component:render",T),()=>{document.removeEventListener("mousemove",p),window.removeEventListener("editor:active-component",C),window.removeEventListener("editor:is-dragging",w),window.removeEventListener("editor:is-dragging",E),window.removeEventListener("editor:is-editing-text-editor",S),window.removeEventListener("editor:toolbar:show-parents",B),window.removeEventListener("editor:toolbar:resize-spacing",$),window.removeEventListener("editor:hover-component",O),window.removeEventListener("editor:component:render",T)}),[p,C,w,E,S,B,$,O,T]),jsxRuntime.jsx(jsxRuntime.Fragment,{})};var Toolbar$1=react.memo(Toolbar);exports.default=Toolbar$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("./toolbar/utils/getDOMElementParents.js"),o=require("./toolbar/const.js"),a=require("./toolbar/utils/getChildrenByAttrSelector.js"),i=require("./toolbar/utils/findOverflowParent.js"),n=require("./toolbar/utils/waitForElementToExist.js"),l=require("./toolbar/utils/isOverParent.js"),d=require("./toolbar/utils/findDOMClosest.js"),u=e.memo(()=>{let u=e.useRef(null),c=e.useRef(!1),s=e.useRef(),b=e.useRef(!1),f=e.useRef([]),v=e.useRef([]),m=e.useRef([]),h=({state:t,$toolbar:e,$component:r})=>{let a=i.findOverflowParent(r,e),n=e.getBoundingClientRect(),l=r.getBoundingClientRect(),d=window.innerWidth;a?l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):n.top<o.TOOLBAR_ACTIVE_HEIGHT+1&&(l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),l.left+n.width>d&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;l.left+n.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},g=e.useCallback(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:i})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}f.current.push(t);let n=a.getChildrenByAttrSelector(t,"data-toolbar"),l=a.getChildrenByAttrSelector(t,"data-outline"),d=a.getChildrenByAttrSelector(t,"data-toolbar-add-top"),u=a.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),c=a.getChildrenByAttrSelector(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),r&&n.setAttribute("data-toolbar-hover-focus","true"),h({$toolbar:n,$component:t,state:"hover"})),l&&(l.setAttribute("data-outline-hover","true"),i&&l.setAttribute("data-outline-parent-hover","true"),o&&(v.current.push(t),l.setAttribute("data-outline-overlay-theme-section","true")),r&&l.setAttribute("data-outline-hover-focus","true")),d&&!i&&d.setAttribute("data-toolbar-add-hover","true"),u&&!i&&u.setAttribute("data-toolbar-add-hover","true")},[]),p=e.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let o=r.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(o.length){for(let t of o)t&&g({$component:t,isParent:!0});A({$component:t,$parents:o})}},[g]),A=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=a.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),i=!!r.getAttribute("data-toolbar-hover-revert"),n=!!r.getAttribute("data-toolbar-hover-inside"),d=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let u=a.getChildrenByAttrSelector(r,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),a=i||n;if(l.isOverParent({current:t,parent:r,index:d,revert:a})){let e=getComputedStyle(u),i=t.top-r.top,n=t.left-r.left,l=parseFloat(e.top)+i-(o.TOOLBAR_HOVER_HEIGHT-1)*d;a&&(l=parseFloat(e.top)-i+(o.TOOLBAR_HOVER_HEIGHT-1)*d);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${l}px;left: ${c}px;`),d++}}}}},y=e.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=v.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}v.current=[]},[]),w=e.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=f.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}y(),f.current=[]},[y]),E=e.useCallback(()=>{u.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=m.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}m.current=[],q(!1),s.current&&s.current()},[]),C=e.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=a.getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),S=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,$=e.useCallback(async({componentUid:t,productId:e,timeAwait:r=600,articleId:o,forceReActive:i,marqueeKey:l,carouselItemKey:c})=>{if(!t)return;let s=S({componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c}),b=await n.waitForElementToExist(s,r);if(!b||!i&&t==u.current?.componentUid&&e==u.current?.productId&&o==u.current?.articleId&&l==u.current?.marqueeKey&&c==u.current?.carouselItemKey)return;(t!==u.current?.componentUid||e!==u.current?.productId||o!==u.current?.articleId||c!==u.current?.carouselItemKey||i)&&E(),(i||t===u.current?.componentUid)&&e===u.current?.productId&&l===u.current?.marqueeKey&&c===u.current?.carouselItemKey||E(),m.current.push(b);let f=a.getChildrenByAttrSelector(b,"data-toolbar"),v=a.getChildrenByAttrSelector(b,"data-outline"),g=a.getChildrenByAttrSelector(b,"data-toolbar-add-top"),p=a.getChildrenByAttrSelector(b,"data-toolbar-add-bottom");f&&(u.current={componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c},f.removeAttribute("style"),f.setAttribute("data-toolbar-active","true"),h({$toolbar:f,$component:b,state:"active"})),v&&v.setAttribute("data-outline-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:A,$section:y}=d.findDOMClosest(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(y&&(e||o||A)){let e=y.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{m.current.push(t);let e=a.getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}C({$component:b}),w()},[E,w,C]),q=async t=>{if(t){if(u.current?.componentUid){let e=S({...u.current}),r=await n.waitForElementToExist(e,500);if(r){let e=a.getChildrenByAttrSelector(r,"data-toolbar"),o=a.getChildrenByAttrSelector(r,"data-outline"),i=a.getChildrenByAttrSelector(r,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},B=e.useCallback(t=>{let e=t.closest("[data-theme-section]"),r=e?.getAttribute("data-uid"),o=e&&r===u.current?.componentUid;if(!o)return;v.current.push(e);let i=a.getChildrenByAttrSelector(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),L=async({value:t})=>{if(!t||!u.current)return;let e=!1,r=S({...u.current}),o=await n.waitForElementToExist(r,500);if(o){let t=o?.querySelectorAll("[data-toolbar-parent]");if(t.length){let r=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},i=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},l=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},d="",c="",s="";await a()&&(d=u.current?.productId||""),await i()&&(c=u.current?.articleId||""),await l()&&(s=u.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:d,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});o(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>i(t))})}}},I=e.useCallback(t=>{if(c.current||b.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){y(),w();return}let{$toolbarHover:r,$component:o,$themeSection:i,$shopifySection:n}=d.findDOMClosest(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(r)return;let l=o?.getAttribute("data-uid");if(!o||!l||"ROOT"==l){w();return}let s=a.getChildrenByAttrSelector(o,"data-toolbar");if(!l||"ROOT"==l||s?.getAttribute("data-toolbar-hover-focus"))return;s?.getAttribute("data-toolbar-hover-focus")||w(),B(e);let f=i||n;if(l==u.current?.componentUid){if(u.current.productId){let t=o.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==u.current.productId){w();return}}}if(!f)return;g({$component:f,focus:!0,isPreventSection:!0})}f?g({$component:f,focus:!0,isPreventSection:!0}):(g({$component:o,componentUid:l,focus:!0}),p({$component:o,componentUid:l}))},[B,w,g,p,y,u]),O=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid?$({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):E()},[$,E,c]),k=e.useCallback(()=>{w()},[w]),R=e.useCallback(t=>{let e=t.detail;e.value&&(w(),E()),c.current=e.value},[w,E]),T=e.useCallback(t=>{let e=t.detail;e.value?q(!0):q(!1)},[]),x=e.useCallback(t=>{if(c.current)return;let e=t.detail;L({value:e?.value||!1})},[]),U=e.useCallback(t=>{let e=t.detail;e?.value?(w(),b.current=!0):b.current=!1},[w]),j=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=a.getChildrenByAttrSelector(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},F=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid&&j(e?.componentUid,e?.type)},[c]),K=t=>{let e=t.detail;u.current?.componentUid&&e?.componentUid==u.current?.componentUid&&$({...u.current})};return e.useEffect(()=>(document.addEventListener("mousemove",I),window.addEventListener("editor:active-component",O),window.addEventListener("editor:focus-outside-preview",k),window.addEventListener("editor:is-dragging",R),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",x),window.addEventListener("editor:toolbar:resize-spacing",U),window.addEventListener("editor:hover-component",F),window.addEventListener("editor:component:render",K),()=>{document.removeEventListener("mousemove",I),window.removeEventListener("editor:active-component",O),window.removeEventListener("editor:is-dragging",k),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",x),window.removeEventListener("editor:toolbar:resize-spacing",U),window.removeEventListener("editor:hover-component",F),window.removeEventListener("editor:component:render",K)}),[I,O,k,R,T,x,U,F,K]),t.jsx(t.Fragment,{})});exports.default=u;

package/dist/cjs/components/builder/Toolbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),getStorefrontApi=require("../../libs/get-storefront-api.js"),googleFonts=require("../../libs/google-fonts.js"),genCss=require("../../libs/helpers/gen-css.js"),genFonts=require("../../libs/helpers/gen-fonts.js"),shopifyCdnWithGoogleFonts=require("../../libs/shopify-cdn-with-google-fonts.js"),libsStore=require("../../store/libs-store.js"),checkOptionFont=require("../../libs/helpers/check-option-font.js");const globalStyleId="global-style",ENABLE_THEME_FONT_EDITOR=!0,Toolbox=()=>{let e=core.useMatchMutate(),t=core.useShopStore(e=>e.provider),r=core.useShopStore(e=>e.changeStorefrontInfo),o=core.usePageStore(e=>e.setDynamicProduct),n=core.usePageStore(e=>e.setAssignedProductIds),a=core.usePageStore(e=>e.setIsApplyAllProducts),i=core.usePageStore(e=>e.setPostPurchaseProductOffers),d=core.usePageStore(e=>e.setDynamicDiscountOffer),l=core.usePageStore(e=>e.setSalePageProductId),s=core.usePageStore(e=>e.setDynamicCollection),c=core.useBuilderPreviewStore(e=>e.initState),u=core.useBuilderPreviewStore(e=>e.state),p=core.useBuilderPreviewStore(e=>e.forceChangeState),w=core.useBuilderPreviewStore(e=>e.forceChangeItemProp),v=core.useBuilderPreviewStore(e=>e.changeItemPropByKey),m=core.useBuilderPreviewStore(e=>e.addItem),g=core.useBuilderPreviewStore(e=>e.moveItem),y=core.useBuilderPreviewStore(e=>e.removeItem),h=core.useSectionStore(e=>e.addSection),S=core.useShopStore(e=>e.changeSwatches),f=core.useBuilderPreviewStore(e=>e.updateItemName),b=core.useBuilderPreviewStore(e=>e.updateItemAttribute),E=core.useBuilderPreviewStore(e=>e.setErrorSectionList),L=core.useShopStore(e=>e.changeLayoutSettings),C=core.useShopStore(e=>e.changeCreateThemeSectionCount),k=core.useShopStore(e=>e.changeShopPlan),P=core.useShopStore(e=>e.updatePriceWithCurrency),I=libsStore.libsStore(e=>e.changeFontType),T=libsStore.libsStore(e=>e.fontType),B=core.useModalStore(e=>e.clearModal),q=core.useShopStore(e=>e.changeLimitCreateThemeSection),F=core.usePageStore(e=>e.setInteractionIsSelectOnPage),A=core.usePageStore(e=>e.setInteractionItem),j=core.usePageStore(e=>e.setInteractionSelectType),O=core.usePageStore(e=>e.setInteractionSettingType),x=core.usePageStore(e=>e.setSidebarMode),M=core.usePageStore(e=>e.setSellingPlanMeta),N=core.usePageStore(e=>e.setBuyerConsentChecked),D=core.usePageStore(e=>e.getBuyerConsentChecked),$=react.useMemo(()=>genFonts.getFontsFromDataBuilder(u),[u]),H=({currentFontTypeSetting:e,fontType:t,fontHref:r})=>{let o;return r.includes("bunny.net")?o="bunny":r.includes("googleapis.com")&&(o="google"),!o||t===o&&o===e},_=react.useCallback((e,t)=>{if(!T)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let r=document.querySelectorAll(`.${e}`);for(let o of(r.forEach(e=>{let r=e.getAttribute("data-font"),o=e.getAttribute("data-font-variant"),n=e.getAttribute("href")||"";if(!r||!o){e.remove();return}let a=t.find(e=>{let t=e.family===r,a=e.variants.includes(o);return!!t&&!!a&&H({currentFontTypeSetting:e.type,fontType:T,fontHref:n})});a||e.remove()}),t))if(!(["bunny","google"].includes(o.type)&&checkOptionFont.checkNotInOptionFont(o.family,T))&&"custom"!==o.type&&o.variants?.length)for(let t of o.variants){let r={...o,variants:[t.toString()]},n=googleFonts.createFontUrls([r],void 0,T,!0)||[];if(n?.length)for(let r of n){let n=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),a=document.querySelector(`link.${e}[href="${n(r)}"]`);if(a)continue;let i=document.createElement("link");i.className=e,i.rel="stylesheet",i.href=r,i.dataset.font=o.family,i.dataset.fontVariant=t,document.head.appendChild(i)}}},[T]),W=react.useCallback(()=>{e(/query\//,{revalidate:!0})},[e]),G=react.useCallback(e=>{let o=e.detail;r({url:o.shopHandle?getStorefrontApi.getStorefrontApi(o.shopHandle,t):void 0,token:o.shopToken})},[r,t]),R=react.useCallback(e=>{let t=e.detail;try{if(t.data){let e=genCss.genCSS(t.data,t.mobileOnly),r=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=shopifyCdnWithGoogleFonts.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),o=document.getElementById(globalStyleId);if(_("google-font-builder",r),o)o.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[_]),V=react.useCallback(e=>{B();try{let t=e.detail;t.data&&("flat"===t.type?p(t.data):c(t.data))}catch{}},[p,c,B]),K=react.useCallback(e=>{try{let t=e.detail;t.entity&&(m({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||h(t.entity.uid,t.entity))}catch{}},[m,h]),U=react.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&v({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[v]),z=react.useCallback(e=>{try{let t=e.detail;t.uid&&w(t.uid,t.data,t.group)}catch{}},[w]),J=react.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&g(t.uid,t.to,Number(t.position)??0)}catch{}},[g]),Q=react.useCallback(e=>{try{let t=e.detail;t.uid&&y(t.uid)}catch{}},[y]),X=react.useCallback(e=>{let t=e.detail;try{t.data&&S(t.data)}catch{}},[S]),Y=react.useCallback(e=>{let t=e.detail;t&&L(t)},[L]),Z=react.useCallback(e=>{let t=e.detail;t&&C(t)},[C]),ee=react.useCallback(e=>{let t=e.detail;t&&k(t)},[k]),et=react.useCallback(e=>{let t=e.detail;t&&P(t)},[P]),er=react.useCallback(e=>{let t=e.detail;t&&I(t)},[I]),eo=react.useCallback(e=>{let t=e.detail;t&&o(t)},[o]),en=react.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:r}=e.detail;t&&n(t??[]),a(!!r)},[n,a]),ea=react.useCallback(e=>{let t=e.detail;t&&s(t)},[s]);react.useEffect(()=>{$&&T&&_("google-font-element",$)},[$,T,_]);let ei=react.useCallback(e=>{let t=e.detail;t.uid&&f(t.uid,t.name||"")},[f]),ed=react.useCallback(e=>{let t=e.detail;t.uid&&b(t.uid,t.value||"",t.attr||"")},[b]),el=react.useCallback(e=>{let t=e.detail;t?.length&&i(t)},[i]),es=react.useCallback(e=>{let t=e.detail;t&&d(t)},[d]),ec=react.useCallback(e=>{let t=e.detail;t&&l(t)},[l]),eu=react.useCallback(e=>{let t=e.detail;t&&q(t)},[q]),ep=react.useCallback(e=>{let t=e.detail.value,r=e.detail.mode,o=e.detail.settingType;F(t),j(r),O(o)},[F,j,O]),ew=react.useCallback(e=>{let t=e.detail.settingType;O(t)},[O]),ev=react.useCallback(e=>{let t=e.detail.mode;console.log(t),x(t)},[x]),em=react.useCallback(e=>{let t=e.detail;A(t)},[A]),eg=react.useCallback(e=>{e.detail&&M(e.detail)},[M]),ey=react.useCallback(e=>{if(e.detail){let t=e.detail.productID,r=e.detail.data;if(!t){N(r);return}let o={...D()??{}};Object.keys(o).forEach(e=>{e.includes(t)&&(o[e]=r[t])}),N(o)}},[N,D]),eh=react.useCallback(e=>{e.detail&&E(e.detail)},[E]);return react.useEffect(()=>(window.addEventListener("update-shop-info",G),window.addEventListener("revalidate-query",W),window.addEventListener("init-builder",V),window.addEventListener("add-entity",K),window.addEventListener("remove-entity",Q),window.addEventListener("move-entity",J),window.addEventListener("force-update-entity-props",z),window.addEventListener("update-entity-prop",U),window.addEventListener("set-global-style",R),window.addEventListener("update-global-swatches-data",X),window.addEventListener("on-off-header-footer",Y),window.addEventListener("update-create-theme-section-count",Z),window.addEventListener("update-shop-plan",ee),window.addEventListener("set-dynamic-product",eo),window.addEventListener("set-assigned-product-ids",en),window.addEventListener("set-dynamic-collection",ea),window.addEventListener("update-item-name",ei),window.addEventListener("update-item-attribute",ed),window.addEventListener("set-product-offer",el),window.addEventListener("set-dynamic-discount-offer",es),window.addEventListener("update-sale-page-product-id",ec),window.addEventListener("limit-create-theme-section",eu),window.addEventListener("update-interaction-is-select-on-page",ep),window.addEventListener("update-interaction-item",em),window.addEventListener("update-interaction-setting-type",ew),window.addEventListener("change-sidebar-mode",ev),window.addEventListener("update-font-type",er),window.addEventListener("update-price-with-currency",et),window.addEventListener("selling-plan-meta-loaded",eg),window.addEventListener("selling-plan-meta-updated",eg),window.addEventListener("buyer-consent-pre-check-updated",ey),window.addEventListener("editor:error-section-list",eh),()=>{window.removeEventListener("update-shop-info",G),window.removeEventListener("revalidate-query",W),window.removeEventListener("init-builder",V),window.removeEventListener("add-entity",K),window.removeEventListener("remove-entity",Q),window.removeEventListener("move-entity",J),window.removeEventListener("update-entity-prop",U),window.removeEventListener("set-global-style",R),window.removeEventListener("update-global-swatches-data",X),window.removeEventListener("on-off-header-footer",Y),window.removeEventListener("update-create-theme-section-count",Z),window.removeEventListener("update-shop-plan",ee),window.removeEventListener("update-price-with-currency",et),window.removeEventListener("set-dynamic-product",eo),window.removeEventListener("set-dynamic-collection",ea),window.removeEventListener("update-item-name",ei),window.removeEventListener("update-item-attribute",ed),window.removeEventListener("set-product-offer",el),window.removeEventListener("update-sale-page-product-id",ec),window.removeEventListener("limit-create-theme-section",eu),window.removeEventListener("update-interaction-is-select-on-page",ep),window.removeEventListener("update-interaction-item",em),window.removeEventListener("update-interaction-setting-type",ew),window.removeEventListener("update-font-type",er),window.removeEventListener("selling-plan-meta-loaded",eg),window.removeEventListener("selling-plan-meta-updated",eg),window.removeEventListener("buyer-consent-pre-check-updated",ey),window.removeEventListener("editor:error-section-list",eh)}),[K,ee,z,U,V,J,Q,R,X,W,G,Y,Z,eo,ea,ei,ed,el,ec,eu,em,ep,ew,er,ev,es,et,eg,ey,eh]),jsxRuntime.jsx("div",{className:"toolbox"})};var Toolbox$1=react.memo(Toolbox);exports.default=Toolbox$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../libs/get-storefront-api.js"),a=require("../../libs/google-fonts.js"),r=require("../../libs/helpers/gen-css.js"),o=require("../../libs/helpers/gen-fonts.js"),d=require("../../libs/shopify-cdn-with-google-fonts.js"),l=require("../../store/libs-store.js"),s=require("../../libs/helpers/check-option-font.js");const u="global-style";var c=n.memo(()=>{let c=t.useMatchMutate(),w=t.useShopStore(e=>e.provider),p=t.useShopStore(e=>e.changeStorefrontInfo),v=t.usePageStore(e=>e.setDynamicProduct),m=t.usePageStore(e=>e.setAssignedProductIds),g=t.usePageStore(e=>e.setIsApplyAllProducts),y=t.usePageStore(e=>e.setPostPurchaseProductOffers),f=t.usePageStore(e=>e.setDynamicDiscountOffer),h=t.usePageStore(e=>e.setSalePageProductId),S=t.usePageStore(e=>e.setDynamicCollection),E=t.useBuilderPreviewStore(e=>e.initState),b=t.useBuilderPreviewStore(e=>e.state),L=t.useBuilderPreviewStore(e=>e.forceChangeState),C=t.useBuilderPreviewStore(e=>e.forceChangeItemProp),k=t.useBuilderPreviewStore(e=>e.changeItemPropByKey),P=t.useBuilderPreviewStore(e=>e.addItem),I=t.useBuilderPreviewStore(e=>e.moveItem),q=t.useBuilderPreviewStore(e=>e.removeItem),B=t.useSectionStore(e=>e.addSection),j=t.useShopStore(e=>e.changeSwatches),A=t.useBuilderPreviewStore(e=>e.updateItemName),T=t.useBuilderPreviewStore(e=>e.updateItemAttribute),M=t.useBuilderPreviewStore(e=>e.setErrorSectionList),O=t.useShopStore(e=>e.changeLayoutSettings),F=t.useShopStore(e=>e.changeCreateThemeSectionCount),N=t.useShopStore(e=>e.changeShopPlan),D=t.useShopStore(e=>e.updatePriceWithCurrency),x=l.libsStore(e=>e.changeFontType),H=l.libsStore(e=>e.fontType),$=t.useModalStore(e=>e.clearModal),V=t.useShopStore(e=>e.changeLimitCreateThemeSection),W=t.usePageStore(e=>e.setInteractionIsSelectOnPage),_=t.usePageStore(e=>e.setInteractionItem),G=t.usePageStore(e=>e.setInteractionSelectType),K=t.usePageStore(e=>e.setInteractionSettingType),U=t.usePageStore(e=>e.setSidebarMode),z=t.usePageStore(e=>e.setSellingPlanMeta),J=t.usePageStore(e=>e.setBuyerConsentChecked),Q=t.usePageStore(e=>e.getBuyerConsentChecked),R=n.useMemo(()=>o.getFontsFromDataBuilder(b),[b]),X=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},Y=n.useCallback((e,t)=>{if(!H)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),a=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let r=t.find(e=>{let t=e.family===n,r=e.variants.includes(i);return!!t&&!!r&&X({currentFontTypeSetting:e.type,fontType:H,fontHref:a})});r||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&s.checkNotInOptionFont(i.family,H))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},r=a.createFontUrls([n],void 0,H,!0)||[];if(r?.length)for(let n of r){let a=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),r=document.querySelector(`link.${e}[href="${a(n)}"]`);if(r)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[H]),Z=n.useCallback(()=>{c(/query\//,{revalidate:!0})},[c]),ee=n.useCallback(e=>{let t=e.detail;p({url:t.shopHandle?i.getStorefrontApi(t.shopHandle,w):void 0,token:t.shopToken})},[p,w]),et=n.useCallback(e=>{let t=e.detail;try{if(t.data){let e=r.genCSS(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=d.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(u);if(Y("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[Y]),en=n.useCallback(e=>{$();try{let t=e.detail;t.data&&("flat"===t.type?L(t.data):E(t.data))}catch{}},[L,E,$]),ei=n.useCallback(e=>{try{let t=e.detail;t.entity&&(P({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||B(t.entity.uid,t.entity))}catch{}},[P,B]),ea=n.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&k({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[k]),er=n.useCallback(e=>{try{let t=e.detail;t.uid&&C(t.uid,t.data,t.group)}catch{}},[C]),eo=n.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&I(t.uid,t.to,Number(t.position)||0)}catch{}},[I]),ed=n.useCallback(e=>{try{let t=e.detail;t.uid&&q(t.uid)}catch{}},[q]),el=n.useCallback(e=>{let t=e.detail;try{t.data&&j(t.data)}catch{}},[j]),es=n.useCallback(e=>{let t=e.detail;t&&O(t)},[O]),eu=n.useCallback(e=>{let t=e.detail;t&&F(t)},[F]),ec=n.useCallback(e=>{let t=e.detail;t&&N(t)},[N]),ew=n.useCallback(e=>{let t=e.detail;t&&D(t)},[D]),ep=n.useCallback(e=>{let t=e.detail;t&&x(t)},[x]),ev=n.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),em=n.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&m(t??[]),g(!!n)},[m,g]),eg=n.useCallback(e=>{let t=e.detail;t&&S(t)},[S]);n.useEffect(()=>{R&&H&&Y("google-font-element",R)},[R,H,Y]);let ey=n.useCallback(e=>{let t=e.detail;t.uid&&A(t.uid,t.name||"")},[A]),ef=n.useCallback(e=>{let t=e.detail;t.uid&&T(t.uid,t.value||"",t.attr||"")},[T]),eh=n.useCallback(e=>{let t=e.detail;t?.length&&y(t)},[y]),eS=n.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),eE=n.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),eb=n.useCallback(e=>{let t=e.detail;t&&V(t)},[V]),eL=n.useCallback(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;W(t),G(n),K(i)},[W,G,K]),eC=n.useCallback(e=>{let t=e.detail.settingType;K(t)},[K]),ek=n.useCallback(e=>{let t=e.detail.mode;console.log(t),U(t)},[U]),eP=n.useCallback(e=>{let t=e.detail;_(t)},[_]),eI=n.useCallback(e=>{e.detail&&z(e.detail)},[z]),eq=n.useCallback(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){J(n);return}let i={...Q()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),J(i)}},[J,Q]),eB=n.useCallback(e=>{e.detail&&M(e.detail)},[M]);return n.useEffect(()=>(window.addEventListener("update-shop-info",ee),window.addEventListener("revalidate-query",Z),window.addEventListener("init-builder",en),window.addEventListener("add-entity",ei),window.addEventListener("remove-entity",ed),window.addEventListener("move-entity",eo),window.addEventListener("force-update-entity-props",er),window.addEventListener("update-entity-prop",ea),window.addEventListener("set-global-style",et),window.addEventListener("update-global-swatches-data",el),window.addEventListener("on-off-header-footer",es),window.addEventListener("update-create-theme-section-count",eu),window.addEventListener("update-shop-plan",ec),window.addEventListener("set-dynamic-product",ev),window.addEventListener("set-assigned-product-ids",em),window.addEventListener("set-dynamic-collection",eg),window.addEventListener("update-item-name",ey),window.addEventListener("update-item-attribute",ef),window.addEventListener("set-product-offer",eh),window.addEventListener("set-dynamic-discount-offer",eS),window.addEventListener("update-sale-page-product-id",eE),window.addEventListener("limit-create-theme-section",eb),window.addEventListener("update-interaction-is-select-on-page",eL),window.addEventListener("update-interaction-item",eP),window.addEventListener("update-interaction-setting-type",eC),window.addEventListener("change-sidebar-mode",ek),window.addEventListener("update-font-type",ep),window.addEventListener("update-price-with-currency",ew),window.addEventListener("selling-plan-meta-loaded",eI),window.addEventListener("selling-plan-meta-updated",eI),window.addEventListener("buyer-consent-pre-check-updated",eq),window.addEventListener("editor:error-section-list",eB),()=>{window.removeEventListener("update-shop-info",ee),window.removeEventListener("revalidate-query",Z),window.removeEventListener("init-builder",en),window.removeEventListener("add-entity",ei),window.removeEventListener("remove-entity",ed),window.removeEventListener("move-entity",eo),window.removeEventListener("update-entity-prop",ea),window.removeEventListener("set-global-style",et),window.removeEventListener("update-global-swatches-data",el),window.removeEventListener("on-off-header-footer",es),window.removeEventListener("update-create-theme-section-count",eu),window.removeEventListener("update-shop-plan",ec),window.removeEventListener("update-price-with-currency",ew),window.removeEventListener("set-dynamic-product",ev),window.removeEventListener("set-dynamic-collection",eg),window.removeEventListener("update-item-name",ey),window.removeEventListener("update-item-attribute",ef),window.removeEventListener("set-product-offer",eh),window.removeEventListener("update-sale-page-product-id",eE),window.removeEventListener("limit-create-theme-section",eb),window.removeEventListener("update-interaction-is-select-on-page",eL),window.removeEventListener("update-interaction-item",eP),window.removeEventListener("update-interaction-setting-type",eC),window.removeEventListener("update-font-type",ep),window.removeEventListener("selling-plan-meta-loaded",eI),window.removeEventListener("selling-plan-meta-updated",eI),window.removeEventListener("buyer-consent-pre-check-updated",eq),window.removeEventListener("editor:error-section-list",eB)}),[ei,ec,er,ea,en,eo,ed,et,el,Z,ee,es,eu,ev,eg,ey,ef,eh,eE,eb,eP,eL,eC,ep,ek,eS,ew,eI,eq,eB]),e.jsx("div",{className:"toolbox"})});exports.default=c;

package/dist/cjs/components/builder/const.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ devices=[{id:"iphone-13-mini",name:"iPhone 13 Mini",width:375},{id:"iphone-13-pro",name:"iPhone 13 Pro",width:390},{id:"iphone-11-pro-max",name:"iPhone 11 Pro Max",width:414},{id:"iphone-15-pro-max",name:"iPhone 15 Pro Max",width:430},{id:"pixel-7",name:"Pixel 7",width:412},{id:"galaxy-s8-plus",name:"Galaxy S8+",width:360},{id:"galaxy-s20-ultra",name:"Galaxy S20 Ultra",width:412},{id:"ipad-mini",name:"iPad Mini",width:768},{id:"ipad-air",name:"iPad Air",width:820},{id:"ipad-pro",name:"iPad Pro",width:1024}];~~exports.devices=devices;~~
1	+ "use strict";exports.devices=[{id:"iphone-13-mini",name:"iPhone 13 Mini",width:375},{id:"iphone-13-pro",name:"iPhone 13 Pro",width:390},{id:"iphone-11-pro-max",name:"iPhone 11 Pro Max",width:414},{id:"iphone-15-pro-max",name:"iPhone 15 Pro Max",width:430},{id:"pixel-7",name:"Pixel 7",width:412},{id:"galaxy-s8-plus",name:"Galaxy S8+",width:360},{id:"galaxy-s20-ultra",name:"Galaxy S20 Ultra",width:412},{id:"ipad-mini",name:"iPad Mini",width:768},{id:"ipad-air",name:"iPad Air",width:820},{id:"ipad-pro",name:"iPad Pro",width:1024}];

package/dist/cjs/components/builder/toolbar/const.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32;~~exports.TOOLBAR_ACTIVE_HEIGHT=32,exports.TOOLBAR_HOVER_HEIGHT=24;
1	+ "use strict";exports.TOOLBAR_ACTIVE_HEIGHT=32,exports.TOOLBAR_HOVER_HEIGHT=24;

package/dist/cjs/components/builder/toolbar/utils/findDOMClosest.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ findDOMClosest=(l,e)=>{let t={$childrenSlot:null,$productFeatureImg:null,$section:null,$component:null,$disableIframeClick:null,$stickyMinimize:null,$toolbar:null,$gpText:null,$imageDetection:null,$popupTriggerButton:null},n=l;for(;n&&!n.matches('[data-uid="ROOT"], .builder, #storefront');){for(let[l,u]of Object.entries(e))!t[l]&&n.matches(u)&&(t[l]=n);if(Object.values(t).every(l=>null!==l))break;n=n.parentElement}return n=null,t};~~exports.findDOMClosest=findDOMClosest;~~
1	+ "use strict";exports.findDOMClosest=(l,e)=>{let t={$childrenSlot:null,$productFeatureImg:null,$section:null,$component:null,$disableIframeClick:null,$stickyMinimize:null,$toolbar:null,$gpText:null,$imageDetection:null,$popupTriggerButton:null},n=l;for(;n&&!n.matches('[data-uid="ROOT"], .builder, #storefront');){for(let[l,u]of Object.entries(e))!t[l]&&n.matches(u)&&(t[l]=n);if(Object.values(t).every(l=>null!==l))break;n=n.parentElement}return n=null,t};

package/dist/cjs/components/builder/toolbar/utils/findOverflowParent.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var ~~isOverToolbarPosition~~=require("./isOverToolbarPosition.js"),~~isSection~~=require("./isSection.js"),~~notVisible~~=require("./notVisible.js");const ~~findOverflowParent~~=(i,e)=>{let o=e\|\|i;if(i~~&&!isSection~~.isSection(i))return ~~notVisible~~.notVisible(i)&&~~isOverToolbarPosition~~.isOverToolbarPosition(e,i)?i:i.parentElement?~~findOverflowParent~~(i.parentElement,o):void 0};exports.findOverflowParent=~~findOverflowParent~~;
1	+ "use strict";var e=require("./isOverToolbarPosition.js"),i=require("./isSection.js"),r=require("./notVisible.js");const t=(o,s)=>{let n=s\|\|o;if(o&&!i.isSection(o))return r.notVisible(o)&&e.isOverToolbarPosition(s,o)?o:o.parentElement?t(o.parentElement,n):void 0};exports.findOverflowParent=t;

package/dist/cjs/components/builder/toolbar/utils/getChildrenByAttrSelector.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let l=0;l<r;l++){let r=t.children[l];if(r){let t=r.getAttribute(e);if(t)return r}}};~~exports.getChildrenByAttrSelector=getChildrenByAttrSelector;~~
1	+ "use strict";exports.getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let l=0;l<r;l++){let r=t.children[l];if(r){let t=r.getAttribute(e);if(t)return r}}};

package/dist/cjs/components/builder/toolbar/utils/getDOMElementParents.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ getDOMElementParents=(e,~~t,n~~)=>{let r=[];for(;e;)if(e=e.parentElement??void 0){if("BODY"===e.tagName\|\|"ROOT"===e.getAttribute("data-uid"))break;if(t~~){if(e~~.matches(t)&&(r.push(e),n~~&&r~~.length==n))return r;continue}~~if(r.push(e),n&&r.length==n)break}~~return r};~~exports.getDOMElementParents=getDOMElementParents;~~
1	+ "use strict";exports.getDOMElementParents=(t,e,r)=>{let n=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName\|\|"ROOT"===t.getAttribute("data-uid"))break;if(t.matches(e)&&(n.push(t),n.length==r))return n;continue}return n};

package/dist/cjs/components/builder/toolbar/utils/isOverParent.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var ~~_const~~=require("../const.js");~~const~~ isOverParent=({current:t,parent:o,index:O,revert:_})=>{for(let H=0;H<O;H++){let O=t.top-(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H>=o.top&&t.top-(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H<=o.top+o.height\|\|t.top-(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H>=o.top+o.height&&t.top-(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H<=o.top;if(_&&(O=t.bottom+(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H>=o.bottom&&t.bottom+(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H<=o.bottom-o.height\|\|t.bottom+(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H>=o.bottom-o.height&&t.bottom+(~~_const~~.TOOLBAR_HOVER_HEIGHT-1)H<=o.bottom),O)return!0}return!1};~~exports.isOverParent=isOverParent;~~
1	+ "use strict";var t=require("../const.js");exports.isOverParent=({current:o,parent:O,index:H,revert:E})=>{for(let R=0;R<H;R++){let H=o.top-(t.TOOLBAR_HOVER_HEIGHT-1)R>=O.top&&o.top-(t.TOOLBAR_HOVER_HEIGHT-1)R<=O.top+O.height\|\|o.top-(t.TOOLBAR_HOVER_HEIGHT-1)R>=O.top+O.height&&o.top-(t.TOOLBAR_HOVER_HEIGHT-1)R<=O.top;if(E&&(H=o.bottom+(t.TOOLBAR_HOVER_HEIGHT-1)R>=O.bottom&&o.bottom+(t.TOOLBAR_HOVER_HEIGHT-1)R<=O.bottom-O.height\|\|o.bottom+(t.TOOLBAR_HOVER_HEIGHT-1)R>=O.bottom-O.height&&o.bottom+(t.TOOLBAR_HOVER_HEIGHT-1)R<=O.bottom),H)return!0}return!1};

package/dist/cjs/components/builder/toolbar/utils/isOverToolbarPosition.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var ~~_const~~=require("../const.js");~~const~~ isOverToolbarPosition=(o,t)=>{let e=o.getBoundingClientRect(),i=t.getBoundingClientRect();return e.top-i.top<~~_const~~.TOOLBAR_ACTIVE_HEIGHT+1};~~exports.isOverToolbarPosition=isOverToolbarPosition;~~
1	+ "use strict";var t=require("../const.js");exports.isOverToolbarPosition=(e,o)=>{let i=e.getBoundingClientRect(),n=o.getBoundingClientRect();return i.top-n.top<t.TOOLBAR_ACTIVE_HEIGHT+1};

package/dist/cjs/components/builder/toolbar/utils/isSection.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e};~~exports.isSection=isSection;~~
1	+ "use strict";exports.isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e};

package/dist/cjs/components/builder/toolbar/utils/notVisible.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t};~~exports.notVisible=notVisible;~~
1	+ "use strict";exports.notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t};

package/dist/cjs/components/builder/toolbar/utils/waitForElementToExist.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~const~~ waitForElementToExist=(e,t=200)=>new Promise(l=>{let r=null,o=null,n=()=>{let t=document.body.querySelector("#storefront")?.querySelector(e);t&&(r&&clearInterval(r),o&&clearTimeout(o),l(t))};n(),r=setInterval(()=>{n()},50),o=setTimeout(()=>{r&&clearInterval(r),o&&clearTimeout(o),l(null)},t)});~~exports.waitForElementToExist=waitForElementToExist;~~
1	+ "use strict";exports.waitForElementToExist=(e,t=200)=>new Promise(l=>{let r=null,o=null,n=()=>{let t=document.body.querySelector("#storefront")?.querySelector(e);t&&(r&&clearInterval(r),o&&clearTimeout(o),l(t))};n(),r=setInterval(()=>{n()},50),o=setTimeout(()=>{r&&clearInterval(r),o&&clearTimeout(o),l(null)},t)});

package/dist/cjs/components/builder-upsell/BodyUpsell.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use client';
2	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("./DropElement.js");exports.default=()=>{let s=r.useBuilderPreviewUpsellStore(e=>e.hasWidgetTemplate);return s?e.jsx("div",{id:"storefront",children:e.jsx(r.RenderPreviewUpsell,{widgetId:"gwHZziWWVC"})}):e.jsx(t.DropElementUpsell,{})};

package/dist/cjs/components/builder-upsell/DropElement.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use client';
2	+ "use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("../../constants/index.js");exports.DropElementUpsell=()=>{let{t:i}=t.useI18nStore(),p=t.useBuilderPreviewUpsellStore(e=>e.loaded);if(!p)return null;let s=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e.jsx("div",{id:"gp-img-to-layout-wrapper",className:"sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4] gp-flex",style:{height:"100vh"},children:e.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:e.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:i("Start building widget")}),e.jsx("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e.jsx("button",{"data-button-add-elements":!0,onClick:()=>{s(l.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:i("Choose widget template")})})]})]})})})};

package/dist/cjs/components/builder-upsell/ToolboxUpsell.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use client';
2	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),n=require("../../libs/get-storefront-api.js"),o=require("../../libs/google-fonts.js"),l=require("../../libs/helpers/gen-css.js"),i=require("../../libs/helpers/gen-fonts.js"),a=require("../../libs/shopify-cdn-with-google-fonts.js"),s=require("../../store/libs-store.js"),d=require("../../libs/helpers/check-option-font.js");const u="global-style";var p=r.memo(()=>{let p=t.useMatchMutate(),c=t.useShopStore(e=>e.provider),f=t.useShopStore(e=>e.changeStorefrontInfo),g=t.useBuilderPreviewUpsellStore(e=>e.initState),m=t.useBuilderPreviewUpsellStore(e=>e.changeItemPropByKey),v=t.useBuilderPreviewUpsellStore(e=>e.state),h=t.useBuilderPreviewUpsellStore(e=>e.forceChangeState),y=t.useShopStore(e=>e.changeShopPlan),w=s.libsStore(e=>e.changeFontType),b=s.libsStore(e=>e.fontType),S=t.useModalStore(e=>e.clearModal),E=r.useMemo(()=>i.getFontsFromDataBuilder(v),[v]),k=({currentFontTypeSetting:e,fontType:t,fontHref:r})=>{let n;return r.includes("bunny.net")?n="bunny":r.includes("googleapis.com")&&(n="google"),!n\|\|t===n&&n===e},q=r.useCallback((e,t)=>{if(!b)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let r=document.querySelectorAll(`.${e}`);for(let n of(r.forEach(e=>{let r=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant"),o=e.getAttribute("href")\|\|"";if(!r\|\|!n){e.remove();return}let l=t.find(e=>{let t=e.family===r,l=e.variants.includes(n);return!!t&&!!l&&k({currentFontTypeSetting:e.type,fontType:b,fontHref:o})});l\|\|e.remove()}),t))if(!(["bunny","google"].includes(n.type)&&d.checkNotInOptionFont(n.family,b))&&"custom"!==n.type&&n.variants?.length)for(let t of n.variants){let r={...n,variants:[t.toString()]},l=o.createFontUrls([r],void 0,b,!0)\|\|[];if(l?.length)for(let r of l){let o=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),l=document.querySelector(`link.${e}[href="${o(r)}"]`);if(l)continue;let i=document.createElement("link");i.className=e,i.rel="stylesheet",i.href=r,i.dataset.font=n.family,i.dataset.fontVariant=t,document.head.appendChild(i)}}},[b]),C=r.useCallback(()=>{p(/query\//,{revalidate:!0})},[p]),L=r.useCallback(e=>{let t=e.detail;f({url:t.shopHandle?n.getStorefrontApi(t.shopHandle,c):void 0,token:t.shopToken})},[f,c]),j=r.useCallback(e=>{let t=e.detail;try{if(t.data){let e=l.genCSS(t.data,t.mobileOnly),r=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=a.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(u);if(q("google-font-builder",r),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[q]),M=r.useCallback(e=>{S();try{let t=e.detail;if(!t.data)return;g(t.data)}catch{}},[h,g,S]),B=r.useCallback(e=>{let t=e.detail;t&&y(t)},[y]),F=r.useCallback(e=>{let t=e.detail;t&&w(t)},[w]),I=r.useCallback(e=>{try{let t=e.detail;t.widgetId&&t.propName&&m({widgetId:t.widgetId,key:t.propName,data:t.propValue,group:t.group})}catch{}},[m]);return r.useEffect(()=>{E&&b&&q("google-font-element",E)},[E,b,q]),r.useEffect(()=>(window.addEventListener("update-shop-info",L),window.addEventListener("revalidate-query",C),window.addEventListener("init-builder-upsell",M),window.addEventListener("set-global-style",j),window.addEventListener("update-shop-plan",B),window.addEventListener("update-font-type",F),window.addEventListener("update-entity-prop",I),()=>{window.removeEventListener("update-shop-info",L),window.removeEventListener("revalidate-query",C),window.removeEventListener("init-builder-upsell",M),window.removeEventListener("set-global-style",j),window.removeEventListener("update-shop-plan",B),window.removeEventListener("update-font-type",F),window.removeEventListener("update-entity-prop",I)}),[B,M,j,C,L,F,I]),e.jsx("div",{className:"toolbox"})});exports.default=p;

package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),core=require("@gem-sdk/core");const BASE_DATA=[{title:"Choose templates",content:"inspired by CRO experts",hasAILogo:!1,id:"gps-add-section-bottom-from-library",eventID:"click-add-section-bottom-from-library"},{title:"Generate layout",content:"from URL or image",hasAILogo:!1,id:"gps-add-section-bottom-from-url",eventID:"click-add-section-bottom-from-url"},{title:"Add blank section",content:"then drag & drop elements",hasAILogo:!1,id:"gps-add-section-blank",eventID:"click-add-section-blank"}],FOOTER_HEIGHT=48,defaultPadding={desktop:"var(--g-ct-p)",tablet:"var(--g-ct-p)",mobile:"var(--g-ct-p)"},AddSectionImageToLayout=({editorImageToLayout:e})=>{let{t}=core.useI18nStore(),o=core.useShopStore(e=>e.layoutSettings),s=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),i=core.useShopStore(e=>e.pageType),r=BASE_DATA;if("POST_PURCHASE"===i){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];r=BASE_DATA.filter(t=>!e.includes(t.id))}let p=core.useBuilderPreviewStore(e=>e.loaded),n=react.useMemo(()=>{let e=0;return o?.showFooter&&(e+=48),e},[o?.showFooter]);if(!p)return null;let C=e=>{let t=new CustomEvent(`editor:iframe:${e}`);window.dispatchEvent(t)};return jsxRuntime.jsx("div",{id:"gps-add-section-image-to-layout-of-bottom",className:`gp-justify-center ${s&&e?"gp-flex":"gp-hidden"}`,style:{...core.makeStyleResponsive("pl",defaultPadding),...core.makeStyleResponsive("pr",defaultPadding)},children:jsxRuntime.jsxs("div",{className:"gps-base-font-family gp-relative gp-mb-[24px] gp-mt-[40px] gp-flex gp-flex-1 gp-justify-center gp-rounded-[3px] gp-border gp-border-[#EEEEEE] gp-py-[24px] w375:gp-flex-col w375:gp-gap-y-[8px] w576:gp-flex-col w576:gp-gap-y-[8px]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${n+48}px`},children:[jsxRuntime.jsx("span",{className:"gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",children:t("Add section")}),r.map(e=>jsxRuntime.jsxs("div",{className:"gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2",id:e.id,onClick:()=>C(e.eventID),"aria-hidden":!0,children:[jsxRuntime.jsxs("div",{className:"gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",children:[t(e.title),e.hasAILogo&&jsxRuntime.jsxs("svg",{width:"43",height:"20",viewBox:"0 0 43 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H35C39.4183 0 43 3.58172 43 8V12C43 16.4183 39.4183 20 35 20H8C3.58172 20 0 16.4183 0 12V8Z",fill:"#EBDDF8"}),jsxRuntime.jsx("path",{d:"M8.95881 14V5.27273H12.1548C12.7741 5.27273 13.2869 5.375 13.6932 5.57955C14.0994 5.78125 14.4034 6.0554 14.6051 6.40199C14.8068 6.74574 14.9077 7.13352 14.9077 7.56534C14.9077 7.92898 14.8409 8.2358 14.7074 8.4858C14.5739 8.73295 14.3949 8.93182 14.1705 9.08239C13.9489 9.23011 13.7045 9.33807 13.4375 9.40625V9.49148C13.7273 9.50568 14.0099 9.59943 14.2855 9.77273C14.5639 9.94318 14.794 10.1861 14.9759 10.5014C15.1577 10.8168 15.2486 11.2003 15.2486 11.652C15.2486 12.098 15.1435 12.4986 14.9332 12.8537C14.7259 13.206 14.4048 13.4858 13.9702 13.6932C13.5355 13.8977 12.9801 14 12.304 14H8.95881ZM10.2756 12.8707H12.1761C12.8068 12.8707 13.2585 12.7486 13.5312 12.5043C13.804 12.2599 13.9403 11.9545 13.9403 11.5881C13.9403 11.3125 13.8707 11.0597 13.7315 10.8295C13.5923 10.5994 13.3935 10.4162 13.1349 10.2798C12.8793 10.1435 12.5753 10.0753 12.223 10.0753H10.2756V12.8707ZM10.2756 9.0483H12.0398C12.3352 9.0483 12.6009 8.99148 12.8366 8.87784C13.0753 8.7642 13.2642 8.60511 13.4034 8.40057C13.5455 8.19318 13.6165 7.94886 13.6165 7.66761C13.6165 7.30682 13.4901 7.00426 13.2372 6.75994C12.9844 6.51562 12.5966 6.39347 12.0739 6.39347H10.2756V9.0483ZM19.5291 14.1321C18.8842 14.1321 18.3288 13.9943 17.8629 13.7188C17.3999 13.4403 17.0419 13.0497 16.7891 12.5469C16.5391 12.0412 16.4141 11.4489 16.4141 10.7699C16.4141 10.0994 16.5391 9.50852 16.7891 8.99716C17.0419 8.4858 17.3942 8.08665 17.8459 7.79972C18.3004 7.51278 18.8317 7.36932 19.4396 7.36932C19.8089 7.36932 20.1669 7.4304 20.5135 7.55256C20.8601 7.67472 21.1712 7.86648 21.4467 8.12784C21.7223 8.3892 21.9396 8.72869 22.0987 9.14631C22.2578 9.56108 22.3374 10.0653 22.3374 10.6591V11.1108H17.1342V10.1562H21.0888C21.0888 9.82102 21.0206 9.52415 20.8842 9.26562C20.7479 9.00426 20.5561 8.7983 20.3089 8.64773C20.0646 8.49716 19.7777 8.42188 19.4482 8.42188C19.0902 8.42188 18.7777 8.50994 18.5107 8.68608C18.2464 8.85937 18.0419 9.08665 17.897 9.3679C17.755 9.64631 17.6839 9.94886 17.6839 10.2756V11.0213C17.6839 11.4588 17.7607 11.831 17.9141 12.1378C18.0703 12.4446 18.2876 12.679 18.5661 12.8409C18.8445 13 19.1697 13.0795 19.5419 13.0795C19.7834 13.0795 20.0036 13.0455 20.2024 12.9773C20.4013 12.9062 20.5732 12.8011 20.718 12.6619C20.8629 12.5227 20.9737 12.3509 21.0504 12.1463L22.2564 12.3636C22.1598 12.7187 21.9865 13.0298 21.7365 13.2969C21.4893 13.5611 21.1783 13.767 20.8033 13.9148C20.4311 14.0597 20.0064 14.1321 19.5291 14.1321ZM26.8065 7.45455V8.47727H23.2312V7.45455H26.8065ZM24.19 5.88636H25.4641V12.0781C25.4641 12.3253 25.5011 12.5114 25.5749 12.6364C25.6488 12.7585 25.744 12.8423 25.8604 12.8878C25.9798 12.9304 26.109 12.9517 26.2482 12.9517C26.3505 12.9517 26.44 12.9446 26.5167 12.9304C26.5934 12.9162 26.6531 12.9048 26.6957 12.8963L26.9258 13.9489C26.8519 13.9773 26.7468 14.0057 26.6104 14.0341C26.4741 14.0653 26.3036 14.0824 26.0991 14.0852C25.7638 14.0909 25.4513 14.0312 25.1616 13.9062C24.8718 13.7812 24.6374 13.5881 24.4585 13.3267C24.2795 13.0653 24.19 12.7372 24.19 12.3423V5.88636ZM30.1207 14.1449C29.706 14.1449 29.331 14.0682 28.9957 13.9148C28.6605 13.7585 28.3949 13.5327 28.1989 13.2372C28.0057 12.9418 27.9091 12.5795 27.9091 12.1506C27.9091 11.7812 27.9801 11.4773 28.1222 11.2386C28.2642 11 28.456 10.8111 28.6974 10.6719C28.9389 10.5327 29.2088 10.4276 29.5071 10.3565C29.8054 10.2855 30.1094 10.2315 30.419 10.1946C30.8111 10.1491 31.1293 10.1122 31.3736 10.0838C31.6179 10.0526 31.7955 10.0028 31.9062 9.93466C32.017 9.86648 32.0724 9.75568 32.0724 9.60227V9.57244C32.0724 9.20028 31.9673 8.91193 31.7571 8.70739C31.5497 8.50284 31.2401 8.40057 30.8281 8.40057C30.3991 8.40057 30.0611 8.49574 29.8139 8.68608C29.5696 8.87358 29.4006 9.08239 29.3068 9.3125L28.1094 9.03977C28.2514 8.64205 28.4588 8.32102 28.7315 8.0767C29.0071 7.82955 29.3239 7.65057 29.6818 7.53977C30.0398 7.42614 30.4162 7.36932 30.8111 7.36932C31.0724 7.36932 31.3494 7.40057 31.642 7.46307C31.9375 7.52273 32.2131 7.63352 32.4688 7.79545C32.7273 7.95739 32.9389 8.18892 33.1037 8.49006C33.2685 8.78835 33.3509 9.17614 33.3509 9.65341V14H32.1065V13.1051H32.0554C31.973 13.2699 31.8494 13.4318 31.6847 13.5909C31.5199 13.75 31.3082 13.8821 31.0497 13.9872C30.7912 14.0923 30.4815 14.1449 30.1207 14.1449ZM30.3977 13.1222C30.75 13.1222 31.0511 13.0526 31.3011 12.9134C31.554 12.7741 31.7457 12.5923 31.8764 12.3679C32.0099 12.1406 32.0767 11.8977 32.0767 11.6392V10.7955C32.0313 10.8409 31.9432 10.8835 31.8125 10.9233C31.6847 10.9602 31.5384 10.9929 31.3736 11.0213C31.2088 11.0469 31.0483 11.071 30.892 11.0938C30.7358 11.1136 30.6051 11.1307 30.5 11.1449C30.2528 11.1761 30.027 11.2287 29.8224 11.3026C29.6207 11.3764 29.4588 11.483 29.3366 11.6222C29.2173 11.7585 29.1577 11.9403 29.1577 12.1676C29.1577 12.483 29.2741 12.7216 29.5071 12.8835C29.7401 13.0426 30.0369 13.1222 30.3977 13.1222Z",fill:"url(#paint0_linear_9312_318)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_9312_318",x1:"35",y1:"15.2703",x2:"7.99944",y2:"15.2287",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]})})]})]}),jsxRuntime.jsx("div",{className:"gp-flex gp-items-center",children:jsxRuntime.jsx("span",{className:"gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",children:t(e.content)})})]},e.id))]})})};exports.default=AddSectionImageToLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("@gem-sdk/core");const p=[{title:"Choose templates",content:"inspired by CRO experts",hasAILogo:!1,id:"gps-add-section-bottom-from-library",eventID:"click-add-section-bottom-from-library"},{title:"Generate layout",content:"from URL or image",hasAILogo:!1,id:"gps-add-section-bottom-from-url",eventID:"click-add-section-bottom-from-url"},{title:"Add blank section",content:"then drag & drop elements",hasAILogo:!1,id:"gps-add-section-blank",eventID:"click-add-section-blank"}],s={desktop:"var(--g-ct-p)",tablet:"var(--g-ct-p)",mobile:"var(--g-ct-p)"};exports.default=({editorImageToLayout:r})=>{let{t:i}=o.useI18nStore(),C=o.useShopStore(e=>e.layoutSettings),l=o.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),n=o.useShopStore(e=>e.pageType),a=p;if("POST_PURCHASE"===n){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];a=p.filter(t=>!e.includes(t.id))}let g=o.useBuilderPreviewStore(e=>e.loaded),d=t.useMemo(()=>{let e=0;return C?.showFooter&&(e+=48),e},[C?.showFooter]);if(!g)return null;let c=e=>{let t=new CustomEvent(`editor:iframe:${e}`);window.dispatchEvent(t)};return e.jsx("div",{id:"gps-add-section-image-to-layout-of-bottom",className:`gp-justify-center ${l&&r?"gp-flex":"gp-hidden"}`,style:{...o.makeStyleResponsive("pl",s),...o.makeStyleResponsive("pr",s)},children:e.jsxs("div",{className:"gps-base-font-family gp-relative gp-mb-[24px] gp-mt-[40px] gp-flex gp-flex-1 gp-justify-center gp-rounded-[3px] gp-border gp-border-[#EEEEEE] gp-py-[24px] w375:gp-flex-col w375:gp-gap-y-[8px] w576:gp-flex-col w576:gp-gap-y-[8px]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${d+48}px`},children:[e.jsx("span",{className:"gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",children:i("Add section")}),a.map(t=>e.jsxs("div",{className:"gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2",id:t.id,onClick:()=>c(t.eventID),"aria-hidden":!0,children:[e.jsxs("div",{className:"gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",children:[i(t.title),t.hasAILogo&&e.jsxs("svg",{width:"43",height:"20",viewBox:"0 0 43 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H35C39.4183 0 43 3.58172 43 8V12C43 16.4183 39.4183 20 35 20H8C3.58172 20 0 16.4183 0 12V8Z",fill:"#EBDDF8"}),e.jsx("path",{d:"M8.95881 14V5.27273H12.1548C12.7741 5.27273 13.2869 5.375 13.6932 5.57955C14.0994 5.78125 14.4034 6.0554 14.6051 6.40199C14.8068 6.74574 14.9077 7.13352 14.9077 7.56534C14.9077 7.92898 14.8409 8.2358 14.7074 8.4858C14.5739 8.73295 14.3949 8.93182 14.1705 9.08239C13.9489 9.23011 13.7045 9.33807 13.4375 9.40625V9.49148C13.7273 9.50568 14.0099 9.59943 14.2855 9.77273C14.5639 9.94318 14.794 10.1861 14.9759 10.5014C15.1577 10.8168 15.2486 11.2003 15.2486 11.652C15.2486 12.098 15.1435 12.4986 14.9332 12.8537C14.7259 13.206 14.4048 13.4858 13.9702 13.6932C13.5355 13.8977 12.9801 14 12.304 14H8.95881ZM10.2756 12.8707H12.1761C12.8068 12.8707 13.2585 12.7486 13.5312 12.5043C13.804 12.2599 13.9403 11.9545 13.9403 11.5881C13.9403 11.3125 13.8707 11.0597 13.7315 10.8295C13.5923 10.5994 13.3935 10.4162 13.1349 10.2798C12.8793 10.1435 12.5753 10.0753 12.223 10.0753H10.2756V12.8707ZM10.2756 9.0483H12.0398C12.3352 9.0483 12.6009 8.99148 12.8366 8.87784C13.0753 8.7642 13.2642 8.60511 13.4034 8.40057C13.5455 8.19318 13.6165 7.94886 13.6165 7.66761C13.6165 7.30682 13.4901 7.00426 13.2372 6.75994C12.9844 6.51562 12.5966 6.39347 12.0739 6.39347H10.2756V9.0483ZM19.5291 14.1321C18.8842 14.1321 18.3288 13.9943 17.8629 13.7188C17.3999 13.4403 17.0419 13.0497 16.7891 12.5469C16.5391 12.0412 16.4141 11.4489 16.4141 10.7699C16.4141 10.0994 16.5391 9.50852 16.7891 8.99716C17.0419 8.4858 17.3942 8.08665 17.8459 7.79972C18.3004 7.51278 18.8317 7.36932 19.4396 7.36932C19.8089 7.36932 20.1669 7.4304 20.5135 7.55256C20.8601 7.67472 21.1712 7.86648 21.4467 8.12784C21.7223 8.3892 21.9396 8.72869 22.0987 9.14631C22.2578 9.56108 22.3374 10.0653 22.3374 10.6591V11.1108H17.1342V10.1562H21.0888C21.0888 9.82102 21.0206 9.52415 20.8842 9.26562C20.7479 9.00426 20.5561 8.7983 20.3089 8.64773C20.0646 8.49716 19.7777 8.42188 19.4482 8.42188C19.0902 8.42188 18.7777 8.50994 18.5107 8.68608C18.2464 8.85937 18.0419 9.08665 17.897 9.3679C17.755 9.64631 17.6839 9.94886 17.6839 10.2756V11.0213C17.6839 11.4588 17.7607 11.831 17.9141 12.1378C18.0703 12.4446 18.2876 12.679 18.5661 12.8409C18.8445 13 19.1697 13.0795 19.5419 13.0795C19.7834 13.0795 20.0036 13.0455 20.2024 12.9773C20.4013 12.9062 20.5732 12.8011 20.718 12.6619C20.8629 12.5227 20.9737 12.3509 21.0504 12.1463L22.2564 12.3636C22.1598 12.7187 21.9865 13.0298 21.7365 13.2969C21.4893 13.5611 21.1783 13.767 20.8033 13.9148C20.4311 14.0597 20.0064 14.1321 19.5291 14.1321ZM26.8065 7.45455V8.47727H23.2312V7.45455H26.8065ZM24.19 5.88636H25.4641V12.0781C25.4641 12.3253 25.5011 12.5114 25.5749 12.6364C25.6488 12.7585 25.744 12.8423 25.8604 12.8878C25.9798 12.9304 26.109 12.9517 26.2482 12.9517C26.3505 12.9517 26.44 12.9446 26.5167 12.9304C26.5934 12.9162 26.6531 12.9048 26.6957 12.8963L26.9258 13.9489C26.8519 13.9773 26.7468 14.0057 26.6104 14.0341C26.4741 14.0653 26.3036 14.0824 26.0991 14.0852C25.7638 14.0909 25.4513 14.0312 25.1616 13.9062C24.8718 13.7812 24.6374 13.5881 24.4585 13.3267C24.2795 13.0653 24.19 12.7372 24.19 12.3423V5.88636ZM30.1207 14.1449C29.706 14.1449 29.331 14.0682 28.9957 13.9148C28.6605 13.7585 28.3949 13.5327 28.1989 13.2372C28.0057 12.9418 27.9091 12.5795 27.9091 12.1506C27.9091 11.7812 27.9801 11.4773 28.1222 11.2386C28.2642 11 28.456 10.8111 28.6974 10.6719C28.9389 10.5327 29.2088 10.4276 29.5071 10.3565C29.8054 10.2855 30.1094 10.2315 30.419 10.1946C30.8111 10.1491 31.1293 10.1122 31.3736 10.0838C31.6179 10.0526 31.7955 10.0028 31.9062 9.93466C32.017 9.86648 32.0724 9.75568 32.0724 9.60227V9.57244C32.0724 9.20028 31.9673 8.91193 31.7571 8.70739C31.5497 8.50284 31.2401 8.40057 30.8281 8.40057C30.3991 8.40057 30.0611 8.49574 29.8139 8.68608C29.5696 8.87358 29.4006 9.08239 29.3068 9.3125L28.1094 9.03977C28.2514 8.64205 28.4588 8.32102 28.7315 8.0767C29.0071 7.82955 29.3239 7.65057 29.6818 7.53977C30.0398 7.42614 30.4162 7.36932 30.8111 7.36932C31.0724 7.36932 31.3494 7.40057 31.642 7.46307C31.9375 7.52273 32.2131 7.63352 32.4688 7.79545C32.7273 7.95739 32.9389 8.18892 33.1037 8.49006C33.2685 8.78835 33.3509 9.17614 33.3509 9.65341V14H32.1065V13.1051H32.0554C31.973 13.2699 31.8494 13.4318 31.6847 13.5909C31.5199 13.75 31.3082 13.8821 31.0497 13.9872C30.7912 14.0923 30.4815 14.1449 30.1207 14.1449ZM30.3977 13.1222C30.75 13.1222 31.0511 13.0526 31.3011 12.9134C31.554 12.7741 31.7457 12.5923 31.8764 12.3679C32.0099 12.1406 32.0767 11.8977 32.0767 11.6392V10.7955C32.0313 10.8409 31.9432 10.8835 31.8125 10.9233C31.6847 10.9602 31.5384 10.9929 31.3736 11.0213C31.2088 11.0469 31.0483 11.071 30.892 11.0938C30.7358 11.1136 30.6051 11.1307 30.5 11.1449C30.2528 11.1761 30.027 11.2287 29.8224 11.3026C29.6207 11.3764 29.4588 11.483 29.3366 11.6222C29.2173 11.7585 29.1577 11.9403 29.1577 12.1676C29.1577 12.483 29.2741 12.7216 29.5071 12.8835C29.7401 13.0426 30.0369 13.1222 30.3977 13.1222Z",fill:"url(#paint0_linear_9312_318)"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"paint0_linear_9312_318",x1:"35",y1:"15.2703",x2:"7.99944",y2:"15.2287",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#874CFD"}),e.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]})})]})]}),e.jsx("div",{className:"gp-flex gp-items-center",children:e.jsx("span",{className:"gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",children:i(t.content)})})]},t.id))]})})};

package/dist/cjs/components/image-to-layout/DropElement.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),index=require("../../constants/index.js");const SALE_FUNNEL_PAGE_TYPES=["GP_FUNNEL_PAGE","GP_PRE_SALE_PAGE"],DropElement=()=>{let{t:e}=core.useI18nStore(),t=core.useShopStore(e=>e.pageType),i=SALE_FUNNEL_PAGE_TYPES.includes(t||""),s="POST_PURCHASE"===t,n=react.useMemo(()=>i?e("Start building with Sections/Elements or"):s?e("Start with Templates from sidebar"):e("Start with Sections from sidebar"),[i,s,e]),r=react.useMemo(()=>i?e("Use existing page designs"):s?e("Add templates"):e("Add sections"),[i,s,e]),x=()=>{if(i){p(index.LIBRARY_TYPE_ENUM.EXISTING_PAGES);return}if(s){p(index.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL);return}l(!0)},l=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)},p=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)},g=e=>{let t=new CustomEvent("editor:sidebar:click-img-to-layout-gallery-btn",e);window.dispatchEvent(t)};return jsxRuntime.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[jsxRuntime.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[jsxRuntime.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),jsxRuntime.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),jsxRuntime.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),jsxRuntime.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),jsxRuntime.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),jsxRuntime.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),jsxRuntime.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),jsxRuntime.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),jsxRuntime.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),jsxRuntime.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[jsxRuntime.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:n}),jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:[jsxRuntime.jsx("button",{"data-button-add-section":!0,onClick:x,className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",children:r}),jsxRuntime.jsx("button",{"data-button-add-elements":!0,onClick:()=>{i?p(index.LIBRARY_TYPE_ENUM.TEMPLATES):l(!1)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:i?e("Explore templates"):e("Add elements")})]}),!s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"gp-my-6 gp-flex gp-items-center gp-gap-3 gp-w-full",children:[jsxRuntime.jsx("hr",{className:"gp-flex-1 gp-border-[#D6D6D6] w-full"}),jsxRuntime.jsx("span",{className:"gp-text-[14px] gp-text-[#676767]",children:e("Or")}),jsxRuntime.jsx("hr",{className:"gp-flex-1 gp-border-[#D6D6D6] w-full"})]}),jsxRuntime.jsx("div",{className:"gp-flex gp-items-center gp-gap-2 gp-text-xs",children:jsxRuntime.jsx("div",{onClick:g,"aria-hidden":"true",id:"gp-img-to-layout-gallery-btn",className:"gp-relative gp-cursor-pointer gp-text-[14px] gp-font-medium gp-text-[#3C67FF]",children:e("Start with Generating from URL or image")})})]})]})]})};exports.DropElement=DropElement;
+"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),i=require("react"),s=require("../../constants/index.js");const l=["GP_FUNNEL_PAGE","GP_PRE_SALE_PAGE"];exports.DropElement=()=>{let{t:r}=t.useI18nStore(),p=t.useShopStore(e=>e.pageType),g=l.includes(p||""),n="POST_PURCHASE"===p,a=i.useMemo(()=>g?r("Start building with Sections/Elements or"):n?r("Start with Templates from sidebar"):r("Start with Sections from sidebar"),[g,n,r]),d=i.useMemo(()=>g?r("Use existing page designs"):n?r("Add templates"):r("Add sections"),[g,n,r]),x=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)},c=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:a}),e.jsxs("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:[e.jsx("button",{"data-button-add-section":!0,onClick:()=>{if(g){c(s.LIBRARY_TYPE_ENUM.EXISTING_PAGES);return}if(n){c(s.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL);return}x(!0)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",children:d}),e.jsx("button",{"data-button-add-elements":!0,onClick:()=>{g?c(s.LIBRARY_TYPE_ENUM.TEMPLATES):x(!1)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:g?r("Explore templates"):r("Add elements")})]}),!n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"gp-my-6 gp-flex gp-items-center gp-gap-3 gp-w-full",children:[e.jsx("hr",{className:"gp-flex-1 gp-border-[#D6D6D6] w-full"}),e.jsx("span",{className:"gp-text-[14px] gp-text-[#676767]",children:r("Or")}),e.jsx("hr",{className:"gp-flex-1 gp-border-[#D6D6D6] w-full"})]}),e.jsx("div",{className:"gp-flex gp-items-center gp-gap-2 gp-text-xs",children:e.jsx("div",{onClick:e=>{let t=new CustomEvent("editor:sidebar:click-img-to-layout-gallery-btn",e);window.dispatchEvent(t)},"aria-hidden":"true",id:"gp-img-to-layout-gallery-btn",className:"gp-relative gp-cursor-pointer gp-text-[14px] gp-font-medium gp-text-[#3C67FF]",children:r("Start with Generating from URL or image")})})]})]})]})};

package/dist/cjs/components/image-to-layout/ImageToLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),DropElement=require("./DropElement.js");const HEADER_HEIGHT=40,FOOTER_HEIGHT=50,ImageToLayout=({editorImageToLayout:e})=>{let t=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),r=core.useBuilderPreviewStore(e=>e.loaded);return r?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{id:"gp-img-to-layout-wrapper",className:core.cls("sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]",{"gp-hidden":!e||!!t,"gp-flex":e&&!t}),style:{height:"calc(100vh - 90px)"},children:jsxRuntime.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:jsxRuntime.jsx(DropElement.DropElement,{})})}),jsxRuntime.jsx("div",{className:"limited-section"})]}):null};exports.default=ImageToLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("@gem-sdk/core"),p=require("./DropElement.js");exports.default=({editorImageToLayout:r})=>{let t=l.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),s=l.useBuilderPreviewStore(e=>e.loaded);return s?e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"gp-img-to-layout-wrapper",className:l.cls("sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]",{"gp-hidden":!r||!!t,"gp-flex":r&&!t}),style:{height:"calc(100vh - 90px)"},children:e.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:e.jsx(p.DropElement,{})})}),e.jsx("div",{className:"limited-section"})]}):null};