@gem-sdk/core 1.14.0-dev.721 → 1.14.0-dev.729

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ShopContext=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr"),require("swr/mutation"),require("vanilla-lazyload"),require("../hooks/useCartUI.js");var CreateThemeSection=require("./theme-section/CreateThemeSection.js"),Tooltip=require("./toolbar/Tooltip.js"),ThemeSectionStatus=require("./theme-section/ThemeSectionStatus.js"),useToolbarPostPurchase=require("../hooks/useToolbarPostPurchase.js"),Resize=require("./resize/Resize.js");require("../helpers/convert.js");const SECTION_LIMIT=25,notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},isSection=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t},ComponentToolbarPreview=({...e})=>{let t=e.isThemeSection,i=ShopContext.useShopStore(e=>e.pageType),o=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getParents),n=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getItem("ROOT")),r=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[l,a]=react.useState(null),[s,d]=react.useState(!1),[u,c]=react.useState(!1),[C,h]=react.useState([]),[m,x]=react.useState("top"),{isUnableDelete:p,tooltipText:j,isDisableDuplicate:v}=useToolbarPostPurchase.usePostPurchase(e.uid,e.tag||""),b=react.useMemo(()=>p(),[p]),g=(e,t)=>{let i=C.length,o=e.getBoundingClientRect(),n=t.getBoundingClientRect();return o.top-n.top<36*i},w=(e,t)=>{let i=t||e;if(e&&!isSection(e))return notVisible(e)&&g(t,e)?e:e.parentElement?w(e.parentElement,i):void 0},R=react.useCallback(t=>{let i=t.detail;if(i?.componentUid==e.uid){let t=o(e.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&r||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);h(t)}else h([]),d(!1)},[h,o,e.uid,r]),S=react.useCallback(()=>{if("Section"==e.tag)return"bottom";let t=document.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?x("bottom"):x("top")}},[e.tag]);if(react.useEffect(()=>{let e=document.querySelector('[data-toolbar-delete="true"]');return e&&window.addEventListener("mouseover",S),window.addEventListener("editor:active-component",R),()=>{window.removeEventListener("editor:active-component",R),window.removeEventListener("mousemove",R)}},[S,R]),"section"===e.type||e.editorConfigs?.toolbar?.hide)return null;let f=()=>n?.childrens?.length||0,T=()=>"Section"!==e.tag?-1:n?.childrens?.length?n.childrens.findIndex(t=>t==e.uid):-1,P=e=>{if(!C.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(s)c(!1),d(!1);else{let e=w(i,i);if(e)c(!0);else{let e=i.getBoundingClientRect();e.top<36*C.length?c(!0):c(!1)}d(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!s}});window.dispatchEvent(o)},H=i=>{i.preventDefault(),i.stopPropagation();let o=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},V=i=>{if(i.preventDefault(),i.stopPropagation(),f()>=25&&"Section"==e.tag)return!1;let o=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},M=t=>{t.preventDefault(),t.stopPropagation();let i=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:e.uid}});return window.dispatchEvent(i),!1},E=()=>{a(null),window.removeEventListener("editor:close-add-section-popup",E)},Z=(t,i)=>{if(t.preventDefault(),t.stopPropagation(),f()>=25)return!1;let o=t.target;if(o){a(i);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:e.uid,position:i,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",E)}return!1},B=()=>{let t=e.name&&e.name===`Section ${e.uid}`;return f()>=20?`${t?"Section":e?.name} ${T()+1}/25`:t?`Section ${T()+1}`:e?.name};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!("Section"==e.tag&&r)&&jsxRuntime.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==e.tag,"data-toolbar-theme-section":"Section"==e.tag&&!!t||r,"data-toolbar-limit":T()>=25,children:[jsxRuntime.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>P(e),"aria-hidden":"true",children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==e.tag?jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:B()}):jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:e.customLabel||e.label}),"Section"!==e.tag&&C.length>0&&jsxRuntime.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":s,children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),s&&C.map((e,t)=>{let i=e?.childrens?.length??0,o=e.label;return"Row"===e.label&&(o=i<=1?e.label+" "+i+" col":e.label+" "+i+" cols"),jsxRuntime.jsxs("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":r,"data-toolbar-parent-revert":u,style:{top:u?`${36*(t+1)}px`:`${-36*(t+1)}px`},children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:o})]},e.uid)}),"Section"===e.tag&&!e.isThemeSection&&"STATIC"!==i&&"POST_PURCHASE"!==i&&25>T()&&jsxRuntime.jsx(CreateThemeSection.CreateThemeSection,{...e}),"Sticky"==e.tag&&jsxRuntime.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>M(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{enable:"Section"==e.tag&&f()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==e.tag&&f()>=25||v(),onClick:v()?void 0:e=>V(e),"aria-hidden":"true",className:v()?"!gp-cursor-not-allowed":"",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{"data-toolbar-delete":!0,onClick:e=>b?null:H(e),enable:b,"data-toolbar-disable":b,width:j().width,text:j().text,position:m,"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==i&&"POST_PURCHASE"!==i&&25>T()&&jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper,{...e}),jsxRuntime.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==e.tag,"data-outline-theme-section":"Section"==e.tag&&!!t||r,"data-outline-limit":T()>=25}),"Section"==e.tag&&!r&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Tooltip.default,{enable:f()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":f()>=25,"data-toolbar-add-open":"above"==l,onClick:e=>Z(e,"above"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),jsxRuntime.jsx(Tooltip.default,{enable:f()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":f()>=25,"data-toolbar-add-open":"below"==l,onClick:e=>Z(e,"below"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),jsxRuntime.jsx(Resize.default,{...e})]})};exports.ComponentToolbarPreview=ComponentToolbarPreview;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ShopContext=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr"),require("swr/mutation"),require("vanilla-lazyload"),require("../hooks/useCartUI.js");var CreateThemeSection=require("./theme-section/CreateThemeSection.js"),Tooltip=require("./toolbar/Tooltip.js"),ThemeSectionStatus=require("./theme-section/ThemeSectionStatus.js"),useToolbarPostPurchase=require("../hooks/useToolbarPostPurchase.js"),Resize=require("./resize/Resize.js");require("../helpers/convert.js");const SECTION_LIMIT=25,notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},isSection=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t},ComponentToolbarPreview=({...e})=>{let t=e.isThemeSection,i=ShopContext.useShopStore(e=>e.pageType),o=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getParents),n=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getItem("ROOT")),r=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[a,l]=react.useState(null),[s,d]=react.useState(!1),[u,c]=react.useState(!1),[C,h]=react.useState([]),[m,x]=react.useState("top"),[p,j]=react.useState(!0),[v,b]=react.useState({width:"",text:""}),[g,S]=react.useState(!0),w=react.useMemo(()=>"POST_PURCHASE"===i||"GP_FUNNEL_PAGE"===i,[i]),{checkDisableDelete:R,getTooltipText:f,checkDisableDuplicate:T}=useToolbarPostPurchase.usePostPurchase(e.uid,e.tag||""),P=(e,t)=>{let i=C.length,o=e.getBoundingClientRect(),n=t.getBoundingClientRect();return o.top-n.top<36*i},H=(e,t)=>{let i=t||e;if(e&&!isSection(e))return notVisible(e)&&P(t,e)?e:e.parentElement?H(e.parentElement,i):void 0},V=react.useCallback(t=>{let i=t.detail;if(i?.componentUid==e.uid){w&&(j(R()),b(f()),S(T()));let t=o(e.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&r||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);h(t)}else h([]),d(!1)},[e.uid,w,o,R,f,T,r]),E=react.useCallback(()=>{if("Section"==e.tag)return"bottom";let t=document.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?x("bottom"):x("top")}},[e.tag]);if(react.useEffect(()=>{let e=document.querySelector('[data-toolbar-delete="true"]');return e&&window.addEventListener("mouseover",E),window.addEventListener("editor:active-component",V),()=>{window.removeEventListener("editor:active-component",V),window.removeEventListener("mousemove",V)}},[E,V]),"section"===e.type||e.editorConfigs?.toolbar?.hide)return null;let M=()=>n?.childrens?.length||0,Z=()=>"Section"!==e.tag?-1:n?.childrens?.length?n.childrens.findIndex(t=>t==e.uid):-1,B=e=>{if(!C.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(s)c(!1),d(!1);else{let e=H(i,i);if(e)c(!0);else{let e=i.getBoundingClientRect();e.top<36*C.length?c(!0):c(!1)}d(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!s}});window.dispatchEvent(o)},L=i=>{i.preventDefault(),i.stopPropagation();let o=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},q=i=>{if(i.preventDefault(),i.stopPropagation(),M()>=25&&"Section"==e.tag)return!1;let o=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},k=t=>{t.preventDefault(),t.stopPropagation();let i=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:e.uid}});return window.dispatchEvent(i),!1},y=()=>{l(null),window.removeEventListener("editor:close-add-section-popup",y)},U=(t,i)=>{if(t.preventDefault(),t.stopPropagation(),M()>=25)return!1;let o=t.target;if(o){l(i);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:e.uid,position:i,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",y)}return!1},z=()=>{let t=e.name&&e.name===`Section ${e.uid}`;return M()>=20?`${t?"Section":e?.name} ${Z()+1}/25`:t?`Section ${Z()+1}`:e?.name};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!("Section"==e.tag&&r)&&jsxRuntime.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==e.tag,"data-toolbar-theme-section":"Section"==e.tag&&!!t||r,"data-toolbar-limit":Z()>=25,children:[jsxRuntime.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>B(e),"aria-hidden":"true",children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==e.tag?jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:z()}):jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:e.customLabel||e.label}),"Section"!==e.tag&&C.length>0&&jsxRuntime.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":s,children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),s&&C.map((e,t)=>{let i=e?.childrens?.length??0,o=e.label;return"Row"===e.label&&(o=i<=1?e.label+" "+i+" col":e.label+" "+i+" cols"),jsxRuntime.jsxs("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":r,"data-toolbar-parent-revert":u,style:{top:u?`${36*(t+1)}px`:`${-36*(t+1)}px`},children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:o})]},e.uid)}),"Section"===e.tag&&!e.isThemeSection&&"STATIC"!==i&&"POST_PURCHASE"!==i&&25>Z()&&jsxRuntime.jsx(CreateThemeSection.CreateThemeSection,{...e}),"Sticky"==e.tag&&jsxRuntime.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>k(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{enable:"Section"==e.tag&&M()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==e.tag&&M()>=25||g,onClick:g?void 0:e=>q(e),"aria-hidden":"true",className:g?"!gp-cursor-not-allowed":"",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{"data-toolbar-delete":!0,onClick:e=>p?null:L(e),enable:p,"data-toolbar-disable":p,width:v.width,text:v.text,position:m,"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==i&&"POST_PURCHASE"!==i&&25>Z()&&jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper,{...e}),jsxRuntime.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==e.tag,"data-outline-theme-section":"Section"==e.tag&&!!t||r,"data-outline-limit":Z()>=25}),"Section"==e.tag&&!r&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Tooltip.default,{enable:M()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":M()>=25,"data-toolbar-add-open":"above"==a,onClick:e=>U(e,"above"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),jsxRuntime.jsx(Tooltip.default,{enable:M()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":M()>=25,"data-toolbar-add-open":"below"==a,onClick:e=>U(e,"below"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),jsxRuntime.jsx(Resize.default,{...e})]})};exports.ComponentToolbarPreview=ComponentToolbarPreview;

package/dist/cjs/graphql-app-api/queries/LibraryTemplate.generated.js

@@ -0,0 +1,13 @@
+"use strict";const LibraryTemplateDocument=`
+    query LibraryTemplate($libraryTemplateId: ID!) {
+  libraryTemplate(id: $libraryTemplateId) {
+    id
+    name
+    sectionPosition
+    sections {
+      id
+      component
+    }
+  }
+}
+    `;exports.LibraryTemplateDocument=LibraryTemplateDocument;

package/dist/cjs/graphql-app-api/queries/ThemePage.generated.js

@@ -0,0 +1,21 @@
+"use strict";const ThemePageDocument=`
+    query ThemePage($themePageId: ID!) {
+  themePage(id: $themePageId) {
+    id
+    name
+    handle
+    isMobile
+    sectionPosition
+    pageSections {
+      cid
+      component
+      id
+    }
+    themeStyle {
+      id
+      data
+      name
+    }
+  }
+}
+    `;exports.ThemePageDocument=ThemePageDocument;

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -1 +1 @@
-"use strict";var constant=require("../components/constant.js"),ShopContext=require("../contexts/ShopContext.js");const usePostPurchase=(e,t)=>{let r=ShopContext.useShopStore(e=>e.pageType),n=(e,r)=>{let n=e||t,o=0,s=(r||document).querySelectorAll(`[data-component-tag="${n}"]`);if("PostPurchaseProductOffer"===n)return s.length;let u="";return r?s.length:(s.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),r=t?.getAttribute("data-uid")||"",s=e.closest('[data-component-tag="Product"]'),c=s?.querySelectorAll(`[data-component-tag="${n}"]`).length||0,a=t?r!==u?c:0:1;t&&(u=r),o+=a}),o)},o=()=>{let e=n();return e<=1},s=()=>{let t=document.querySelector(`[data-uid="${e}"]`);if(!t)return!1;for(let e of constant.postPurchaseRequiredElements){let r=n(e),o=n(e,t);if(o>0&&r-o<1)return!0}return!1},u=constant.postPurchaseRequiredElements.reduce((t,r)=>{let n=document.querySelector(`[data-uid="${e}"]`);if(!n)return 0;let o=n.querySelectorAll(`[data-component-tag="${r}"]`).length;return t+o},0),c=()=>{if("POST_PURCHASE"!==r)return!1;let e=!1;return constant.postPurchaseRequiredElements.includes(t)&&(e=o())?e:!!constant.postPurchaseWrapElements.includes(t)&&u>0&&s()},a=()=>{if(constant.postPurchaseRequiredElements.includes(t))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===t?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{isUnableDelete:c,tooltipText:a,isDisableDuplicate:()=>"GP_FUNNEL_PAGE"===r&&"ProductList"===t}};exports.usePostPurchase=usePostPurchase;
+"use strict";var constant=require("../components/constant.js"),ShopContext=require("../contexts/ShopContext.js");const usePostPurchase=(e,t)=>{let r=ShopContext.useShopStore(e=>e.pageType),n=(e,r)=>{let n=e||t,o=0,s=(r||document).querySelectorAll(`[data-component-tag="${n}"]`);if("PostPurchaseProductOffer"===n)return s.length;let u="";return r?s.length:(s.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),r=t?.getAttribute("data-uid")||"",s=e.closest('[data-component-tag="Product"]'),c=s?.querySelectorAll(`[data-component-tag="${n}"]`).length||0,a=t?r!==u?c:0:1;t&&(u=r),o+=a}),o)},o=()=>{let e=n();return e<=1},s=()=>{let t=document.querySelector(`[data-uid="${e}"]`);if(!t)return!1;for(let e of constant.postPurchaseRequiredElements){let r=n(e),o=n(e,t);if(o>0&&r-o<1)return!0}return!1},u=()=>constant.postPurchaseRequiredElements.reduce((t,r)=>{let n=document.querySelector(`[data-uid="${e}"]`);if(!n)return 0;let o=n.querySelectorAll(`[data-component-tag="${r}"]`).length;return t+o},0),c=()=>{if("POST_PURCHASE"!==r)return!1;let e=!1;return constant.postPurchaseRequiredElements.includes(t)&&(e=o())?e:!!(constant.postPurchaseWrapElements.includes(t)&&u()>0)&&s()},a=()=>{if(constant.postPurchaseRequiredElements.includes(t))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===t?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{checkDisableDelete:c,getTooltipText:a,checkDisableDuplicate:()=>"GP_FUNNEL_PAGE"===r&&"ProductList"===t}};exports.usePostPurchase=usePostPurchase;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),PageContext=require("./contexts/PageContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),borders=require("./helpers/borders.js"),carousel=require("./helpers/carousel.js"),cls=require("./helpers/cls.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isSafari=require("./helpers/is-safari.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),filterToolbarPreview=require("./helpers/filter-toolbar-preview.js"),animations=require("./helpers/animations.js"),makeStyle=require("./helpers/make-style.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),spacing=require("./helpers/spacing.js"),loadScript=require("./helpers/load-script.js"),email=require("./helpers/email.js"),cssVariable=require("./helpers/css-variable.js"),layout=require("./helpers/layout.js"),isDefined=require("./helpers/is-defined.js"),colors=require("./helpers/colors.js"),typography=require("./helpers/typography.js"),radius=require("./helpers/radius.js"),product=require("./helpers/product.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),render=require("./helpers/render.js"),convert=require("./helpers/convert.js"),size=require("./helpers/size.js"),shadow=require("./helpers/shadow.js"),background=require("./helpers/background.js"),query=require("./helpers/query.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),iconList=require("./helpers/icon-list.js"),covertEntitiesHtml=require("./helpers/covert-entities-html.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),react=require("react"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useProduct=require("./hooks/useProduct.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),useInitialSwatchesOptions=require("./hooks/useInitialSwatchesOptions.js"),shop$1=require("./types/shop.js"),globalStyle=require("./types/global-style.js"),animations$1=require("./types/animations.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.WrapRenderChildren=Render_liquid.WrapRenderChildren,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.PageProvider=PageContext.PageProvider,exports.usePageStore=PageContext.usePageStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewPageDocument=previewPage_generated.PreviewPageDocument,exports.composeBorderCss=borders.composeBorderCss,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.getCarouselContainerHeight=carousel.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=carousel.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=carousel.makeDotGapToCarouselStyle,exports.cls=cls.cls,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.isColumnDirectionExist=getResonsiveValue.isColumnDirectionExist,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isSafari=isSafari.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.filterToolbarPreview=filterToolbarPreview.filterToolbarPreview,exports.animations=animations.animations,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=makeStyle.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=makeStyle.makeGlobalSizeWidthResponsive,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleKey=makeStyle.makeStyleKey,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveByScreen=makeStyle.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.loadScript=loadScript.loadScript,exports.validateEmail=email.validateEmail,exports.genVariable=cssVariable.genVariable,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.isDefined=isDefined.isDefined,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeFallbackTypographyStyle=typography.composeFallbackTypographyStyle,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.composeRadiusResponsive=radius.composeRadiusResponsive,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.styles=render.styles,exports.template=render.template,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.getAspectRatioGlobalSize=size.getAspectRatioGlobalSize,exports.getGlobalSizeGap=size.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=size.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=size.getPaddingGlobalSize,exports.getWidthByShapeGlobalSize=size.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=size.getWidthHeightGlobalSize,exports.makeGlobalSize=size.makeGlobalSize,exports.makeStyleWithDefault=size.makeStyleWithDefault,exports.composeShadowCss=shadow.composeShadowCss,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.GRADIENT_BGR_KEY=background.GRADIENT_BGR_KEY,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getBgImageByDevice=background.getBgImageByDevice,exports.getGradientBgrStyleByDevice=background.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=background.getGradientBgrStyleForButton,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.makeFixedBgAttachment=background.makeFixedBgAttachment,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyle.composeAdvanceStyleForPostPurchase,exports.filterAttrInStyle=composeAdvanceStyle.filterAttrInStyle,exports.filterCornerInStyle=composeAdvanceStyle.filterCornerInStyle,exports.removeAttrInStyle=composeAdvanceStyle.removeAttrInStyle,exports.removePaddingYInStyle=composeAdvanceStyle.removePaddingYInStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.composePositionLineHeight=iconList.composePositionLineHeight,exports.composePostionIconList=iconList.composePostionIconList,exports.convertHTML=covertEntitiesHtml.convertHTML,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useFormatMoney=useFormatMoney.useFormatMoney,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useIsSyncProduct=useProduct.useIsSyncProduct,exports.useProduct=useProduct.useProduct,exports.useProductOfferDiscount=useProduct.useProductOfferDiscount,exports.useProductProperties=useProduct.useProductProperties,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.useInitialSwatchesOptions=useInitialSwatchesOptions.default,exports.ShopType=shop$1,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return animations$1.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return animations$1.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return animations$1.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return animations$1.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationZoomDirectionType}}),exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug;
+"use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),PageContext=require("./contexts/PageContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),ThemePage_generated=require("./graphql-app-api/queries/ThemePage.generated.js"),LibraryTemplate_generated=require("./graphql-app-api/queries/LibraryTemplate.generated.js"),borders=require("./helpers/borders.js"),carousel=require("./helpers/carousel.js"),cls=require("./helpers/cls.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isSafari=require("./helpers/is-safari.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),filterToolbarPreview=require("./helpers/filter-toolbar-preview.js"),animations=require("./helpers/animations.js"),makeStyle=require("./helpers/make-style.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),spacing=require("./helpers/spacing.js"),loadScript=require("./helpers/load-script.js"),email=require("./helpers/email.js"),cssVariable=require("./helpers/css-variable.js"),layout=require("./helpers/layout.js"),isDefined=require("./helpers/is-defined.js"),colors=require("./helpers/colors.js"),typography=require("./helpers/typography.js"),radius=require("./helpers/radius.js"),product=require("./helpers/product.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),render=require("./helpers/render.js"),convert=require("./helpers/convert.js"),size=require("./helpers/size.js"),shadow=require("./helpers/shadow.js"),background=require("./helpers/background.js"),query=require("./helpers/query.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),iconList=require("./helpers/icon-list.js"),covertEntitiesHtml=require("./helpers/covert-entities-html.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),react=require("react"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useProduct=require("./hooks/useProduct.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),useInitialSwatchesOptions=require("./hooks/useInitialSwatchesOptions.js"),shop$1=require("./types/shop.js"),appAPI=require("./types/appAPI.js"),globalStyle=require("./types/global-style.js"),animations$1=require("./types/animations.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.WrapRenderChildren=Render_liquid.WrapRenderChildren,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.PageProvider=PageContext.PageProvider,exports.usePageStore=PageContext.usePageStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewPageDocument=previewPage_generated.PreviewPageDocument,exports.ThemePageDocument=ThemePage_generated.ThemePageDocument,exports.LibraryTemplateDocument=LibraryTemplate_generated.LibraryTemplateDocument,exports.composeBorderCss=borders.composeBorderCss,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.getCarouselContainerHeight=carousel.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=carousel.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=carousel.makeDotGapToCarouselStyle,exports.cls=cls.cls,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.isColumnDirectionExist=getResonsiveValue.isColumnDirectionExist,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isSafari=isSafari.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.filterToolbarPreview=filterToolbarPreview.filterToolbarPreview,exports.animations=animations.animations,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=makeStyle.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=makeStyle.makeGlobalSizeWidthResponsive,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleKey=makeStyle.makeStyleKey,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveByScreen=makeStyle.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.loadScript=loadScript.loadScript,exports.validateEmail=email.validateEmail,exports.genVariable=cssVariable.genVariable,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.isDefined=isDefined.isDefined,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeFallbackTypographyStyle=typography.composeFallbackTypographyStyle,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.composeRadiusResponsive=radius.composeRadiusResponsive,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.styles=render.styles,exports.template=render.template,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.getAspectRatioGlobalSize=size.getAspectRatioGlobalSize,exports.getGlobalSizeGap=size.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=size.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=size.getPaddingGlobalSize,exports.getWidthByShapeGlobalSize=size.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=size.getWidthHeightGlobalSize,exports.makeGlobalSize=size.makeGlobalSize,exports.makeStyleWithDefault=size.makeStyleWithDefault,exports.composeShadowCss=shadow.composeShadowCss,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.GRADIENT_BGR_KEY=background.GRADIENT_BGR_KEY,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getBgImageByDevice=background.getBgImageByDevice,exports.getGradientBgrStyleByDevice=background.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=background.getGradientBgrStyleForButton,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.makeFixedBgAttachment=background.makeFixedBgAttachment,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyle.composeAdvanceStyleForPostPurchase,exports.filterAttrInStyle=composeAdvanceStyle.filterAttrInStyle,exports.filterCornerInStyle=composeAdvanceStyle.filterCornerInStyle,exports.removeAttrInStyle=composeAdvanceStyle.removeAttrInStyle,exports.removePaddingYInStyle=composeAdvanceStyle.removePaddingYInStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.composePositionLineHeight=iconList.composePositionLineHeight,exports.composePostionIconList=iconList.composePostionIconList,exports.convertHTML=covertEntitiesHtml.convertHTML,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useFormatMoney=useFormatMoney.useFormatMoney,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useIsSyncProduct=useProduct.useIsSyncProduct,exports.useProduct=useProduct.useProduct,exports.useProductOfferDiscount=useProduct.useProductOfferDiscount,exports.useProductProperties=useProduct.useProductProperties,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.useInitialSwatchesOptions=useInitialSwatchesOptions.default,exports.ShopType=shop$1,exports.AppAPIType=appAPI,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return animations$1.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return animations$1.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return animations$1.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return animations$1.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationZoomDirectionType}}),exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug;

package/dist/cjs/types/appAPI.js

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/components/ComponentToolbarPreview.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as i,useMemo as n,useCallback as l,useEffect as r}from"react";import"zustand";import{useBuilderPreviewStore as a}from"../contexts/BuilderPreviewContext.js";import{useShopStore as d}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import{CreateThemeSection as C}from"./theme-section/CreateThemeSection.js";import c from"./toolbar/Tooltip.js";import{ThemeSectionStatusWrapper as s}from"./theme-section/ThemeSectionStatus.js";import{usePostPurchase as h}from"../hooks/useToolbarPostPurchase.js";import p from"./resize/Resize.js";import"../helpers/convert.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=({...u})=>{let m=u.isThemeSection,b=d(t=>t.pageType),g=a(t=>t.getParents),v=a(t=>t.getItem("ROOT")),f=a(t=>t.isThemeSectionEditor),[w,S]=i(null),[H,V]=i(!1),[M,x]=i(!1),[Z,E]=i([]),[T,L]=i("top"),{isUnableDelete:P,tooltipText:R,isDisableDuplicate:B}=h(u.uid,u.tag||""),y=n(()=>P(),[P]),j=(t,e)=>{let o=Z.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36*o},k=(t,e)=>{let o=e||t;if(t&&!isSection(t))return notVisible(t)&&j(e,t)?t:t.parentElement?k(t.parentElement,o):void 0},I=l(t=>{let e=t.detail;if(e?.componentUid==u.uid){let t=g(u.uid).filter(t=>!("ROOT"===t.uid||"Section"===t.tag&&f||t.editorConfigs?.toolbar?.hide||t.editorConfigs?.component?.noSetting)).slice(0,3);E(t)}else E([]),V(!1)},[E,g,u.uid,f]),U=l(()=>{if("Section"==u.tag)return"bottom";let t=document.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?L("bottom"):L("top")}},[u.tag]);if(r(()=>{let t=document.querySelector('[data-toolbar-delete="true"]');return t&&window.addEventListener("mouseover",U),window.addEventListener("editor:active-component",I),()=>{window.removeEventListener("editor:active-component",I),window.removeEventListener("mousemove",I)}},[U,I]),"section"===u.type||u.editorConfigs?.toolbar?.hide)return null;let O=()=>v?.childrens?.length||0,z=()=>"Section"!==u.tag?-1:v?.childrens?.length?v.childrens.findIndex(t=>t==u.uid):-1,$=t=>{if(!Z.length)return;let e=t?.target||null,o=e.closest("[data-toolbar-active]");if(!e||!o)return;if(H)x(!1),V(!1);else{let t=k(o,o);if(t)x(!0);else{let t=o.getBoundingClientRect();t.top<36*Z.length?x(!0):x(!1)}V(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!H}});window.dispatchEvent(i)},A=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:u.uid,isThemeSection:m}});return window.dispatchEvent(e),!1},D=t=>{if(t.preventDefault(),t.stopPropagation(),O()>=25&&"Section"==u.tag)return!1;let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:u.uid,isThemeSection:m}});return window.dispatchEvent(e),!1},_=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:u.uid}});return window.dispatchEvent(e),!1},q=()=>{S(null),window.removeEventListener("editor:close-add-section-popup",q)},N=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),O()>=25)return!1;let o=t.target;if(o){S(e);let t=o.getBoundingClientRect(),i=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:u.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(i),window.addEventListener("editor:close-add-section-popup",q)}return!1},F=()=>{let t=u.name&&u.name===`Section ${u.uid}`;return O()>=20?`${t?"Section":u?.name} ${z()+1}/25`:t?`Section ${z()+1}`:u?.name};return t(e,{children:[!("Section"==u.tag&&f)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==u.tag,"data-toolbar-theme-section":"Section"==u.tag&&!!m||f,"data-toolbar-limit":z()>=25,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>$(t),"aria-hidden":"true",children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==u.tag?o("div",{"data-toolbar-name":!0,children:F()}):o("div",{"data-toolbar-name":!0,children:u.customLabel||u.label}),"Section"!==u.tag&&Z.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":H,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),H&&Z.map((e,i)=>{let n=e?.childrens?.length??0,l=e.label;return"Row"===e.label&&(l=n<=1?e.label+" "+n+" col":e.label+" "+n+" cols"),t("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":f,"data-toolbar-parent-revert":M,style:{top:M?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:l})]},e.uid)}),"Section"===u.tag&&!u.isThemeSection&&"STATIC"!==b&&"POST_PURCHASE"!==b&&25>z()&&o(C,{...u}),"Sticky"==u.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>_(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),o(c,{enable:"Section"==u.tag&&O()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==u.tag&&O()>=25||B(),onClick:B()?void 0:t=>D(t),"aria-hidden":"true",className:B()?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o(c,{"data-toolbar-delete":!0,onClick:t=>y?null:A(t),enable:y,"data-toolbar-disable":y,width:R().width,text:R().text,position:T,"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==b&&"POST_PURCHASE"!==b&&25>z()&&o(s,{...u}),o("div",{"data-outline":!0,"data-outline-section":"Section"==u.tag,"data-outline-theme-section":"Section"==u.tag&&!!m||f,"data-outline-limit":z()>=25}),"Section"==u.tag&&!f&&t(e,{children:[o(c,{enable:O()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":O()>=25,"data-toolbar-add-open":"above"==w,onClick:t=>N(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),o(c,{enable:O()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":O()>=25,"data-toolbar-add-open":"below"==w,onClick:t=>N(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),o(p,{...u})]})};export{ComponentToolbarPreview};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as i,useMemo as n,useCallback as l,useEffect as r}from"react";import"zustand";import{useBuilderPreviewStore as a}from"../contexts/BuilderPreviewContext.js";import{useShopStore as d}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import{CreateThemeSection as C}from"./theme-section/CreateThemeSection.js";import c from"./toolbar/Tooltip.js";import{ThemeSectionStatusWrapper as s}from"./theme-section/ThemeSectionStatus.js";import{usePostPurchase as h}from"../hooks/useToolbarPostPurchase.js";import p from"./resize/Resize.js";import"../helpers/convert.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=({...u})=>{let m=u.isThemeSection,b=d(t=>t.pageType),g=a(t=>t.getParents),v=a(t=>t.getItem("ROOT")),f=a(t=>t.isThemeSectionEditor),[w,S]=i(null),[H,V]=i(!1),[E,x]=i(!1),[M,T]=i([]),[Z,L]=i("top"),[P,R]=i(!0),[B,y]=i({width:"",text:""}),[j,k]=i(!0),U=n(()=>"POST_PURCHASE"===b||"GP_FUNNEL_PAGE"===b,[b]),{checkDisableDelete:I,getTooltipText:O,checkDisableDuplicate:A}=h(u.uid,u.tag||""),z=(t,e)=>{let o=M.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36*o},$=(t,e)=>{let o=e||t;if(t&&!isSection(t))return notVisible(t)&&z(e,t)?t:t.parentElement?$(t.parentElement,o):void 0},_=l(t=>{let e=t.detail;if(e?.componentUid==u.uid){U&&(R(I()),y(O()),k(A()));let t=g(u.uid).filter(t=>!("ROOT"===t.uid||"Section"===t.tag&&f||t.editorConfigs?.toolbar?.hide||t.editorConfigs?.component?.noSetting)).slice(0,3);T(t)}else T([]),V(!1)},[u.uid,U,g,I,O,A,f]),D=l(()=>{if("Section"==u.tag)return"bottom";let t=document.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?L("bottom"):L("top")}},[u.tag]);if(r(()=>{let t=document.querySelector('[data-toolbar-delete="true"]');return t&&window.addEventListener("mouseover",D),window.addEventListener("editor:active-component",_),()=>{window.removeEventListener("editor:active-component",_),window.removeEventListener("mousemove",_)}},[D,_]),"section"===u.type||u.editorConfigs?.toolbar?.hide)return null;let N=()=>v?.childrens?.length||0,q=()=>"Section"!==u.tag?-1:v?.childrens?.length?v.childrens.findIndex(t=>t==u.uid):-1,G=t=>{if(!M.length)return;let e=t?.target||null,o=e.closest("[data-toolbar-active]");if(!e||!o)return;if(H)x(!1),V(!1);else{let t=$(o,o);if(t)x(!0);else{let t=o.getBoundingClientRect();t.top<36*M.length?x(!0):x(!1)}V(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!H}});window.dispatchEvent(i)},F=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:u.uid,isThemeSection:m}});return window.dispatchEvent(e),!1},J=t=>{if(t.preventDefault(),t.stopPropagation(),N()>=25&&"Section"==u.tag)return!1;let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:u.uid,isThemeSection:m}});return window.dispatchEvent(e),!1},K=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:u.uid}});return window.dispatchEvent(e),!1},Q=()=>{S(null),window.removeEventListener("editor:close-add-section-popup",Q)},W=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),N()>=25)return!1;let o=t.target;if(o){S(e);let t=o.getBoundingClientRect(),i=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:u.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(i),window.addEventListener("editor:close-add-section-popup",Q)}return!1},X=()=>{let t=u.name&&u.name===`Section ${u.uid}`;return N()>=20?`${t?"Section":u?.name} ${q()+1}/25`:t?`Section ${q()+1}`:u?.name};return t(e,{children:[!("Section"==u.tag&&f)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==u.tag,"data-toolbar-theme-section":"Section"==u.tag&&!!m||f,"data-toolbar-limit":q()>=25,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>G(t),"aria-hidden":"true",children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==u.tag?o("div",{"data-toolbar-name":!0,children:X()}):o("div",{"data-toolbar-name":!0,children:u.customLabel||u.label}),"Section"!==u.tag&&M.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":H,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),H&&M.map((e,i)=>{let n=e?.childrens?.length??0,l=e.label;return"Row"===e.label&&(l=n<=1?e.label+" "+n+" col":e.label+" "+n+" cols"),t("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":f,"data-toolbar-parent-revert":E,style:{top:E?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:l})]},e.uid)}),"Section"===u.tag&&!u.isThemeSection&&"STATIC"!==b&&"POST_PURCHASE"!==b&&25>q()&&o(C,{...u}),"Sticky"==u.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>K(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),o(c,{enable:"Section"==u.tag&&N()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==u.tag&&N()>=25||j,onClick:j?void 0:t=>J(t),"aria-hidden":"true",className:j?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o(c,{"data-toolbar-delete":!0,onClick:t=>P?null:F(t),enable:P,"data-toolbar-disable":P,width:B.width,text:B.text,position:Z,"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==b&&"POST_PURCHASE"!==b&&25>q()&&o(s,{...u}),o("div",{"data-outline":!0,"data-outline-section":"Section"==u.tag,"data-outline-theme-section":"Section"==u.tag&&!!m||f,"data-outline-limit":q()>=25}),"Section"==u.tag&&!f&&t(e,{children:[o(c,{enable:N()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":N()>=25,"data-toolbar-add-open":"above"==w,onClick:t=>W(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),o(c,{enable:N()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":N()>=25,"data-toolbar-add-open":"below"==w,onClick:t=>W(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),o(p,{...u})]})};export{ComponentToolbarPreview};

package/dist/esm/graphql-app-api/queries/LibraryTemplate.generated.js

@@ -0,0 +1,13 @@
+let LibraryTemplateDocument=`
+    query LibraryTemplate($libraryTemplateId: ID!) {
+  libraryTemplate(id: $libraryTemplateId) {
+    id
+    name
+    sectionPosition
+    sections {
+      id
+      component
+    }
+  }
+}
+    `;export{LibraryTemplateDocument};

package/dist/esm/graphql-app-api/queries/ThemePage.generated.js

@@ -0,0 +1,21 @@
+let ThemePageDocument=`
+    query ThemePage($themePageId: ID!) {
+  themePage(id: $themePageId) {
+    id
+    name
+    handle
+    isMobile
+    sectionPosition
+    pageSections {
+      cid
+      component
+      id
+    }
+    themeStyle {
+      id
+      data
+      name
+    }
+  }
+}
+    `;export{ThemePageDocument};

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -1 +1 @@
-import{postPurchaseRequiredElements as e,postPurchaseWrapElements as t}from"../components/constant.js";import{useShopStore as r}from"../contexts/ShopContext.js";let usePostPurchase=(n,o)=>{let u=r(e=>e.pageType),l=(e,t)=>{let r=e||o,n=0,u=(t||document).querySelectorAll(`[data-component-tag="${r}"]`);if("PostPurchaseProductOffer"===r)return u.length;let l="";return t?u.length:(u.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),o=t?.getAttribute("data-uid")||"",u=e.closest('[data-component-tag="Product"]'),c=u?.querySelectorAll(`[data-component-tag="${r}"]`).length||0,a=t?o!==l?c:0:1;t&&(l=o),n+=a}),n)},c=()=>{let e=l();return e<=1},a=()=>{let t=document.querySelector(`[data-uid="${n}"]`);if(!t)return!1;for(let r of e){let e=l(r),n=l(r,t);if(n>0&&e-n<1)return!0}return!1},d=e.reduce((e,t)=>{let r=document.querySelector(`[data-uid="${n}"]`);if(!r)return 0;let o=r.querySelectorAll(`[data-component-tag="${t}"]`).length;return e+o},0),s=()=>{if("POST_PURCHASE"!==u)return!1;let r=!1;return e.includes(o)&&(r=c())?r:!!t.includes(o)&&d>0&&a()},i=()=>{if(e.includes(o))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===o?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{isUnableDelete:s,tooltipText:i,isDisableDuplicate:()=>"GP_FUNNEL_PAGE"===u&&"ProductList"===o}};export{usePostPurchase};
+import{postPurchaseRequiredElements as e,postPurchaseWrapElements as t}from"../components/constant.js";import{useShopStore as r}from"../contexts/ShopContext.js";let usePostPurchase=(n,o)=>{let u=r(e=>e.pageType),l=(e,t)=>{let r=e||o,n=0,u=(t||document).querySelectorAll(`[data-component-tag="${r}"]`);if("PostPurchaseProductOffer"===r)return u.length;let l="";return t?u.length:(u.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),o=t?.getAttribute("data-uid")||"",u=e.closest('[data-component-tag="Product"]'),c=u?.querySelectorAll(`[data-component-tag="${r}"]`).length||0,a=t?o!==l?c:0:1;t&&(l=o),n+=a}),n)},c=()=>{let e=l();return e<=1},a=()=>{let t=document.querySelector(`[data-uid="${n}"]`);if(!t)return!1;for(let r of e){let e=l(r),n=l(r,t);if(n>0&&e-n<1)return!0}return!1},d=()=>e.reduce((e,t)=>{let r=document.querySelector(`[data-uid="${n}"]`);if(!r)return 0;let o=r.querySelectorAll(`[data-component-tag="${t}"]`).length;return e+o},0),s=()=>{if("POST_PURCHASE"!==u)return!1;let r=!1;return e.includes(o)&&(r=c())?r:!!(t.includes(o)&&d()>0)&&a()},i=()=>{if(e.includes(o))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===o?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{checkDisableDelete:s,getTooltipText:i,checkDisableDuplicate:()=>"GP_FUNNEL_PAGE"===u&&"ProductList"===o}};export{usePostPurchase};

package/dist/esm/index.js

@@ -1 +1 @@
-export{default as AddOn}from"./components/AddOn.js";export{default as Render}from"./components/Render.js";export{default as RenderPreview}from"./components/RenderPreview.js";export{RenderChildren,default as RenderLiquid,WrapRenderChildren}from"./components/Render.liquid.js";export{AddonProvider,useAddon,useAddons}from"./contexts/AddonContext.js";export{BuilderComponentProvider,useBuilderComponent}from"./contexts/BuilderComponent.js";export{BuilderProvider,useBuilderStore}from"./contexts/BuilderContext.js";export{BuilderPreviewProvider,useBuilderPreviewStore}from"./contexts/BuilderPreviewContext.js";export{CartLineProvider,useCartLineStore}from"./contexts/CartLineContext.js";export{ProductListProvider,useProductListStore}from"./contexts/ProductListContext.js";export{ProductProvider,useProductStore}from"./contexts/ProductContext.js";export{SectionProvider,useSection,useSectionStore}from"./contexts/SectionContext.js";export{ShopProvider,useShopStore}from"./contexts/ShopContext.js";export{PageProvider,usePageStore}from"./contexts/PageContext.js";export{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.js";export{PageViewUpDocument}from"./graphql/mutations/page-view-up.generated.js";export{CollectionDetailFilterDocument}from"./graphql/queries/collection-detail-filter.generated.js";export{CollectionDocument}from"./graphql/queries/collection.generated.js";export{CollectionsDocument}from"./graphql/queries/collections.generated.js";export{PublishedThemePagesDocument}from"./graphql/queries/published-theme-pages.generated.js";export{ProductsDocument}from"./graphql/queries/products.generated.js";export{StorePropertyDocument}from"./graphql/queries/store-property.generated.js";export{PreviewPageDocument}from"./graphql/queries/preview-page.generated.js";export{composeBorderCss,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn}from"./helpers/borders.js";export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle}from"./helpers/carousel.js";export{cls}from"./helpers/cls.js";export{flattenConnection}from"./helpers/flatten-connection.js";export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist}from"./helpers/get-resonsive-value.js";export{getShortName}from"./helpers/get-shortname.js";export{default as globalEvent}from"./helpers/GlobalEvent.js";export{default as isBrowser}from"./helpers/is-browser.js";export{default as isSafari}from"./helpers/is-safari.js";export{isEmptyChildren}from"./helpers/is-empty-children.js";export{filterToolbarPreview}from"./helpers/filter-toolbar-preview.js";export{animations}from"./helpers/animations.js";export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{loadScript}from"./helpers/load-script.js";export{validateEmail}from"./helpers/email.js";export{genVariable}from"./helpers/css-variable.js";export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{isDefined}from"./helpers/is-defined.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeFallbackTypographyStyle,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";import*as e from"./helpers/tracking/fpixel.js";import*as o from"./helpers/tracking/gtag.js";import*as t from"./helpers/tracking/tiktokpixel.js";export{RenderIf,composeMemo,dataStringify,props,styles,template}from"./helpers/render.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeStyleWithDefault}from"./helpers/size.js";export{composeShadowCss,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgImageByDevice,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getStyleBackgroundByDevice,makeFixedBgAttachment}from"./helpers/background.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle}from"./helpers/compose-advance-style.js";export{composePositionLineHeight,composePostionIconList}from"./helpers/icon-list.js";export{convertHTML}from"./helpers/covert-entities-html.js";export{useAddToCart}from"./hooks/cart/use-add-to-cart.js";export{useCartData}from"./hooks/cart/use-cart-data.js";export{useCartDiscountCodesUpdate}from"./hooks/cart/use-cart-discount-codes-update.js";export{useCartNoteUpdate}from"./hooks/cart/use-cart-note-update.js";export{useCreateCart}from"./hooks/cart/use-create-cart.js";export{useRemoveCartItem}from"./hooks/cart/use-remove-cart-item.js";export{useUpdateCartItem}from"./hooks/cart/use-update-cart-item.js";export{useCheckoutUrl,useConnectedShopify,useCurrency,useEditorMode,useIsSampleProduct,useIsStorefrontProduct,useLocale,useMatchMutate,useMobileOnly,useMoneyFormat,usePageType,usePluginEnable,useStoreFront,useSwatches}from"./hooks/shop.js";export{useCollectionQuery}from"./hooks/shop/use-collection-query.js";export{useCollectionsQuery}from"./hooks/shop/use-collections-query.js";export{useProductQuery}from"./hooks/shop/use-product-query.js";export{useProductsQuery}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.js";export{useFormatMoney}from"./hooks/useFormatMoney.js";export{useLazyVideo}from"./hooks/use-lazy-video.js";export{default as useCartId}from"./hooks/useCartId.js";export{default as useCartLine}from"./hooks/useCartLine.js";export{default as useCartUI}from"./hooks/useCartUI.js";export{useCollection}from"./hooks/useCollection.js";export{useId}from"react";export{default as useIsomorphicLayoutEffect}from"./hooks/useIsomorphicLayoutEffect.js";export{default as useLoadScript}from"./hooks/useLoadScript.js";export{default as useMoney}from"./hooks/useMoney.js";export{usePrevious}from"./hooks/usePrevious.js";export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,useProductOfferDiscount,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants}from"./hooks/useProduct.js";export{useProductList,useProductListProducts,useProductListSettings,useProductListStyles}from"./hooks/useProductList.js";export{default as useSuspenseFetch}from"./hooks/useSuspenseFetch.js";export{default as useSwatchesOptions}from"./hooks/useSwatchesOptions.js";export{default as useInitialSwatchesOptions}from"./hooks/useInitialSwatchesOptions.js";import*as r from"./types/shop.js";export{OptionNormalStyle,OptionSpecialStyle}from"./types/global-style.js";export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType}from"./types/animations.js";export{calculateFirstProduct,getCollection}from"./helpers/queries/get-collection.js";export{fetchMedias,fetchVariants,getProduct}from"./helpers/queries/get-product.js";export{getProductBySlug}from"./helpers/queries/get-product-by-slug.js";export{e as fpixel,o as gtag,t as tiktokpixel,r as ShopType};
+export{default as AddOn}from"./components/AddOn.js";export{default as Render}from"./components/Render.js";export{default as RenderPreview}from"./components/RenderPreview.js";export{RenderChildren,default as RenderLiquid,WrapRenderChildren}from"./components/Render.liquid.js";export{AddonProvider,useAddon,useAddons}from"./contexts/AddonContext.js";export{BuilderComponentProvider,useBuilderComponent}from"./contexts/BuilderComponent.js";export{BuilderProvider,useBuilderStore}from"./contexts/BuilderContext.js";export{BuilderPreviewProvider,useBuilderPreviewStore}from"./contexts/BuilderPreviewContext.js";export{CartLineProvider,useCartLineStore}from"./contexts/CartLineContext.js";export{ProductListProvider,useProductListStore}from"./contexts/ProductListContext.js";export{ProductProvider,useProductStore}from"./contexts/ProductContext.js";export{SectionProvider,useSection,useSectionStore}from"./contexts/SectionContext.js";export{ShopProvider,useShopStore}from"./contexts/ShopContext.js";export{PageProvider,usePageStore}from"./contexts/PageContext.js";export{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.js";export{PageViewUpDocument}from"./graphql/mutations/page-view-up.generated.js";export{CollectionDetailFilterDocument}from"./graphql/queries/collection-detail-filter.generated.js";export{CollectionDocument}from"./graphql/queries/collection.generated.js";export{CollectionsDocument}from"./graphql/queries/collections.generated.js";export{PublishedThemePagesDocument}from"./graphql/queries/published-theme-pages.generated.js";export{ProductsDocument}from"./graphql/queries/products.generated.js";export{StorePropertyDocument}from"./graphql/queries/store-property.generated.js";export{PreviewPageDocument}from"./graphql/queries/preview-page.generated.js";export{ThemePageDocument}from"./graphql-app-api/queries/ThemePage.generated.js";export{LibraryTemplateDocument}from"./graphql-app-api/queries/LibraryTemplate.generated.js";export{composeBorderCss,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn}from"./helpers/borders.js";export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle}from"./helpers/carousel.js";export{cls}from"./helpers/cls.js";export{flattenConnection}from"./helpers/flatten-connection.js";export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist}from"./helpers/get-resonsive-value.js";export{getShortName}from"./helpers/get-shortname.js";export{default as globalEvent}from"./helpers/GlobalEvent.js";export{default as isBrowser}from"./helpers/is-browser.js";export{default as isSafari}from"./helpers/is-safari.js";export{isEmptyChildren}from"./helpers/is-empty-children.js";export{filterToolbarPreview}from"./helpers/filter-toolbar-preview.js";export{animations}from"./helpers/animations.js";export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{loadScript}from"./helpers/load-script.js";export{validateEmail}from"./helpers/email.js";export{genVariable}from"./helpers/css-variable.js";export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{isDefined}from"./helpers/is-defined.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeFallbackTypographyStyle,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";import*as e from"./helpers/tracking/fpixel.js";import*as o from"./helpers/tracking/gtag.js";import*as t from"./helpers/tracking/tiktokpixel.js";export{RenderIf,composeMemo,dataStringify,props,styles,template}from"./helpers/render.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeStyleWithDefault}from"./helpers/size.js";export{composeShadowCss,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgImageByDevice,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getStyleBackgroundByDevice,makeFixedBgAttachment}from"./helpers/background.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle}from"./helpers/compose-advance-style.js";export{composePositionLineHeight,composePostionIconList}from"./helpers/icon-list.js";export{convertHTML}from"./helpers/covert-entities-html.js";export{useAddToCart}from"./hooks/cart/use-add-to-cart.js";export{useCartData}from"./hooks/cart/use-cart-data.js";export{useCartDiscountCodesUpdate}from"./hooks/cart/use-cart-discount-codes-update.js";export{useCartNoteUpdate}from"./hooks/cart/use-cart-note-update.js";export{useCreateCart}from"./hooks/cart/use-create-cart.js";export{useRemoveCartItem}from"./hooks/cart/use-remove-cart-item.js";export{useUpdateCartItem}from"./hooks/cart/use-update-cart-item.js";export{useCheckoutUrl,useConnectedShopify,useCurrency,useEditorMode,useIsSampleProduct,useIsStorefrontProduct,useLocale,useMatchMutate,useMobileOnly,useMoneyFormat,usePageType,usePluginEnable,useStoreFront,useSwatches}from"./hooks/shop.js";export{useCollectionQuery}from"./hooks/shop/use-collection-query.js";export{useCollectionsQuery}from"./hooks/shop/use-collections-query.js";export{useProductQuery}from"./hooks/shop/use-product-query.js";export{useProductsQuery}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.js";export{useFormatMoney}from"./hooks/useFormatMoney.js";export{useLazyVideo}from"./hooks/use-lazy-video.js";export{default as useCartId}from"./hooks/useCartId.js";export{default as useCartLine}from"./hooks/useCartLine.js";export{default as useCartUI}from"./hooks/useCartUI.js";export{useCollection}from"./hooks/useCollection.js";export{useId}from"react";export{default as useIsomorphicLayoutEffect}from"./hooks/useIsomorphicLayoutEffect.js";export{default as useLoadScript}from"./hooks/useLoadScript.js";export{default as useMoney}from"./hooks/useMoney.js";export{usePrevious}from"./hooks/usePrevious.js";export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,useProductOfferDiscount,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants}from"./hooks/useProduct.js";export{useProductList,useProductListProducts,useProductListSettings,useProductListStyles}from"./hooks/useProductList.js";export{default as useSuspenseFetch}from"./hooks/useSuspenseFetch.js";export{default as useSwatchesOptions}from"./hooks/useSwatchesOptions.js";export{default as useInitialSwatchesOptions}from"./hooks/useInitialSwatchesOptions.js";import*as r from"./types/shop.js";import*as s from"./types/appAPI.js";export{OptionNormalStyle,OptionSpecialStyle}from"./types/global-style.js";export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType}from"./types/animations.js";export{calculateFirstProduct,getCollection}from"./helpers/queries/get-collection.js";export{fetchMedias,fetchVariants,getProduct}from"./helpers/queries/get-product.js";export{getProductBySlug}from"./helpers/queries/get-product-by-slug.js";export{e as fpixel,o as gtag,t as tiktokpixel,r as ShopType,s as AppAPIType};

package/dist/esm/types/appAPI.js

@@ -0,0 +1 @@
+