@gem-sdk/core 22.0.0-staging.46 → 23.0.0-dev.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +1 -1
  2. package/dist/cjs/components/toolbar/ErrorBannerParts.js +2 -0
  3. package/dist/cjs/components/toolbar/PasteErrorBanner.js +2 -0
  4. package/dist/cjs/components/toolbar/PasteErrorPageBanner.js +2 -0
  5. package/dist/cjs/components/toolbar/SectionErrorBanner.js +1 -1
  6. package/dist/cjs/components/toolbar/pasteErrorBannerLayout.js +1 -0
  7. package/dist/cjs/contexts/BuilderPreviewContext.js +1 -1
  8. package/dist/cjs/helpers/pasteError.js +1 -0
  9. package/dist/cjs/index.js +1 -1
  10. package/dist/esm/components/ComponentToolbarPreview.js +1 -1
  11. package/dist/esm/components/toolbar/ErrorBannerParts.js +2 -0
  12. package/dist/esm/components/toolbar/PasteErrorBanner.js +2 -0
  13. package/dist/esm/components/toolbar/PasteErrorPageBanner.js +2 -0
  14. package/dist/esm/components/toolbar/SectionErrorBanner.js +1 -1
  15. package/dist/esm/components/toolbar/pasteErrorBannerLayout.js +1 -0
  16. package/dist/esm/contexts/BuilderPreviewContext.js +1 -1
  17. package/dist/esm/helpers/pasteError.js +1 -0
  18. package/dist/esm/index.js +1 -1
  19. package/dist/types/index.d.ts +21 -2
  20. package/package.json +3 -3
package/dist/cjs/components/ComponentToolbarPreview.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./theme-section/ThemeSectionStatus.js"),i=require("react");require("zustand");var r=require("../contexts/BuilderPreviewContext.js"),o=require("../contexts/PageContext.js"),l=require("./theme-section/CreateThemeSection.js"),n=require("../hooks/useToolbarPostPurchase.js"),a=require("./toolbar/SectionErrorBanner.js"),s=require("./InteractionSuffix.js"),d=require("./upgrade-element/UpgradeElement.js"),u=require("@gem-sdk/core"),C=require("./toolbar/Tooltip.js"),c=require("./resize/Resize.js");require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/store-property.generated.js"),require("../graphql/queries/preview-page.generated.js"),require("../graphql/queries/published-shop-metas.generated.js"),require("../graphql/queries/shop-shopify.generated.js"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("../graphql/queries/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr"),require("../helpers/convert.js"),require("crc-32");var h=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js");const p=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},g=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var m=i.memo(m=>{let{t:f}=u.useI18nStore(),x=m.isThemeSection,v=!!m.isShopifySection,b=h.useShopStore(e=>e.storefrontUrl),j=h.useShopStore(e=>e.pageType),w=r.useBuilderPreviewStore(e=>e.getParents),S=r.useBuilderPreviewStore(e=>e.getItem("ROOT")),q=r.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[M,L]=i.useState(null),[y,Z]=i.useState(!1),[P,R]=i.useState(!1),[H,E]=i.useState([]),[V,T]=i.useState("top"),[B,k]=i.useState(!1),[A,F]=i.useState(!1),[$,I]=i.useState(""),[D,U]=i.useState(""),[O,N]=i.useState({width:"",text:""}),[_,z]=i.useState(!1),G=r.useBuilderPreviewStore(e=>e.errorSectionList),W=i.useMemo(()=>{if(!G)return null;let e=G?.find(e=>e.uid===m.uid);return e},[G,m.uid]),J=o.usePageStore(e=>e.interactionData),K=i.useMemo(()=>"POST_PURCHASE"===j,[j]),{checkDisableDelete:Q,getTooltipText:X,checkDisableDuplicate:Y}=n.usePostPurchase(m.uid,m.tag||""),ee=["ProductTitle","ProductDescription","ProductPrice"],et=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],ei=[...ee,...et],er=(e,t)=>{let i=H.length,r=e.getBoundingClientRect(),o=t.getBoundingClientRect();return r.top-o.top<36*i},eo=(e,t)=>{let i=t||e;if(e&&!g(e))return p(e)&&er(t,e)?e:e.parentElement?eo(e.parentElement,i):void 0},el=i.useCallback(()=>S?.childrens?.length||0,[S?.childrens?.length]),en=i.useCallback(()=>{if("Section"==m.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?T("bottom"):T("top")}},[m.tag]),ea=i.useMemo(()=>b?b.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[b]),es=i.useMemo(()=>`https://admin.shopify.com/store/${ea}`,[ea]),ed=i.useMemo(()=>$?`${es}/products/${$}`:"",[es,$]),eu=i.useMemo(()=>D?`${es}/articles/${D.replace("gid://shopify/Article/","")}`:"",[D,es]),eC=i.useMemo(()=>J?.isSelectOnPage,[J?.isSelectOnPage]),ec=i.useMemo(()=>J?.settingType,[J?.settingType]),eh=i.useMemo(()=>J?.item?.targets?.find(e=>e.uid===m.uid&&e?.type!=="PAGE")&&"TARGET"===ec,[J?.item?.targets,m.uid,ec]),ep=i.useMemo(()=>J?.item?.self?.uid===m.uid&&J?.item?.self.type!=="PAGE"&&"TRIGGER"===ec,[J?.item?.self?.type,J?.item?.self?.uid,m.uid,ec]),eg=i.useMemo(()=>!eh&&!ep,[eh,ep]),em=i.useMemo(()=>B||v,[B,v]),ef=i.useMemo(()=>_||v||el()>25&&"Section"===m.tag||!!W,[el,_,v,m.tag,W]),ex=r.useBuilderPreviewStore(e=>e.activeComponentDetail),ev=i.useCallback(e=>{if(e?.articleId&&U(e.articleId),e?.productId&&I(e.productId),e?.componentUid==m.uid){F(!0),en(),K&&(k(Q()),N(X()),z(Y()));let e=w(m.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&q||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);E(e)}else F(!1),E([]),Z(!1)},[m.uid,K,w,Q,X,Y,q,en]),eb=r.useBuilderPreviewStore(e=>e.dismissPublishError),ej=i.useCallback(()=>{eb(m.uid)},[eb,m.uid]),ew=i.useCallback(()=>"Section"!==m.tag?-1:S?.childrens?.length?S.childrens.findIndex(e=>e==m.uid):-1,[S?.childrens,m.uid,m.tag]),eS=i.useMemo(()=>ew()>=25,[ew]),eq=i.useMemo(()=>!!W||eS,[W,eS]);if(i.useEffect(()=>{ev(ex)},[ex]),"section"===m.type||m.editorConfigs?.toolbar?.hide)return null;let eM=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?f("Row {colNumber} col",{colNumber:t}):f("Row {colNumber} cols",{colNumber:t});return e}return f(e.label)},eL=e=>{if(!H.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(y)R(!1),Z(!1);else{let e=eo(i,i);if(e)R(!0);else{let e=i.getBoundingClientRect();e.top<36*H.length?R(!0):R(!1)}Z(!0)}let r=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!y}});window.dispatchEvent(r)},ey=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:m.uid,isThemeSection:x,isShopifySection:v}});return window.dispatchEvent(t),!1},eZ=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:m.uid,isThemeSection:x,isShopifySection:v}});return window.dispatchEvent(t),!1},eP=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:m.uid}});return window.dispatchEvent(t),!1},eR=()=>{L(null),window.removeEventListener("editor:close-add-section-popup",eR)},eH=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),el()>=25)return!1;let i=e.target;if(i){L(t);let e=i.getBoundingClientRect(),r=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:m.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(r),window.addEventListener("editor:close-add-section-popup",eR)}return!1},eE="Section"===m.tag&&!m.isThemeSection&&"STATIC"!==j&&"POST_PURCHASE"!==j&&!m.isShopifySection&&25>ew()&&!W;return e.jsxs(e.Fragment,{children:[!("Section"==m.tag&&q)&&e.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==m.tag,"data-toolbar-theme-section":"Section"==m.tag&&!!x||q,"data-toolbar-shopify-section":"Section"==m.tag&&!!v,"data-toolbar-limit":ew()>=25||!!W,children:[e.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>eL(e),"aria-hidden":"true",children:[ep&&e.jsx("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:e.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),eh&&e.jsx("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),A&&eg&&e.jsx("div",{"data-toolbar-icon-drag":!0,children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.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"}),e.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"}),e.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"}),e.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"}),e.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"}),e.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"==m.tag?e.jsxs("div",{"data-toolbar-name":!0,children:[(()=>{if(v)return m.name?.includes("Shopify section:")?`${f("Shopify section")}: ${m.name.replace("Shopify section:","")}`:`${f("Shopify section")}: ${m.name}`;let e=m.name&&m.name===`Section ${m.uid}`;return el()>=20?`${e?f("Section"):m?.name} ${ew()+1}/25`:e?`${f("Section")} ${ew()+1}`:m?.name})(),A&&v&&!m.isShopifyVisibility&&e.jsxs("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):e.jsx("div",{"data-toolbar-name":!0,children:f(m.customLabel||m.label)}),A&&"Section"!==m.tag&&H.length>0&&e.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":y,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),A&&y&&H.map((t,i)=>e.jsxs("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":q,"data-toolbar-parent-revert":P,style:{top:P?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[e.jsx("div",{"data-toolbar-icon-drag":!0,children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.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"}),e.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"}),e.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"}),e.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"}),e.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"}),e.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"})]})}),e.jsx("div",{"data-toolbar-name":!0,children:eM(t)})]},t.uid)),A&&!eC&&e.jsxs(e.Fragment,{children:[e.jsx(d.default,{...m}),eE&&e.jsx(l.CreateThemeSection,{...m}),"Sticky"==m.tag&&e.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>eP(e),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.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"})})}),ei.includes(m.tag)&&e.jsx(C.default,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:f("Edit content in Shopify"),position:"top",onClick:()=>{if(et.includes(m.tag)){window.open(eu,"_blank");return}if(ee.includes(m.tag)){window.open(ed,"_blank");return}window.open(es,"_blank")},"aria-hidden":"true",children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),e.jsx("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),e.jsx("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),e.jsx("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),e.jsx(C.default,{enable:"Section"==m.tag&&el()>=25||v,text:v?f("Disabled. Please edit in Shopify Editor"):f("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":ef,onClick:ef?void 0:e=>eZ(e),"aria-hidden":"true",className:ef?"!gp-cursor-not-allowed":"",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})}),e.jsx(C.default,{"data-toolbar-delete":!0,onClick:e=>em?null:ey(e),enable:em,"data-toolbar-disable":em,text:v?f("Disabled. Please edit in Shopify Editor"):O.text,width:O.width,position:v?"bottom":V,"aria-hidden":"true",className:em?"!gp-cursor-not-allowed":"",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),e.jsx(s.InteractionSuffix,{uid:m.uid})]},m.uid),"STATIC"!==j&&"POST_PURCHASE"!==j&&25>ew()&&e.jsx(t.ThemeSectionStatusWrapper,{...m}),e.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==m.tag,"data-outline-theme-section":"Section"==m.tag&&!!x||q,"data-outline-shopify-section":"Section"==m.tag&&!!v,"data-outline-limit":eq,"data-outline-error":!!W},"outline-"+m.uid),"Section"==m.tag&&!q&&e.jsxs(e.Fragment,{children:[e.jsx(C.default,{enable:el()>=25,text:f("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":el()>=25,"data-toolbar-add-open":"above"==M,onClick:e=>eH(e,"above"),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})}),e.jsx(C.default,{enable:el()>=25,text:f("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":el()>=25,"data-toolbar-add-open":"below"==M,onClick:e=>eH(e,"below"),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),W&&e.jsx(a.SectionErrorBanner,{errorSectionInfo:W,onDismiss:ej}),A&&e.jsx(c.default,{...m})]})});exports.default=m;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./theme-section/ThemeSectionStatus.js"),i=require("react");require("zustand");var r=require("../contexts/BuilderPreviewContext.js"),o=require("../contexts/PageContext.js"),l=require("./theme-section/CreateThemeSection.js"),n=require("../hooks/useToolbarPostPurchase.js"),a=require("./toolbar/SectionErrorBanner.js"),s=require("../helpers/pasteError.js"),d=require("./toolbar/PasteErrorBanner.js"),u=require("./InteractionSuffix.js"),C=require("./upgrade-element/UpgradeElement.js"),c=require("@gem-sdk/core"),p=require("./toolbar/Tooltip.js"),h=require("./resize/Resize.js");require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/store-property.generated.js"),require("../graphql/queries/preview-page.generated.js"),require("../graphql/queries/published-shop-metas.generated.js"),require("../graphql/queries/shop-shopify.generated.js"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("../graphql/queries/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr"),require("../helpers/convert.js"),require("crc-32");var g=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js");const m=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},f=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var b=i.memo(b=>{let{t:v}=c.useI18nStore(),x=b.isThemeSection,j=!!b.isShopifySection,w=g.useShopStore(e=>e.storefrontUrl),S=g.useShopStore(e=>e.pageType),q=r.useBuilderPreviewStore(e=>e.getParents),M=r.useBuilderPreviewStore(e=>e.getItem("ROOT")),L=r.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[y,P]=i.useState(null),[Z,E]=i.useState(!1),[R,H]=i.useState(!1),[V,B]=i.useState([]),[T,k]=i.useState("top"),[A,F]=i.useState(!1),[$,I]=i.useState(!1),[U,D]=i.useState(""),[O,N]=i.useState(""),[_,z]=i.useState({width:"",text:""}),[G,W]=i.useState(!1),J=r.useBuilderPreviewStore(e=>e.errorSectionList),K=i.useMemo(()=>{if(!J)return null;let e=J?.find(e=>e.uid===b.uid);return e},[J,b.uid]),Q=i.useMemo(()=>s.getVisiblePublishError({list:J,uid:b.uid}),[J,b.uid]),X=r.useBuilderPreviewStore(e=>e.pasteError),Y=r.useBuilderPreviewStore(e=>e.setPasteError),ee=X?.anchorUid===b.uid?X:null,et=!!X&&X.sectionUid===b.uid,ei=et?void 0:Q,er=o.usePageStore(e=>e.interactionData),eo=i.useMemo(()=>"POST_PURCHASE"===S,[S]),{checkDisableDelete:el,getTooltipText:en,checkDisableDuplicate:ea}=n.usePostPurchase(b.uid,b.tag||""),es=["ProductTitle","ProductDescription","ProductPrice"],ed=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],eu=[...es,...ed],eC=(e,t)=>{let i=V.length,r=e.getBoundingClientRect(),o=t.getBoundingClientRect();return r.top-o.top<36*i},ec=(e,t)=>{let i=t||e;if(e&&!f(e))return m(e)&&eC(t,e)?e:e.parentElement?ec(e.parentElement,i):void 0},ep=i.useCallback(()=>M?.childrens?.length||0,[M?.childrens?.length]),eh=i.useCallback(()=>{if("Section"==b.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?k("bottom"):k("top")}},[b.tag]),eg=i.useMemo(()=>w?w.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[w]),em=i.useMemo(()=>`https://admin.shopify.com/store/${eg}`,[eg]),ef=i.useMemo(()=>U?`${em}/products/${U}`:"",[em,U]),eb=i.useMemo(()=>O?`${em}/articles/${O.replace("gid://shopify/Article/","")}`:"",[O,em]),ev=i.useMemo(()=>er?.isSelectOnPage,[er?.isSelectOnPage]),ex=i.useMemo(()=>er?.settingType,[er?.settingType]),ej=i.useMemo(()=>er?.item?.targets?.find(e=>e.uid===b.uid&&e?.type!=="PAGE")&&"TARGET"===ex,[er?.item?.targets,b.uid,ex]),ew=i.useMemo(()=>er?.item?.self?.uid===b.uid&&er?.item?.self.type!=="PAGE"&&"TRIGGER"===ex,[er?.item?.self?.type,er?.item?.self?.uid,b.uid,ex]),eS=i.useMemo(()=>!ej&&!ew,[ej,ew]),eq=i.useMemo(()=>A||j,[A,j]),eM=i.useMemo(()=>G||j||ep()>25&&"Section"===b.tag||!!K,[ep,G,j,b.tag,K]),eL=r.useBuilderPreviewStore(e=>e.activeComponentDetail),ey=i.useCallback(e=>{if(e?.articleId&&N(e.articleId),e?.productId&&D(e.productId),e?.componentUid==b.uid){I(!0),eh(),eo&&(F(el()),z(en()),W(ea()));let e=q(b.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&L||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);B(e)}else I(!1),B([]),E(!1)},[b.uid,eo,q,el,en,ea,L,eh]),eP=r.useBuilderPreviewStore(e=>e.dismissPublishError),eZ=i.useCallback(()=>{Q&&eP({uid:b.uid,type:Q.type})},[eP,b.uid,Q]),eE=i.useCallback(()=>Y(null),[Y]),eR=i.useCallback(()=>"Section"!==b.tag?-1:M?.childrens?.length?M.childrens.findIndex(e=>e==b.uid):-1,[M?.childrens,b.uid,b.tag]),eH=i.useMemo(()=>eR()>=25,[eR]),eV=i.useMemo(()=>!!K||eH,[K,eH]);if(i.useEffect(()=>{ey(eL)},[eL]),"section"===b.type||b.editorConfigs?.toolbar?.hide)return null;let eB=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?v("Row {colNumber} col",{colNumber:t}):v("Row {colNumber} cols",{colNumber:t});return e}return v(e.label)},eT=e=>{if(!V.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(Z)H(!1),E(!1);else{let e=ec(i,i);if(e)H(!0);else{let e=i.getBoundingClientRect();e.top<36*V.length?H(!0):H(!1)}E(!0)}let r=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!Z}});window.dispatchEvent(r)},ek=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:b.uid,isThemeSection:x,isShopifySection:j}});return window.dispatchEvent(t),!1},eA=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:b.uid,isThemeSection:x,isShopifySection:j}});return window.dispatchEvent(t),!1},eF=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:b.uid}});return window.dispatchEvent(t),!1},e$=()=>{P(null),window.removeEventListener("editor:close-add-section-popup",e$)},eI=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),ep()>=25)return!1;let i=e.target;if(i){P(t);let e=i.getBoundingClientRect(),r=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:b.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(r),window.addEventListener("editor:close-add-section-popup",e$)}return!1},eU="Section"===b.tag&&!b.isThemeSection&&"STATIC"!==S&&"POST_PURCHASE"!==S&&!b.isShopifySection&&25>eR()&&!K;return e.jsxs(e.Fragment,{children:[!("Section"==b.tag&&L)&&e.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==b.tag,"data-toolbar-theme-section":"Section"==b.tag&&!!x||L,"data-toolbar-shopify-section":"Section"==b.tag&&!!j,"data-toolbar-limit":eR()>=25||!!K,children:[e.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>eT(e),"aria-hidden":"true",children:[ew&&e.jsx("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:e.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),ej&&e.jsx("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),$&&eS&&e.jsx("div",{"data-toolbar-icon-drag":!0,children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.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"}),e.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"}),e.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"}),e.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"}),e.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"}),e.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"==b.tag?e.jsxs("div",{"data-toolbar-name":!0,children:[(()=>{if(j)return b.name?.includes("Shopify section:")?`${v("Shopify section")}: ${b.name.replace("Shopify section:","")}`:`${v("Shopify section")}: ${b.name}`;let e=b.name&&b.name===`Section ${b.uid}`;return ep()>=20?`${e?v("Section"):b?.name} ${eR()+1}/25`:e?`${v("Section")} ${eR()+1}`:b?.name})(),$&&j&&!b.isShopifyVisibility&&e.jsxs("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):e.jsx("div",{"data-toolbar-name":!0,children:v(b.customLabel||b.label)}),$&&"Section"!==b.tag&&V.length>0&&e.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":Z,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),$&&Z&&V.map((t,i)=>e.jsxs("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":L,"data-toolbar-parent-revert":R,style:{top:R?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[e.jsx("div",{"data-toolbar-icon-drag":!0,children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.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"}),e.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"}),e.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"}),e.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"}),e.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"}),e.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"})]})}),e.jsx("div",{"data-toolbar-name":!0,children:eB(t)})]},t.uid)),$&&!ev&&e.jsxs(e.Fragment,{children:[e.jsx(C.default,{...b}),eU&&e.jsx(l.CreateThemeSection,{...b}),"Sticky"==b.tag&&e.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>eF(e),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.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"})})}),eu.includes(b.tag)&&e.jsx(p.default,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:v("Edit content in Shopify"),position:"top",onClick:()=>{if(ed.includes(b.tag)){window.open(eb,"_blank");return}if(es.includes(b.tag)){window.open(ef,"_blank");return}window.open(em,"_blank")},"aria-hidden":"true",children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),e.jsx("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),e.jsx("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),e.jsx("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),e.jsx(p.default,{enable:"Section"==b.tag&&ep()>=25||j,text:j?v("Disabled. Please edit in Shopify Editor"):v("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eM,onClick:eM?void 0:e=>eA(e),"aria-hidden":"true",className:eM?"!gp-cursor-not-allowed":"",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})}),e.jsx(p.default,{"data-toolbar-delete":!0,onClick:e=>eq?null:ek(e),enable:eq,"data-toolbar-disable":eq,text:j?v("Disabled. Please edit in Shopify Editor"):_.text,width:_.width,position:j?"bottom":T,"aria-hidden":"true",className:eq?"!gp-cursor-not-allowed":"",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),e.jsx(u.InteractionSuffix,{uid:b.uid})]},b.uid),"STATIC"!==S&&"POST_PURCHASE"!==S&&25>eR()&&e.jsx(t.ThemeSectionStatusWrapper,{...b}),e.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==b.tag,"data-outline-theme-section":"Section"==b.tag&&!!x||L,"data-outline-shopify-section":"Section"==b.tag&&!!j,"data-outline-limit":eV,"data-outline-error":!!K},"outline-"+b.uid),"Section"==b.tag&&!L&&e.jsxs(e.Fragment,{children:[e.jsx(p.default,{enable:ep()>=25,text:v("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":ep()>=25,"data-toolbar-add-open":"above"==y,onClick:e=>eI(e,"above"),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})}),e.jsx(p.default,{enable:ep()>=25,text:v("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":ep()>=25,"data-toolbar-add-open":"below"==y,onClick:e=>eI(e,"below"),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.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"})})})]}),ei&&e.jsx(a.SectionErrorBanner,{errorSectionInfo:ei,onDismiss:eZ}),ee&&e.jsx(d.PasteErrorBanner,{message:ee.message,targetUid:ee.positionUid??b.uid,onDismiss:eE}),$&&e.jsx(h.default,{...b})]})});exports.default=b;
package/dist/cjs/components/toolbar/ErrorBannerParts.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("react/jsx-runtime");exports.ERROR_BANNER_COLOR_CLASSES="gp-bg-[#FEE8EB] gp-text-[#8E0B21]",exports.ErrorAlertIcon=({className:C})=>e.jsxs("svg",{className:C,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"currentColor"}),e.jsx("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"currentColor"})]}),exports.ErrorCloseIcon=({className:C})=>e.jsx("svg",{className:C,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1758L8.84833 8.00005L12.0241 4.82431C12.2584 4.59 12.2584 4.2101 12.0241 3.97579C11.7898 3.74147 11.4099 3.74147 11.1755 3.97579L7.9998 7.15152L4.82407 3.97578C4.58975 3.74147 4.20986 3.74147 3.97554 3.97578C3.74123 4.2101 3.74123 4.59 3.97554 4.82431L7.15128 8.00005L3.97554 11.1758C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84858L11.1755 12.0243Z",fill:"#212121"})});
package/dist/cjs/components/toolbar/PasteErrorBanner.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("./pasteErrorBannerLayout.js"),t=require("./ErrorBannerParts.js"),n=require("../../hooks/useIsomorphicLayoutEffect.js"),a=require("react");const s=({$banner:e,targetUid:r})=>{let t=`[data-uid="${r}"]`;return e.closest(t)??e.parentElement?.querySelector(t)??e.ownerDocument.querySelector(t)},l=({$banner:e,targetUid:t,message:l})=>{let[o,u]=a.useState(null);return n.default(()=>{if(!t){u(r.PAGE_BANNER_LAYOUT);return}let n=e.current;if(!n)return;let a=s({$banner:n,targetUid:t}),l="",o=0,c=()=>{a?.isConnected||(a=s({$banner:n,targetUid:t}));let e=a?r.getLayoutSnapshot({$banner:n,$target:a}):"";a&&e!==l&&(l=e,u(r.getBannerLayout({$banner:n,$target:a}))),o=requestAnimationFrame(c)};return c(),()=>cancelAnimationFrame(o)},[e,t,l]),o};exports.PasteErrorBanner=({message:n,targetUid:s,onDismiss:o})=>{let u=a.useRef(null),c=l({$banner:u,targetUid:s,message:n}),i=c?.placement;return a.useEffect(()=>{i&&u.current?.scrollIntoView({block:"nearest",behavior:"smooth"})},[n,i]),e.jsxs("div",{ref:u,role:"alert","data-paste-error-banner":i,style:c?.style??r.UNMEASURED_BANNER_STYLE,className:`gp-flex gp-items-start gp-gap-2 gp-px-2 gp-py-2.5 gp-text-xs gp-leading-5 ${t.ERROR_BANNER_COLOR_CLASSES}`,children:[e.jsx(t.ErrorAlertIcon,{className:"gp-flex-shrink-0"}),e.jsx("div",{className:"gp-flex-1 gp-min-w-0",children:n}),e.jsx("button",{className:"gp-flex-shrink-0 gp-p-0.5",type:"button",onClick:o,children:e.jsx(t.ErrorCloseIcon,{})})]})};
package/dist/cjs/components/toolbar/PasteErrorPageBanner.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("./PasteErrorBanner.js"),s=require("react");require("zustand");var i=require("../../contexts/BuilderPreviewContext.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("@gem-sdk/core"),require("../../graphql/queries/product-variants.generated.js"),require("../../graphql/queries/collection-detail-filter.generated.js"),require("../../graphql/queries/collection.generated.js"),require("../../graphql/queries/collections.generated.js"),require("../../graphql/queries/published-theme-pages.generated.js"),require("../../graphql/queries/store-property.generated.js"),require("../../graphql/queries/preview-page.generated.js"),require("../../graphql/queries/published-shop-metas.generated.js"),require("../../graphql/queries/shop-shopify.generated.js"),require("../../graphql/queries/articles.generated.js"),require("../../graphql/queries/blogs.generated.js"),require("../../graphql/queries/products-with-selling-plans.generated.js"),require("../../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../../graphql/queries/productsV2.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("../../graphql/queries/product-value-label.generated.js"),require("../../hooks/useStickyStore.js"),require("../../types/builder.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.PasteErrorPageBanner=()=>{let u=i.useBuilderPreviewStore(e=>e.pasteError),a=i.useBuilderPreviewStore(e=>e.setPasteError),t=s.useCallback(()=>a(null),[a]);return!u||u.anchorUid?null:e.jsx(r.PasteErrorBanner,{message:u.message,onDismiss:t})};
package/dist/cjs/components/toolbar/SectionErrorBanner.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime");const i="https://help.gempages.net/articles/section-limit#maximum-limit-of-elements-per-section";exports.SectionErrorBanner=({errorSectionInfo:t,onDismiss:s})=>t.isDismissed?null:e.jsx("div",{"data-toolbar-error-banner":!0,className:"gp-flex gp-items-center gp-px-2 gp-top-0 gp-w-full gp-absolute gp-bg-[#FEE4E3] gp-border-t gp-border-t-[#C3362B] gp-text-xs gp-text-[#C3362B] gp-leading-5",children:e.jsxs("div",{className:"gp-flex gp-gap-1.5 gp-w-full",children:[e.jsxs("svg",{className:"gp-flex-shrink-0 gp-mt-2.5",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e.jsx("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]}),e.jsxs("div",{className:"gp-w-full gp-py-2.5",children:["LIQUID_SYNTAX_ERROR"===t.type&&"This section contains a syntax error in the code. Please review and fix it, then try verifying again.","SECTION_SIZE_EXCEED_256KB"===t.type&&e.jsxs("div",{children:["This section is over Shopify's 256KB limit. Please follow ",e.jsx("a",{target:"_blank",href:i,className:"gp-underline gp-cursor-pointer",onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(i,"_blank")},rel:"noreferrer",children:"our guide"})," ","to optimize, then try verifying again."]}),"MISSING_SECTION_IN_THEME"===t.type&&"This section was deleted from your live theme. Please delete it from this page, or restore all sections by Force publish."]}),e.jsx("button",{className:"gp-p-1.5 gp-flex-shrink-0 gp-mt-1 gp-h-7",onClick:s,type:"button",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1758L8.84833 8.00005L12.0241 4.82431C12.2584 4.59 12.2584 4.2101 12.0241 3.97579C11.7898 3.74147 11.4099 3.74147 11.1755 3.97579L7.9998 7.15152L4.82407 3.97578C4.58975 3.74147 4.20986 3.74147 3.97554 3.97578C3.74123 4.2101 3.74123 4.59 3.97554 4.82431L7.15128 8.00005L3.97554 11.1758C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84858L11.1755 12.0243Z",fill:"#212121"})})})]})});
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("./ErrorBannerParts.js");const s="https://help.gempages.net/articles/section-limit#maximum-limit-of-elements-per-section";exports.SectionErrorBanner=({errorSectionInfo:t,onDismiss:i})=>t.isDismissed?null:e.jsx("div",{"data-toolbar-error-banner":!0,className:`gp-flex gp-items-center gp-px-2 gp-top-0 gp-w-full gp-absolute gp-border-t gp-border-t-[#8E0B21] gp-text-xs gp-leading-5 ${r.ERROR_BANNER_COLOR_CLASSES}`,children:e.jsxs("div",{className:"gp-flex gp-gap-1.5 gp-w-full",children:[e.jsx(r.ErrorAlertIcon,{className:"gp-flex-shrink-0 gp-mt-2.5"}),e.jsxs("div",{className:"gp-w-full gp-py-2.5",children:["LIQUID_SYNTAX_ERROR"===t.type&&"This section contains a syntax error in the code. Please review and fix it, then try verifying again.","SECTION_SIZE_EXCEED_256KB"===t.type&&e.jsxs("div",{children:["This section is over Shopify's 256KB limit. Please follow ",e.jsx("a",{target:"_blank",href:s,className:"gp-underline gp-cursor-pointer",onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(s,"_blank")},rel:"noreferrer",children:"our guide"})," ","to optimize, then try verifying again."]}),"MISSING_SECTION_IN_THEME"===t.type&&"This section was deleted from your live theme. Please delete it from this page, or restore all sections by Force publish."]}),e.jsx("button",{className:"gp-p-1.5 gp-flex-shrink-0 gp-mt-1 gp-h-7",onClick:i,type:"button",children:e.jsx(r.ErrorCloseIcon,{})})]})});
package/dist/cjs/components/toolbar/pasteErrorBannerLayout.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";const t={INSIDE:"inside",BELOW:"below",PAGE:"page"},e={position:"absolute",zIndex:31,boxSizing:"border-box",maxWidth:"none",fontFamily:"Inter, sans-serif",fontWeight:400,fontStyle:"normal",textAlign:"left",textTransform:"none",letterSpacing:"normal",whiteSpace:"normal"},n={...e,top:0,left:0,visibility:"hidden"},i={placement:t.PAGE,style:{...e,position:"fixed",zIndex:1e3,top:8,left:8,right:8,borderRadius:8}},o=({value:t,min:e,max:n})=>Math.min(Math.max(t,e),Math.max(e,n)),l=({target:n,origin:i,viewportWidth:l,insideHeight:r})=>{let a=n.width<250,h=r>n.height;if(!a&&!h)return{placement:t.INSIDE,style:{...e,top:n.top-i.top,left:n.left-i.left,width:n.width}};let d=Math.min(Math.max(n.width,250),l),s=o({value:n.left,min:0,max:l-d});return{placement:t.BELOW,style:{...e,top:n.top+n.height+4-i.top,left:s-i.left,width:d,borderRadius:8}}},r=({$banner:t,width:e})=>{let n=t.style.width;t.style.width=`${e}px`;let i=t.offsetHeight;return t.style.width=n,i},a=t=>{let e=t.getBoundingClientRect();return{top:e.top+t.clientTop,left:e.left+t.clientLeft}};exports.BANNER_PLACEMENT=t,exports.PAGE_BANNER_LAYOUT=i,exports.UNMEASURED_BANNER_STYLE=n,exports.calcBannerLayout=l,exports.getBannerLayout=({$banner:t,$target:e})=>{let n=t.offsetParent;if(!n)return null;let i=e.getBoundingClientRect();return l({target:i,origin:a(n),viewportWidth:t.ownerDocument.documentElement.clientWidth,insideHeight:r({$banner:t,width:i.width})})},exports.getLayoutSnapshot=({$banner:t,$target:e})=>{let n=t.offsetParent;if(!n)return"";let i=e.getBoundingClientRect(),o=a(n),l=t.ownerDocument.documentElement.clientWidth;return[i.top,i.left,i.width,i.height,o.top,o.left,l].join()};
package/dist/cjs/contexts/BuilderPreviewContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime"),t=require("./types/builderPreviewContext.js"),i=require("react"),s=require("../helpers/normalize-builder-data.js"),n=require("../helpers/clone-deep.js"),r=require("zustand");function l(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}const d=i.createContext(null),a={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},c=(e,i,d)=>r.createStore((r,c)=>({state:e,loaded:!1,isThemeSectionEditor:!!d,pageName:i,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,activeComponentDetail:null,addItem:e=>{let{position:t,data:i}=e,l=c().state,d=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,s=l.ROOT;s.childrens?s.childrens.splice(t??0,0,e):s.childrens=[e],s.dateModified=d,r({state:{...l,[e]:{uid:e,type:"section",label:i.label},ROOT:n.cloneDeep(s)}})}}else{let{id:i,data:a}=e,c=i?l[i]??l.ROOT:l.ROOT;if("section"===c.type)return;if(Array.isArray(a)){let e=a.map(e=>e.uid),i=a.reduceRight((e,t)=>{let i=s.normalizeBuilderData(t);return{...e,...i}},{});c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,...e),r({state:{...l,...i,[c.uid]:n.cloneDeep(c)}})}else{let e=s.normalizeBuilderData(a);c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,a.uid),r({state:{...l,...e,[c.uid]:n.cloneDeep(c)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let s=c().state,n=s[e];if(n?.type!=="section"&&n){let l=Date.now();switch(n.dateModified=l,i){case"setting":r({state:{...s,[e]:{...n,settings:{...n.settings,...t}}}});break;case"style":r({state:{...s,[e]:{...n,styles:{...n.styles,...t}}}});break;case"advanced":r({state:{...s,[e]:{...n,advanced:{...n.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let s=c().state,n=s[e];if(n?.type!=="section"&&n){let l=Date.now();switch(n.dateModified=l,i){case"setting":r({state:{...s,[e]:{...n,settings:t}}});break;case"style":r({state:{...s,[e]:{...n,styles:t}}});break;case"advanced":r({state:{...s,[e]:{...n,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:s})=>{if(!s||!["setting","style","advanced"].includes(s))return;let n=c().state,l=n[e];if(l?.type!=="section"&&l){let d={style:l.styles??{},advanced:l.advanced??{},setting:l.settings??{}};void 0===i?(console.warn("Data is undefined"),delete d[s][t]):d[s][t]=i,r({state:{...n,[e]:{...l,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>c().state[e],getState:()=>c().state,removeItem:e=>{if("ROOT"===e)r({state:{ROOT:a}});else{let t=c().state;!function e(t,i){let s=i[t];s&&(delete i[t],"section"!==s.type&&s.childrens?.map(t=>e(t,i)))}(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let s=Date.now(),[l,d]=i;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=s,r({state:{...t,[l]:n.cloneDeep(d)}})}}},moveItem:(e,t,i)=>{let s=c().state,d=s[e],a=s[t];if(d&&a&&"section"!==a.type){if("section"===d.type){let t=s.ROOT;if(!t.childrens)return;let d=t.childrens.findIndex(t=>t===e);l(t.childrens,d,i??0),r({state:{...s,ROOT:n.cloneDeep(t)}})}else{let c=Object.entries(s).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(d&&c){let o=Date.now(),[,u]=c;if("section"===u.type)return;if(u.dateModified=o,t===u.uid&&u.childrens){let t=u.childrens.findIndex(t=>t===e);u.childrens&&t!==i&&(l(u.childrens,t,i??0),r({state:{...s,[u.uid]:n.cloneDeep(u)}}))}else u.childrens=u.childrens?.filter(t=>t!==e),a&&(a.dateModified=o,a.childrens=a.childrens??[],a.childrens.splice(i??0,0,d.uid),r({state:{...s,[a.uid]:n.cloneDeep(a),[u.uid]:n.cloneDeep(u)}}))}}}},forceChangeState:e=>{r({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=s.normalizeBuilderData(t);return{...e,...i}},{});r({loaded:!0,state:{ROOT:{...a,childrens:t},...i}})}else{let t=s.normalizeBuilderData(e);r({loaded:!0,state:{ROOT:{...a,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=c().state,s=i.ROOT;s.childrens||(s.childrens=[]),s.childrens.splice(t??0,0,e.uid),r({state:{...i,ROOT:n.cloneDeep(s)}})},getParents:(e,t)=>{let i=c().state,s=[],n=0,r=e;for(;!t||!(n>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(r));if(!e)break;let[,t]=e;if(!t)break;s.push(t),r=t.uid,n++}return s},updateItemName:(e,t)=>{let i=c().state,s=i[e];s&&(s.name=t,r({state:{...i,[e]:n.cloneDeep(s)}}))},updateItemAttribute:(e,i,s)=>{if(!s||!t.UPDATABLE_ITEM_ATTRS.includes(s))return;let n=c().state,l=n[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let t={...l,[s]:i};r({state:{...n,[e]:t}})}},updateAllItemAttribute:(e,t)=>{if("tag"!==e)return;let i=c().state,s={};for(let{uid:n,value:r}of t){let t=i[n];if(!t)continue;let l={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:r};s[n]=l}Object.keys(s).length>0&&r({state:{...i,...s}})},dismissPublishError:e=>{let t=c().errorSectionList;if(!Array.isArray(t))return;let i=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);r({errorSectionList:i})},setErrorSectionList:e=>r({errorSectionList:e}),setActiveComponentDetail:e=>r({activeComponentDetail:e})}));exports.BuilderPreviewProvider=({children:t,state:s,isThemeSectionEditor:n,pageName:r,lazy:l,...a})=>{let o=l?i.Suspense:i.Fragment,u=i.useMemo(()=>c(s,r,n),[s,n,r]);return i.useEffect(()=>{let e=e=>{let t=e.detail??null;u.getState().setActiveComponentDetail(t)};return window.addEventListener("editor:active-component",e),()=>{window.removeEventListener("editor:active-component",e)}},[u]),e.jsx(o,{children:e.jsx(d.Provider,{...a,value:u,children:t})})},exports.useBuilderPreviewStore=(e,t)=>{let s=i.useContext(d);if(!s)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return r.useStore(s,e,t)};
2
+ "use strict";var e=require("react/jsx-runtime"),t=require("./types/builderPreviewContext.js"),i=require("react"),r=require("../helpers/normalize-builder-data.js"),s=require("../helpers/pasteError.js"),n=require("../helpers/clone-deep.js"),l=require("zustand");function d(e,t,i){let r=e.splice(t,1)[0];void 0!==r&&e.splice(i,0,r)}const a=i.createContext(null),o={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},c=(e,i,a)=>l.createStore((l,c)=>({state:e,loaded:!1,isThemeSectionEditor:!!a,pageName:i,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,pasteError:null,activeComponentDetail:null,addItem:e=>{let{position:t,data:i}=e,s=c().state,d=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,r=s.ROOT;r.childrens?r.childrens.splice(t??0,0,e):r.childrens=[e],r.dateModified=d,l({state:{...s,[e]:{uid:e,type:"section",label:i.label},ROOT:n.cloneDeep(r)}})}}else{let{id:i,data:a}=e,o=i?s[i]??s.ROOT:s.ROOT;if("section"===o.type)return;if(Array.isArray(a)){let e=a.map(e=>e.uid),i=a.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});o.dateModified=d,o.childrens=o.childrens??[],o.childrens.splice(t??0,0,...e),l({state:{...s,...i,[o.uid]:n.cloneDeep(o)}})}else{let e=r.normalizeBuilderData(a);o.dateModified=d,o.childrens=o.childrens??[],o.childrens.splice(t??0,0,a.uid),l({state:{...s,...e,[o.uid]:n.cloneDeep(o)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=c().state,s=r[e];if(s?.type!=="section"&&s){let n=Date.now();switch(s.dateModified=n,i){case"setting":l({state:{...r,[e]:{...s,settings:{...s.settings,...t}}}});break;case"style":l({state:{...r,[e]:{...s,styles:{...s.styles,...t}}}});break;case"advanced":l({state:{...r,[e]:{...s,advanced:{...s.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=c().state,s=r[e];if(s?.type!=="section"&&s){let n=Date.now();switch(s.dateModified=n,i){case"setting":l({state:{...r,[e]:{...s,settings:t}}});break;case"style":l({state:{...r,[e]:{...s,styles:t}}});break;case"advanced":l({state:{...r,[e]:{...s,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let s=c().state,n=s[e];if(n?.type!=="section"&&n){let d={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===i?(console.warn("Data is undefined"),delete d[r][t]):d[r][t]=i,l({state:{...s,[e]:{...n,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>c().state[e],getState:()=>c().state,removeItem:e=>{if("ROOT"===e)l({state:{ROOT:o}});else{let t=c().state;!function e(t,i){let r=i[t];r&&(delete i[t],"section"!==r.type&&r.childrens?.map(t=>e(t,i)))}(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let r=Date.now(),[s,d]=i;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=r,l({state:{...t,[s]:n.cloneDeep(d)}})}}},moveItem:(e,t,i)=>{let r=c().state,s=r[e],a=r[t];if(s&&a&&"section"!==a.type){if("section"===s.type){let t=r.ROOT;if(!t.childrens)return;let s=t.childrens.findIndex(t=>t===e);d(t.childrens,s,i??0),l({state:{...r,ROOT:n.cloneDeep(t)}})}else{let o=Object.entries(r).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(s&&o){let c=Date.now(),[,u]=o;if("section"===u.type)return;if(u.dateModified=c,t===u.uid&&u.childrens){let t=u.childrens.findIndex(t=>t===e);u.childrens&&t!==i&&(d(u.childrens,t,i??0),l({state:{...r,[u.uid]:n.cloneDeep(u)}}))}else u.childrens=u.childrens?.filter(t=>t!==e),a&&(a.dateModified=c,a.childrens=a.childrens??[],a.childrens.splice(i??0,0,s.uid),l({state:{...r,[a.uid]:n.cloneDeep(a),[u.uid]:n.cloneDeep(u)}}))}}}},forceChangeState:e=>{l({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});l({loaded:!0,state:{ROOT:{...o,childrens:t},...i}})}else{let t=r.normalizeBuilderData(e);l({loaded:!0,state:{ROOT:{...o,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=c().state,r=i.ROOT;r.childrens||(r.childrens=[]),r.childrens.splice(t??0,0,e.uid),l({state:{...i,ROOT:n.cloneDeep(r)}})},getParents:(e,t)=>{let i=c().state,r=[],s=0,n=e;for(;!t||!(s>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(n));if(!e)break;let[,t]=e;if(!t)break;r.push(t),n=t.uid,s++}return r},updateItemName:(e,t)=>{let i=c().state,r=i[e];r&&(r.name=t,l({state:{...i,[e]:n.cloneDeep(r)}}))},updateItemAttribute:(e,i,r)=>{if(!r||!t.UPDATABLE_ITEM_ATTRS.includes(r))return;let s=c().state,n=s[e];if(n){if("section"!==n.type){let e=Date.now();n.dateModified=e}let t={...n,[r]:i};l({state:{...s,[e]:t}})}},updateAllItemAttribute:(e,t)=>{if("tag"!==e)return;let i=c().state,r={};for(let{uid:s,value:n}of t){let t=i[s];if(!t)continue;let l={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:n};r[s]=l}Object.keys(r).length>0&&l({state:{...i,...r}})},dismissPublishError:({uid:e,type:t})=>{let i=c().errorSectionList;if(!Array.isArray(i))return;let r=i.map(i=>i.uid===e&&i.type===t?{...i,isDismissed:!0}:i);l({errorSectionList:r})},setErrorSectionList:e=>l({errorSectionList:e}),setPasteError:e=>{if(!e){l({pasteError:null});return}let{getItem:t,getParents:i}=c(),r=s.resolvePasteErrorInfo({detail:e,target:t(e.uid),parents:i(e.uid)});l({pasteError:r})},setActiveComponentDetail:e=>{let t=c().pasteError,i=!!t&&e?.componentUid!==t.uid;l({activeComponentDetail:e,...i&&{pasteError:null}})}}));exports.BuilderPreviewProvider=({children:t,state:r,isThemeSectionEditor:s,pageName:n,lazy:l,...d})=>{let o=l?i.Suspense:i.Fragment,u=i.useMemo(()=>c(r,n,s),[r,s,n]);return i.useEffect(()=>{let e=e=>{let t=e.detail??null;u.getState().setActiveComponentDetail(t)},t=e=>{let t=e.detail??null;u.getState().setPasteError(t)};return window.addEventListener("editor:active-component",e),window.addEventListener("editor:paste-error",t),()=>{window.removeEventListener("editor:active-component",e),window.removeEventListener("editor:paste-error",t)}},[u]),e.jsx(o,{children:e.jsx(a.Provider,{...d,value:u,children:t})})},exports.useBuilderPreviewStore=(e,t)=>{let r=i.useContext(a);if(!r)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return l.useStore(r,e,t)};
package/dist/cjs/helpers/pasteError.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";const e={SECTION_SIZE_EXCEED_256KB:1,LIQUID_SYNTAX_ERROR:2,MISSING_SECTION_IN_THEME:3},i=e=>{if("undefined"==typeof document)return!1;let i=document.querySelectorAll(`[data-uid="${e}"]`);return Array.from(i).some(e=>e.getClientRects().length>0)},t=e=>"ROOT"!==e.uid&&"section"!==e.type&&i(e.uid),r=e=>!("section"!==e.type&&e.editorConfigs?.toolbar?.hide)&&t(e);exports.getVisiblePublishError=({list:i,uid:t})=>{if(i)return i.filter(e=>e.uid===t&&!e.isDismissed).sort((i,t)=>e[t.type]-e[i.type])[0]},exports.resolvePasteErrorInfo=({detail:e,target:i,parents:o})=>{let s=i?[i,...o]:o;return{uid:e.uid,message:e.message,anchorUid:s.find(r)?.uid,positionUid:s.find(t)?.uid,sectionUid:s.find(e=>"Section"===e.tag)?.uid}};
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./components/Render.liquid.js"),t=require("./components/RenderPreview.js"),r=require("./components/Render.js"),o=require("./components/AddOn.js"),s=require("./contexts/BuilderPreviewContext.js"),i=require("./contexts/BuilderComponent.js"),a=require("./contexts/ProductListContext.js"),p=require("./contexts/ArticleListContext.js"),u=require("./contexts/CollectionContext.js"),n=require("./contexts/CartLineContext.js"),l=require("./contexts/SectionContext.js"),c=require("./contexts/ProductContext.js"),d=require("./contexts/BuilderContext.js"),g=require("./contexts/ArticleContext.js"),x=require("./contexts/ModalContext.js"),S=require("./contexts/AddonContext.js"),h=require("./contexts/ShopContext.js"),y=require("./contexts/PageContext.js"),m=require("./contexts/I18nContext.js"),C=require("./graphql/queries/collection-detail-filter.generated.js"),q=require("./graphql/queries/collection.generated.js"),P=require("./graphql/queries/collections.generated.js"),v=require("./graphql/queries/published-theme-pages.generated.js"),j=require("./graphql/queries/store-property.generated.js"),b=require("./graphql/queries/preview-page.generated.js"),k=require("./graphql/queries/published-shop-metas.generated.js"),f=require("./graphql/queries/shop-shopify.generated.js"),B=require("./graphql/queries/articles.generated.js"),D=require("./graphql/queries/blogs.generated.js"),T=require("./graphql/queries/products-with-selling-plans.generated.js"),A=require("./graphql/queries/product-variant-with-selling-plans.generated.js"),I=require("./graphql-app-api/queries/LibraryTemplate.generated.js"),R=require("./graphql-app-api/queries/ThemePage.generated.js"),G=require("./graphql-app-api/queries/SaleFunnelDiscounts.generated.js"),L=require("./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js"),V=require("./graphql-app-api/queries/ShopLibraryPage.generated.js"),F=require("./graphql-app-api/queries/SaleFunnelOffer.generated.js"),O=require("./graphql-app-api/queries/ThemePageMeta.generated.js"),E=require("./helpers/borders.js"),w=require("./helpers/carousel.js"),M=require("./helpers/cls.js"),z=require("./helpers/get-resonsive-value.js"),W=require("./helpers/normalize-builder-data.js"),H=require("./helpers/spacing.js"),Q=require("./helpers/filter-toolbar-preview.js"),U=require("./helpers/flatten-connection.js"),K=require("./helpers/prefetch-queries.js"),N=require("./helpers/is-empty-children.js"),_=require("./helpers/get-shortname.js"),Y=require("./helpers/load-script.js"),J=require("./helpers/animations.js"),Z=require("./helpers/GlobalEvent.js"),X=require("./helpers/email.js"),$=require("./helpers/is-browser.js"),ee=require("./helpers/is-safari.js"),et=require("./helpers/queries/get-products.js"),er=require("./helpers/css-variable.js"),eo=require("./helpers/tracking/tiktokpixel.js"),es=require("./helpers/tracking/fpixel.js"),ei=require("./helpers/tracking/gtag.js"),ea=require("./helpers/background.js"),ep=require("./helpers/backgroundImage.js"),eu=require("./helpers/colors.js"),en=require("./helpers/compose-advance-style.js"),el=require("./helpers/composeClasses.js"),ec=require("./helpers/convert.js"),ed=require("./helpers/covert-entities-html.js"),eg=require("./helpers/icon-list.js"),ex=require("./helpers/is-defined.js"),eS=require("./helpers/layout.js"),eh=require("./helpers/make-style.js"),ey=require("./helpers/align.js"),em=require("./helpers/filter-styles.js"),eC=require("./helpers/clone-deep.js"),eq=require("./helpers/liquid.js"),eP=require("./helpers/createTranslateKey.js"),ev=require("./helpers/getHashCode.js"),ej=require("./helpers/variant.js"),eb=require("./helpers/product.js"),ek=require("./helpers/query.js"),ef=require("./helpers/radius.js"),eB=require("./helpers/render.js"),eD=require("./helpers/shadow.js"),eT=require("./helpers/size.js"),eA=require("./helpers/typography.js"),eI=require("./hooks/articles/useArticlesQuery.js"),eR=require("./hooks/cart/use-add-to-cart.js"),eG=require("./hooks/cart/use-cart-data.js"),eL=require("./hooks/cart/use-cart-discount-codes-update.js"),eV=require("./hooks/cart/use-cart-note-update.js"),eF=require("./hooks/cart/use-create-cart.js"),eO=require("./hooks/cart/use-remove-cart-item.js"),eE=require("./hooks/cart/use-update-cart-item.js"),ew=require("./hooks/shop.js"),eM=require("./hooks/shop/use-collection-query.js"),ez=require("./hooks/shop/use-collections-query.js"),eW=require("./hooks/shop/use-product-query.js"),eH=require("./hooks/shop/useProductOffersQuery.js"),eQ=require("./hooks/useFetchHandle.js"),eU=require("./hooks/shop/use-products-query.js"),eK=require("./hooks/use-current-device.js"),eN=require("./hooks/use-lazy-video.js"),e_=require("./hooks/useCartId.js"),eY=require("./hooks/useCartLine.js"),eJ=require("./hooks/useCartUI.js"),eZ=require("./hooks/useCollection.js"),eX=require("./hooks/useFormatMoney.js"),e$=require("react"),e0=require("./hooks/useInitialSwatchesOptions.js"),e1=require("./hooks/useIsomorphicLayoutEffect.js"),e2=require("./hooks/useLoadScript.js"),e8=require("./hooks/useMoney.js"),e3=require("./hooks/usePrevious.js"),e4=require("./hooks/useI18n.js"),e5=require("./hooks/useStickyStore.js"),e6=require("./hooks/useProduct.js"),e7=require("./hooks/shop/useShopifyLink.js"),e9=require("./hooks/useSuspenseFetch.js"),te=require("./hooks/useSwatchesOptions.js"),tt=require("./hooks/useRenderMode.js"),tr=require("./hooks/usePreviewSharePage.js"),to=require("./hooks/useProductList.js"),ts=require("./types/builder.js"),ti=require("./types/custom.js"),ta=require("./types/shop.js"),tp=require("./types/appAPI.js"),tu=require("./types/global-style.js"),tn=require("./types/animations.js"),tl=require("./helpers/queries/get-collection.js"),tc=require("./helpers/queries/get-product.js"),td=require("./helpers/queries/get-product-by-slug.js"),tg=require("./helpers/third-party/getAppBlocks.js"),tx=require("./helpers/third-party/addAppBlockId.js"),tS=require("./helpers/interaction/index.js"),th=require("./helpers/create-store-front-fetcher.js"),ty=require("./constants/index.js"),tm=require("./constants/device.js"),tC=require("./constants/product.js");exports.RenderChildren=e.RenderChildren,exports.RenderLiquid=e.default,exports.WrapRenderChildren=e.WrapRenderChildren,exports.RenderPreview=t.default,exports.Render=r.default,exports.AddOn=o.default,exports.BuilderPreviewProvider=s.BuilderPreviewProvider,exports.useBuilderPreviewStore=s.useBuilderPreviewStore,exports.BuilderComponentProvider=i.BuilderComponentProvider,exports.useBuilderComponent=i.useBuilderComponent,exports.ProductListProvider=a.ProductListProvider,exports.useProductListStore=a.useProductListStore,exports.ArticleListProvider=p.ArticleListProvider,exports.useArticleListStore=p.useArticleListStore,exports.CollectionProvider=u.CollectionProvider,exports.useCollectionStore=u.useCollectionStore,exports.CartLineProvider=n.CartLineProvider,exports.useCartLineStore=n.useCartLineStore,exports.SectionProvider=l.SectionProvider,exports.useSection=l.useSection,exports.useSectionStore=l.useSectionStore,exports.ProductProvider=c.ProductProvider,exports.useProductStore=c.useProductStore,exports.BuilderProvider=d.BuilderProvider,exports.useBuilderStore=d.useBuilderStore,exports.ArticleProvider=g.ArticleProvider,exports.useArticleStore=g.useArticleStore,exports.ModalProvider=x.ModalProvider,exports.useModalStore=x.useModalStore,exports.AddonProvider=S.AddonProvider,exports.useAddon=S.useAddon,exports.useAddons=S.useAddons,exports.ShopProvider=h.ShopProvider,exports.useShopStore=h.useShopStore,exports.PageProvider=y.PageProvider,exports.usePageStore=y.usePageStore,exports.I18nProvider=m.I18nProvider,exports.useI18nStore=m.useI18nStore,exports.CollectionDetailFilterDocument=C.CollectionDetailFilterDocument,exports.CollectionDocument=q.CollectionDocument,exports.CollectionsDocument=P.CollectionsDocument,exports.PublishedThemePagesDocument=v.PublishedThemePagesDocument,exports.StorePropertyDocument=j.StorePropertyDocument,exports.PreviewThemePageDocument=b.PreviewThemePageDocument,exports.PublishedShopMetasDocument=k.PublishedShopMetasDocument,exports.ShopShopifyDocument=f.ShopShopifyDocument,exports.ArticlesDocument=B.ArticlesDocument,exports.BlogsDocument=D.BlogsDocument,exports.ProductWithSellingPlansSelectFragment=T.ProductWithSellingPlansSelectFragment,exports.ProductsWithSellingPlansDocument=T.ProductsWithSellingPlansDocument,exports.ProductVariantsWithSellingPlansDocument=A.ProductVariantsWithSellingPlansDocument,exports.LibraryTemplateDocument=I.LibraryTemplateDocument,exports.ThemePageDocument=R.ThemePageDocument,exports.SaleFunnelDiscountsDocument=G.SaleFunnelDiscountsDocument,exports.LibrarySaleFunnelDocument=L.LibrarySaleFunnelDocument,exports.ShopLibraryPageDocument=V.ShopLibraryPageDocument,exports.SaleFunnelOfferDocument=F.SaleFunnelOfferDocument,exports.ThemePageMetaDocument=O.ThemePageMetaDocument,exports.composeBorderCss=E.composeBorderCss,exports.composeBorderResponsive=E.composeBorderResponsive,exports.getBorderRadiusStyle=E.getBorderRadiusStyle,exports.getBorderStyle=E.getBorderStyle,exports.handleConvertBorderColor=E.handleConvertBorderColor,exports.handleConvertBorderStyle=E.handleConvertBorderStyle,exports.handleConvertBorderWidth=E.handleConvertBorderWidth,exports.handleConvertClassColor=E.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=E.handleConvertClassColorDynamicBtn,exports.handleConvertInputBorderColor=E.handleConvertInputBorderColor,exports.getCarouselContainerHeight=w.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=w.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=w.makeDotGapToCarouselStyle,exports.cls=M.cls,exports.getResponsiveStateValue=z.getResponsiveStateValue,exports.getResponsiveValue=z.getResponsiveValue,exports.getResponsiveValueByScreen=z.getResponsiveValueByScreen,exports.isColumnDirectionExist=z.isColumnDirectionExist,exports.normalizeBuilderData=W.normalizeBuilderData,exports.composeSpacing=H.composeSpacing,exports.getSpacingVariable=H.getSpacingVariable,exports.filterToolbarPreview=Q.default,exports.flattenConnection=U.flattenConnection,exports.prefetchQueries=K.prefetchQueries,exports.isEmptyChildren=N.default,exports.getShortName=_.getShortName,exports.loadScript=Y.loadScript,exports.animations=J.animations,exports.globalEvent=Z.default,exports.validateEmail=X.validateEmail,exports.isBrowser=$.default,exports.isSafari=ee.default,exports.getProductQueryAll=et.getProductQueryAll,exports.getProducts=et.getProducts,exports.genVariable=er.genVariable,exports.tiktokpixel=eo,exports.fpixel=es,exports.gtag=ei,exports.GRADIENT_BGR_KEY=ea.GRADIENT_BGR_KEY,exports.composeBackgroundCss=ea.composeBackgroundCss,exports.getBgByDevice=ea.getBgByDevice,exports.getBgImageByDevice=ea.getBgImageByDevice,exports.getBgVideoByDevice=ea.getBgVideoByDevice,exports.getColor=ea.getColor,exports.getCombinedBackgroundImage=ea.getCombinedBackgroundImage,exports.getGradientBgrStyleByDevice=ea.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=ea.getGradientBgrStyleForButton,exports.getGradientImageBgrStyleByDevice=ea.getGradientImageBgrStyleByDevice,exports.getStyleBackgroundByDevice=ea.getStyleBackgroundByDevice,exports.getStyleBgColor=ea.getStyleBgColor,exports.makeFixedBgAttachment=ea.makeFixedBgAttachment,exports.composeBackgroundImageCss=ep.composeBackgroundImageCss,exports.getBgImageSourceByDevice=ep.getBgImageSourceByDevice,exports.getStyleBackgroundImage=ep.getStyleBackgroundImage,exports.getStyleBgImageSource=ep.getStyleBgImageSource,exports.composeTextColorCss=eu.composeTextColorCss,exports.getGlobalColorCSSProp=eu.getGlobalColorCSSProp,exports.getGlobalColorClass=eu.getGlobalColorClass,exports.getGlobalColorResponsiveClass=eu.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=eu.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=eu.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=eu.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=eu.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=eu.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=eu.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=eu.getGlobalColorStateStyle,exports.getGlobalColorStyle=eu.getGlobalColorStyle,exports.getSingleColorVariable=eu.getSingleColorVariable,exports.isColor=eu.isColor,exports.composeAdvanceStyle=en.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=en.composeAdvanceStyleForPostPurchase,exports.convertBoxShadowV1ToV2=en.convertBoxShadowV1ToV2,exports.filterAttrInStyle=en.filterAttrInStyle,exports.getCornerStyle=en.getCornerStyle,exports.removeAttrInStyle=en.removeAttrInStyle,exports.removePaddingYInStyle=en.removePaddingYInStyle,exports.splitStyle=en.splitStyle,exports.composeClasses=el.composeClasses,exports.baseAssetURL=ec.baseAssetURL,exports.isLocalEnv=ec.isLocalEnv,exports.convertHTML=ed.convertHTML,exports.composePositionLineHeight=eg.composePositionLineHeight,exports.composePostionIconList=eg.composePostionIconList,exports.isDefined=ex.isDefined,exports.composeGridLayout=eS.composeGridLayout,exports.convertOldLayout=eS.convertOldLayout,exports.getLayoutClasses=eS.getLayoutClasses,exports.gridToArrayRegex=eS.gridToArrayRegex,exports.optionLayoutStyle=eS.optionLayoutStyle,exports.makeAspectRatio=eh.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=eh.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=eh.makeGlobalSizeWidthResponsive,exports.makeHeight=eh.makeHeight,exports.makeLineClamp=eh.makeLineClamp,exports.makeStyle=eh.makeStyle,exports.makeStyleKey=eh.makeStyleKey,exports.makeStyleResponsive=eh.makeStyleResponsive,exports.makeStyleResponsiveByScreen=eh.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=eh.makeStyleResponsiveState,exports.makeStyleResponsiveWidth=eh.makeStyleResponsiveWidth,exports.makeStyleResponsiveWidthWithoutAuto=eh.makeStyleResponsiveWidthWithoutAuto,exports.makeStyleState=eh.makeStyleState,exports.makeWidth=eh.makeWidth,exports.removeNullUndefined=eh.removeNullUndefined,exports.convertTextAlignToJustify=ey.convertTextAlignToJustify,exports.getAlignmentClasses=ey.getAlignmentClasses,exports.filterHoverVariables=em.filterHoverVariables,exports.filterTruthyStyles=em.filterTruthyStyles,exports.cloneDeep=eC.cloneDeep,exports.hasTranslatedLiquid=eq.hasTranslatedLiquid,exports.checkHasChangeContent=eP.checkHasChangeContent,exports.createTranslateKey=eP.createTranslateKey,exports.extractOuterTagContent=eP.extractOuterTagContent,exports.getThemeSectionTranslateKey=eP.getThemeSectionTranslateKey,exports.getValueSettingFromSchema=eP.getValueSettingFromSchema,exports.replaceOuterTagContent=eP.replaceOuterTagContent,exports.getHashCode=ev.getHashCode,exports.checkInStock=ej.checkInStock,exports.checkAvailableVariantInStock=eb.checkAvailableVariantInStock,exports.getSelectedVariant=eb.getSelectedVariant,exports.parseSelectedOption=eb.parseSelectedOption,exports.generateCollectionQueryKey=ek.generateCollectionQueryKey,exports.generateProductQueryKey=ek.generateProductQueryKey,exports.generateProductsQueryKey=ek.generateProductsQueryKey,exports.composeCornerCss=ef.composeCornerCss,exports.composeRadius=ef.composeRadius,exports.composeRadiusResponsive=ef.composeRadiusResponsive,exports.getCornerCSSFromGlobal=ef.getCornerCSSFromGlobal,exports.getCustomRadius=ef.getCustomRadius,exports.getRadiusCSSFromGlobal=ef.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=ef.getRadiusStyleActiveState,exports.RenderIf=eB.RenderIf,exports.composeMemo=eB.composeMemo,exports.dataStringify=eB.dataStringify,exports.props=eB.props,exports.removeUndefinedValuesFromObject=eB.removeUndefinedValuesFromObject,exports.sanitizeLiquid=eB.sanitizeLiquid,exports.styles=eB.styles,exports.template=eB.template,exports.composeShadow=eD.composeShadow,exports.composeShadowCss=eD.composeShadowCss,exports.getResponsiveStyleShadow=eD.getResponsiveStyleShadow,exports.getResponsiveStyleShadowWithoutState=eD.getResponsiveStyleShadowWithoutState,exports.getStyleShadow=eD.getStyleShadow,exports.getStyleShadowState=eD.getStyleShadowState,exports.parseValueWithUnit=eD.parseValueWithUnit,exports.composeSize=eT.composeSize,exports.composeSizeCss=eT.composeSizeCss,exports.genSizeClass=eT.genSizeClass,exports.getAspectRatioGlobalSize=eT.getAspectRatioGlobalSize,exports.getFlexGrowClassByShapeGlobalSize=eT.getFlexGrowClassByShapeGlobalSize,exports.getGlobalSizeGap=eT.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=eT.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=eT.getPaddingGlobalSize,exports.getPaddingStyleByDevice=eT.getPaddingStyleByDevice,exports.getResponsiveStylePadding=eT.getResponsiveStylePadding,exports.getValueByDevice=eT.getValueByDevice,exports.getWidthByShapeGlobalSize=eT.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=eT.getWidthHeightGlobalSize,exports.makeGlobalSize=eT.makeGlobalSize,exports.makeGlobalSizeIcon=eT.makeGlobalSizeIcon,exports.makeStyleWithDefault=eT.makeStyleWithDefault,exports.composeFallbackTypographyStyle=eA.composeFallbackTypographyStyle,exports.composeFontFamilyTypographyV2=eA.composeFontFamilyTypographyV2,exports.composeTextHoverColorCss=eA.composeTextHoverColorCss,exports.composeTypography=eA.composeTypography,exports.composeTypographyAttr=eA.composeTypographyAttr,exports.composeTypographyClassName=eA.composeTypographyClassName,exports.composeTypographyCss=eA.composeTypographyCss,exports.composeTypographyStyle=eA.composeTypographyStyle,exports.composeTypographyV2=eA.composeTypographyV2,exports.composeTypographyV2Css=eA.composeTypographyV2Css,exports.genTypoClass=eA.genTypoClass,exports.useArticlesQuery=eI.useArticlesQuery,exports.useBlogsQuery=eI.useBlogsQuery,exports.useAddToCart=eR.useAddToCart,exports.useCartData=eG.useCartData,exports.useCartDiscountCodesUpdate=eL.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=eV.useCartNoteUpdate,exports.useCreateCart=eF.useCreateCart,exports.useRemoveCartItem=eO.useRemoveCartItem,exports.useUpdateCartItem=eE.useUpdateCartItem,exports.useCheckoutUrl=ew.useCheckoutUrl,exports.useConnectedShopify=ew.useConnectedShopify,exports.useCurrency=ew.useCurrency,exports.useEditorMode=ew.useEditorMode,exports.useIsSampleProduct=ew.useIsSampleProduct,exports.useIsStorefrontProduct=ew.useIsStorefrontProduct,exports.useLocale=ew.useLocale,exports.useMatchMutate=ew.useMatchMutate,exports.useMobileOnly=ew.useMobileOnly,exports.useMoneyFormat=ew.useMoneyFormat,exports.usePageType=ew.usePageType,exports.usePluginEnable=ew.usePluginEnable,exports.useStoreFront=ew.useStoreFront,exports.useSwatches=ew.useSwatches,exports.useTimezone=ew.useTimezone,exports.useCollectionQuery=eM.useCollectionQuery,exports.useCollectionsQuery=ez.useCollectionsQuery,exports.useProductQuery=eW.useProductQuery,exports.useProductOffersQuery=eH.useProductOffersQuery,exports.useFetchHandle=eQ.useFetchHandle,exports.useProductsQuery=eU.useProductsQuery,exports.useProductsQueryAll=eU.useProductsQueryAll,exports.useCurrentDevice=eK.useCurrentDevice,exports.useLazyVideo=eN.useLazyVideo,exports.useCartId=e_.default,exports.useCartLine=eY.default,exports.useCartUI=eJ.default,exports.useCollection=eZ.useCollection,exports.convertDecimalToNumber=eX.convertDecimalToNumber,exports.formatMoney=eX.formatMoney,exports.shopifyPriceRounding=eX.shopifyPriceRounding,exports.useFormatMoney=eX.useFormatMoney,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return e$.useId}}),exports.useInitialSwatchesOptions=e0.default,exports.useIsomorphicLayoutEffect=e1.default,exports.useLoadScript=e2.default,exports.useMoney=e8.default,exports.usePrevious=e3.usePrevious,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e4.tGlobal}}),exports.useI18n=e4.useI18n,exports.useStickyStore=e5.useStickyStore,exports.useCheckAvailableVariantInStock=e6.useCheckAvailableVariantInStock,exports.useCurrentVariant=e6.useCurrentVariant,exports.useCurrentVariantInStock=e6.useCurrentVariantInStock,exports.useFeaturedImageGlobal=e6.useFeaturedImageGlobal,exports.useHasPreSelected=e6.useHasPreSelected,exports.useIsSyncProduct=e6.useIsSyncProduct,exports.useProduct=e6.useProduct,exports.useProductBundleDiscount=e6.useProductBundleDiscount,exports.useProductOfferDiscount=e6.useProductOfferDiscount,exports.useProductProperties=e6.useProductProperties,exports.useProductShopifyEditLink=e6.useProductShopifyEditLink,exports.useQuantity=e6.useQuantity,exports.useSelectedOption=e6.useSelectedOption,exports.useUniqProductID=e6.useUniqProductID,exports.useVariant=e6.useVariant,exports.useVariantOutStock=e6.useVariantOutStock,exports.useVariants=e6.useVariants,exports.useShopifyLink=e7.useShopifyLink,exports.useSuspenseFetch=e9.default,exports.useSwatchesOptions=te.default,exports.useRenderMode=tt.useRenderMode,exports.usePreviewSharePage=tr.usePreviewSharePage,exports.useSafeGetProductListSettings=to.useSafeGetProductListSettings,Object.defineProperty(exports,"RenderModeEnv",{enumerable:!0,get:function(){return ts.RenderModeEnv}}),Object.defineProperty(exports,"InteractionTargetEvent",{enumerable:!0,get:function(){return ti.InteractionTargetEvent}}),Object.defineProperty(exports,"InteractionTriggerEvent",{enumerable:!0,get:function(){return ti.InteractionTriggerEvent}}),Object.defineProperty(exports,"SectionMode",{enumerable:!0,get:function(){return ti.SectionMode}}),exports.ShopType=ta,exports.AppAPIType=tp,exports.OptionNormalStyle=tu.OptionNormalStyle,exports.OptionSpecialStyle=tu.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return tn.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return tn.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return tn.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return tn.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return tn.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return tn.AnimationZoomDirectionType}}),exports.calculateFirstProduct=tl.calculateFirstProduct,exports.getCollection=tl.getCollection,exports.fetchMedias=tc.fetchMedias,exports.fetchVariants=tc.fetchVariants,exports.getProduct=tc.getProduct,exports.getProductBySlug=td.getProductBySlug,exports.getAppBlocks=tg.getAppBlocks,exports.addAppBlockId=tx.addAppBlockId,exports.useInteraction=tS.useInteraction,exports.createStoreFrontFetcher=th.createStoreFrontFetcher,exports.hasPublicStoreFrontData=th.hasPublicStoreFrontData,exports.BLACKLIST_TAGS=ty.BLACKLIST_TAGS,exports.DEVICES=tm.DEVICES,exports.EMPTY_DEVICE_VALUE=tm.EMPTY_DEVICE_VALUE,exports.PICKED_PRODUCT_STATUSES=tC.PICKED_PRODUCT_STATUSES;
1
+ "use strict";var e=require("./components/Render.liquid.js"),t=require("./components/toolbar/PasteErrorPageBanner.js"),r=require("./components/RenderPreview.js"),o=require("./components/Render.js"),s=require("./components/AddOn.js"),i=require("./contexts/BuilderPreviewContext.js"),a=require("./contexts/BuilderComponent.js"),p=require("./contexts/ProductListContext.js"),n=require("./contexts/ArticleListContext.js"),u=require("./contexts/CollectionContext.js"),l=require("./contexts/CartLineContext.js"),c=require("./contexts/SectionContext.js"),d=require("./contexts/ProductContext.js"),g=require("./contexts/BuilderContext.js"),x=require("./contexts/ArticleContext.js"),S=require("./contexts/ModalContext.js"),h=require("./contexts/AddonContext.js"),y=require("./contexts/ShopContext.js"),m=require("./contexts/PageContext.js"),C=require("./contexts/I18nContext.js"),q=require("./graphql/queries/collection-detail-filter.generated.js"),P=require("./graphql/queries/collection.generated.js"),v=require("./graphql/queries/collections.generated.js"),j=require("./graphql/queries/published-theme-pages.generated.js"),b=require("./graphql/queries/store-property.generated.js"),k=require("./graphql/queries/preview-page.generated.js"),B=require("./graphql/queries/published-shop-metas.generated.js"),f=require("./graphql/queries/shop-shopify.generated.js"),D=require("./graphql/queries/articles.generated.js"),T=require("./graphql/queries/blogs.generated.js"),A=require("./graphql/queries/products-with-selling-plans.generated.js"),I=require("./graphql/queries/product-variant-with-selling-plans.generated.js"),R=require("./graphql-app-api/queries/LibraryTemplate.generated.js"),G=require("./graphql-app-api/queries/ThemePage.generated.js"),L=require("./graphql-app-api/queries/SaleFunnelDiscounts.generated.js"),V=require("./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js"),F=require("./graphql-app-api/queries/ShopLibraryPage.generated.js"),O=require("./graphql-app-api/queries/SaleFunnelOffer.generated.js"),E=require("./graphql-app-api/queries/ThemePageMeta.generated.js"),w=require("./helpers/borders.js"),M=require("./helpers/carousel.js"),z=require("./helpers/cls.js"),W=require("./helpers/get-resonsive-value.js"),H=require("./helpers/normalize-builder-data.js"),Q=require("./helpers/spacing.js"),U=require("./helpers/filter-toolbar-preview.js"),K=require("./helpers/flatten-connection.js"),N=require("./helpers/prefetch-queries.js"),_=require("./helpers/is-empty-children.js"),Y=require("./helpers/get-shortname.js"),J=require("./helpers/load-script.js"),Z=require("./helpers/animations.js"),X=require("./helpers/GlobalEvent.js"),$=require("./helpers/email.js"),ee=require("./helpers/is-browser.js"),et=require("./helpers/is-safari.js"),er=require("./helpers/queries/get-products.js"),eo=require("./helpers/css-variable.js"),es=require("./helpers/tracking/tiktokpixel.js"),ei=require("./helpers/tracking/fpixel.js"),ea=require("./helpers/tracking/gtag.js"),ep=require("./helpers/background.js"),en=require("./helpers/backgroundImage.js"),eu=require("./helpers/colors.js"),el=require("./helpers/compose-advance-style.js"),ec=require("./helpers/composeClasses.js"),ed=require("./helpers/convert.js"),eg=require("./helpers/covert-entities-html.js"),ex=require("./helpers/icon-list.js"),eS=require("./helpers/is-defined.js"),eh=require("./helpers/layout.js"),ey=require("./helpers/make-style.js"),em=require("./helpers/align.js"),eC=require("./helpers/filter-styles.js"),eq=require("./helpers/clone-deep.js"),eP=require("./helpers/liquid.js"),ev=require("./helpers/createTranslateKey.js"),ej=require("./helpers/getHashCode.js"),eb=require("./helpers/variant.js"),ek=require("./helpers/product.js"),eB=require("./helpers/query.js"),ef=require("./helpers/radius.js"),eD=require("./helpers/render.js"),eT=require("./helpers/shadow.js"),eA=require("./helpers/size.js"),eI=require("./helpers/typography.js"),eR=require("./hooks/articles/useArticlesQuery.js"),eG=require("./hooks/cart/use-add-to-cart.js"),eL=require("./hooks/cart/use-cart-data.js"),eV=require("./hooks/cart/use-cart-discount-codes-update.js"),eF=require("./hooks/cart/use-cart-note-update.js"),eO=require("./hooks/cart/use-create-cart.js"),eE=require("./hooks/cart/use-remove-cart-item.js"),ew=require("./hooks/cart/use-update-cart-item.js"),eM=require("./hooks/shop.js"),ez=require("./hooks/shop/use-collection-query.js"),eW=require("./hooks/shop/use-collections-query.js"),eH=require("./hooks/shop/use-product-query.js"),eQ=require("./hooks/shop/useProductOffersQuery.js"),eU=require("./hooks/useFetchHandle.js"),eK=require("./hooks/shop/use-products-query.js"),eN=require("./hooks/use-current-device.js"),e_=require("./hooks/use-lazy-video.js"),eY=require("./hooks/useCartId.js"),eJ=require("./hooks/useCartLine.js"),eZ=require("./hooks/useCartUI.js"),eX=require("./hooks/useCollection.js"),e$=require("./hooks/useFormatMoney.js"),e0=require("react"),e1=require("./hooks/useInitialSwatchesOptions.js"),e2=require("./hooks/useIsomorphicLayoutEffect.js"),e8=require("./hooks/useLoadScript.js"),e3=require("./hooks/useMoney.js"),e4=require("./hooks/usePrevious.js"),e5=require("./hooks/useI18n.js"),e6=require("./hooks/useStickyStore.js"),e7=require("./hooks/useProduct.js"),e9=require("./hooks/shop/useShopifyLink.js"),te=require("./hooks/useSuspenseFetch.js"),tt=require("./hooks/useSwatchesOptions.js"),tr=require("./hooks/useRenderMode.js"),to=require("./hooks/usePreviewSharePage.js"),ts=require("./hooks/useProductList.js"),ti=require("./types/builder.js"),ta=require("./types/custom.js"),tp=require("./types/shop.js"),tn=require("./types/appAPI.js"),tu=require("./types/global-style.js"),tl=require("./types/animations.js"),tc=require("./helpers/queries/get-collection.js"),td=require("./helpers/queries/get-product.js"),tg=require("./helpers/queries/get-product-by-slug.js"),tx=require("./helpers/third-party/getAppBlocks.js"),tS=require("./helpers/third-party/addAppBlockId.js"),th=require("./helpers/interaction/index.js"),ty=require("./helpers/create-store-front-fetcher.js"),tm=require("./constants/index.js"),tC=require("./constants/device.js"),tq=require("./constants/product.js");exports.RenderChildren=e.RenderChildren,exports.RenderLiquid=e.default,exports.WrapRenderChildren=e.WrapRenderChildren,exports.PasteErrorPageBanner=t.PasteErrorPageBanner,exports.RenderPreview=r.default,exports.Render=o.default,exports.AddOn=s.default,exports.BuilderPreviewProvider=i.BuilderPreviewProvider,exports.useBuilderPreviewStore=i.useBuilderPreviewStore,exports.BuilderComponentProvider=a.BuilderComponentProvider,exports.useBuilderComponent=a.useBuilderComponent,exports.ProductListProvider=p.ProductListProvider,exports.useProductListStore=p.useProductListStore,exports.ArticleListProvider=n.ArticleListProvider,exports.useArticleListStore=n.useArticleListStore,exports.CollectionProvider=u.CollectionProvider,exports.useCollectionStore=u.useCollectionStore,exports.CartLineProvider=l.CartLineProvider,exports.useCartLineStore=l.useCartLineStore,exports.SectionProvider=c.SectionProvider,exports.useSection=c.useSection,exports.useSectionStore=c.useSectionStore,exports.ProductProvider=d.ProductProvider,exports.useProductStore=d.useProductStore,exports.BuilderProvider=g.BuilderProvider,exports.useBuilderStore=g.useBuilderStore,exports.ArticleProvider=x.ArticleProvider,exports.useArticleStore=x.useArticleStore,exports.ModalProvider=S.ModalProvider,exports.useModalStore=S.useModalStore,exports.AddonProvider=h.AddonProvider,exports.useAddon=h.useAddon,exports.useAddons=h.useAddons,exports.ShopProvider=y.ShopProvider,exports.useShopStore=y.useShopStore,exports.PageProvider=m.PageProvider,exports.usePageStore=m.usePageStore,exports.I18nProvider=C.I18nProvider,exports.useI18nStore=C.useI18nStore,exports.CollectionDetailFilterDocument=q.CollectionDetailFilterDocument,exports.CollectionDocument=P.CollectionDocument,exports.CollectionsDocument=v.CollectionsDocument,exports.PublishedThemePagesDocument=j.PublishedThemePagesDocument,exports.StorePropertyDocument=b.StorePropertyDocument,exports.PreviewThemePageDocument=k.PreviewThemePageDocument,exports.PublishedShopMetasDocument=B.PublishedShopMetasDocument,exports.ShopShopifyDocument=f.ShopShopifyDocument,exports.ArticlesDocument=D.ArticlesDocument,exports.BlogsDocument=T.BlogsDocument,exports.ProductWithSellingPlansSelectFragment=A.ProductWithSellingPlansSelectFragment,exports.ProductsWithSellingPlansDocument=A.ProductsWithSellingPlansDocument,exports.ProductVariantsWithSellingPlansDocument=I.ProductVariantsWithSellingPlansDocument,exports.LibraryTemplateDocument=R.LibraryTemplateDocument,exports.ThemePageDocument=G.ThemePageDocument,exports.SaleFunnelDiscountsDocument=L.SaleFunnelDiscountsDocument,exports.LibrarySaleFunnelDocument=V.LibrarySaleFunnelDocument,exports.ShopLibraryPageDocument=F.ShopLibraryPageDocument,exports.SaleFunnelOfferDocument=O.SaleFunnelOfferDocument,exports.ThemePageMetaDocument=E.ThemePageMetaDocument,exports.composeBorderCss=w.composeBorderCss,exports.composeBorderResponsive=w.composeBorderResponsive,exports.getBorderRadiusStyle=w.getBorderRadiusStyle,exports.getBorderStyle=w.getBorderStyle,exports.handleConvertBorderColor=w.handleConvertBorderColor,exports.handleConvertBorderStyle=w.handleConvertBorderStyle,exports.handleConvertBorderWidth=w.handleConvertBorderWidth,exports.handleConvertClassColor=w.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=w.handleConvertClassColorDynamicBtn,exports.handleConvertInputBorderColor=w.handleConvertInputBorderColor,exports.getCarouselContainerHeight=M.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=M.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=M.makeDotGapToCarouselStyle,exports.cls=z.cls,exports.getResponsiveStateValue=W.getResponsiveStateValue,exports.getResponsiveValue=W.getResponsiveValue,exports.getResponsiveValueByScreen=W.getResponsiveValueByScreen,exports.isColumnDirectionExist=W.isColumnDirectionExist,exports.normalizeBuilderData=H.normalizeBuilderData,exports.composeSpacing=Q.composeSpacing,exports.getSpacingVariable=Q.getSpacingVariable,exports.filterToolbarPreview=U.default,exports.flattenConnection=K.flattenConnection,exports.prefetchQueries=N.prefetchQueries,exports.isEmptyChildren=_.default,exports.getShortName=Y.getShortName,exports.loadScript=J.loadScript,exports.animations=Z.animations,exports.globalEvent=X.default,exports.validateEmail=$.validateEmail,exports.isBrowser=ee.default,exports.isSafari=et.default,exports.getProductQueryAll=er.getProductQueryAll,exports.getProducts=er.getProducts,exports.genVariable=eo.genVariable,exports.tiktokpixel=es,exports.fpixel=ei,exports.gtag=ea,exports.GRADIENT_BGR_KEY=ep.GRADIENT_BGR_KEY,exports.composeBackgroundCss=ep.composeBackgroundCss,exports.getBgByDevice=ep.getBgByDevice,exports.getBgImageByDevice=ep.getBgImageByDevice,exports.getBgVideoByDevice=ep.getBgVideoByDevice,exports.getColor=ep.getColor,exports.getCombinedBackgroundImage=ep.getCombinedBackgroundImage,exports.getGradientBgrStyleByDevice=ep.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=ep.getGradientBgrStyleForButton,exports.getGradientImageBgrStyleByDevice=ep.getGradientImageBgrStyleByDevice,exports.getStyleBackgroundByDevice=ep.getStyleBackgroundByDevice,exports.getStyleBgColor=ep.getStyleBgColor,exports.makeFixedBgAttachment=ep.makeFixedBgAttachment,exports.composeBackgroundImageCss=en.composeBackgroundImageCss,exports.getBgImageSourceByDevice=en.getBgImageSourceByDevice,exports.getStyleBackgroundImage=en.getStyleBackgroundImage,exports.getStyleBgImageSource=en.getStyleBgImageSource,exports.composeTextColorCss=eu.composeTextColorCss,exports.getGlobalColorCSSProp=eu.getGlobalColorCSSProp,exports.getGlobalColorClass=eu.getGlobalColorClass,exports.getGlobalColorResponsiveClass=eu.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=eu.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=eu.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=eu.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=eu.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=eu.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=eu.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=eu.getGlobalColorStateStyle,exports.getGlobalColorStyle=eu.getGlobalColorStyle,exports.getSingleColorVariable=eu.getSingleColorVariable,exports.isColor=eu.isColor,exports.composeAdvanceStyle=el.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=el.composeAdvanceStyleForPostPurchase,exports.convertBoxShadowV1ToV2=el.convertBoxShadowV1ToV2,exports.filterAttrInStyle=el.filterAttrInStyle,exports.getCornerStyle=el.getCornerStyle,exports.removeAttrInStyle=el.removeAttrInStyle,exports.removePaddingYInStyle=el.removePaddingYInStyle,exports.splitStyle=el.splitStyle,exports.composeClasses=ec.composeClasses,exports.baseAssetURL=ed.baseAssetURL,exports.isLocalEnv=ed.isLocalEnv,exports.convertHTML=eg.convertHTML,exports.composePositionLineHeight=ex.composePositionLineHeight,exports.composePostionIconList=ex.composePostionIconList,exports.isDefined=eS.isDefined,exports.composeGridLayout=eh.composeGridLayout,exports.convertOldLayout=eh.convertOldLayout,exports.getLayoutClasses=eh.getLayoutClasses,exports.gridToArrayRegex=eh.gridToArrayRegex,exports.optionLayoutStyle=eh.optionLayoutStyle,exports.makeAspectRatio=ey.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=ey.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=ey.makeGlobalSizeWidthResponsive,exports.makeHeight=ey.makeHeight,exports.makeLineClamp=ey.makeLineClamp,exports.makeStyle=ey.makeStyle,exports.makeStyleKey=ey.makeStyleKey,exports.makeStyleResponsive=ey.makeStyleResponsive,exports.makeStyleResponsiveByScreen=ey.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=ey.makeStyleResponsiveState,exports.makeStyleResponsiveWidth=ey.makeStyleResponsiveWidth,exports.makeStyleResponsiveWidthWithoutAuto=ey.makeStyleResponsiveWidthWithoutAuto,exports.makeStyleState=ey.makeStyleState,exports.makeWidth=ey.makeWidth,exports.removeNullUndefined=ey.removeNullUndefined,exports.convertTextAlignToJustify=em.convertTextAlignToJustify,exports.getAlignmentClasses=em.getAlignmentClasses,exports.filterHoverVariables=eC.filterHoverVariables,exports.filterTruthyStyles=eC.filterTruthyStyles,exports.cloneDeep=eq.cloneDeep,exports.hasTranslatedLiquid=eP.hasTranslatedLiquid,exports.checkHasChangeContent=ev.checkHasChangeContent,exports.createTranslateKey=ev.createTranslateKey,exports.extractOuterTagContent=ev.extractOuterTagContent,exports.getThemeSectionTranslateKey=ev.getThemeSectionTranslateKey,exports.getValueSettingFromSchema=ev.getValueSettingFromSchema,exports.replaceOuterTagContent=ev.replaceOuterTagContent,exports.getHashCode=ej.getHashCode,exports.checkInStock=eb.checkInStock,exports.checkAvailableVariantInStock=ek.checkAvailableVariantInStock,exports.getSelectedVariant=ek.getSelectedVariant,exports.parseSelectedOption=ek.parseSelectedOption,exports.generateCollectionQueryKey=eB.generateCollectionQueryKey,exports.generateProductQueryKey=eB.generateProductQueryKey,exports.generateProductsQueryKey=eB.generateProductsQueryKey,exports.composeCornerCss=ef.composeCornerCss,exports.composeRadius=ef.composeRadius,exports.composeRadiusResponsive=ef.composeRadiusResponsive,exports.getCornerCSSFromGlobal=ef.getCornerCSSFromGlobal,exports.getCustomRadius=ef.getCustomRadius,exports.getRadiusCSSFromGlobal=ef.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=ef.getRadiusStyleActiveState,exports.RenderIf=eD.RenderIf,exports.composeMemo=eD.composeMemo,exports.dataStringify=eD.dataStringify,exports.props=eD.props,exports.removeUndefinedValuesFromObject=eD.removeUndefinedValuesFromObject,exports.sanitizeLiquid=eD.sanitizeLiquid,exports.styles=eD.styles,exports.template=eD.template,exports.composeShadow=eT.composeShadow,exports.composeShadowCss=eT.composeShadowCss,exports.getResponsiveStyleShadow=eT.getResponsiveStyleShadow,exports.getResponsiveStyleShadowWithoutState=eT.getResponsiveStyleShadowWithoutState,exports.getStyleShadow=eT.getStyleShadow,exports.getStyleShadowState=eT.getStyleShadowState,exports.parseValueWithUnit=eT.parseValueWithUnit,exports.composeSize=eA.composeSize,exports.composeSizeCss=eA.composeSizeCss,exports.genSizeClass=eA.genSizeClass,exports.getAspectRatioGlobalSize=eA.getAspectRatioGlobalSize,exports.getFlexGrowClassByShapeGlobalSize=eA.getFlexGrowClassByShapeGlobalSize,exports.getGlobalSizeGap=eA.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=eA.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=eA.getPaddingGlobalSize,exports.getPaddingStyleByDevice=eA.getPaddingStyleByDevice,exports.getResponsiveStylePadding=eA.getResponsiveStylePadding,exports.getValueByDevice=eA.getValueByDevice,exports.getWidthByShapeGlobalSize=eA.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=eA.getWidthHeightGlobalSize,exports.makeGlobalSize=eA.makeGlobalSize,exports.makeGlobalSizeIcon=eA.makeGlobalSizeIcon,exports.makeStyleWithDefault=eA.makeStyleWithDefault,exports.composeFallbackTypographyStyle=eI.composeFallbackTypographyStyle,exports.composeFontFamilyTypographyV2=eI.composeFontFamilyTypographyV2,exports.composeTextHoverColorCss=eI.composeTextHoverColorCss,exports.composeTypography=eI.composeTypography,exports.composeTypographyAttr=eI.composeTypographyAttr,exports.composeTypographyClassName=eI.composeTypographyClassName,exports.composeTypographyCss=eI.composeTypographyCss,exports.composeTypographyStyle=eI.composeTypographyStyle,exports.composeTypographyV2=eI.composeTypographyV2,exports.composeTypographyV2Css=eI.composeTypographyV2Css,exports.genTypoClass=eI.genTypoClass,exports.useArticlesQuery=eR.useArticlesQuery,exports.useBlogsQuery=eR.useBlogsQuery,exports.useAddToCart=eG.useAddToCart,exports.useCartData=eL.useCartData,exports.useCartDiscountCodesUpdate=eV.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=eF.useCartNoteUpdate,exports.useCreateCart=eO.useCreateCart,exports.useRemoveCartItem=eE.useRemoveCartItem,exports.useUpdateCartItem=ew.useUpdateCartItem,exports.useCheckoutUrl=eM.useCheckoutUrl,exports.useConnectedShopify=eM.useConnectedShopify,exports.useCurrency=eM.useCurrency,exports.useEditorMode=eM.useEditorMode,exports.useIsSampleProduct=eM.useIsSampleProduct,exports.useIsStorefrontProduct=eM.useIsStorefrontProduct,exports.useLocale=eM.useLocale,exports.useMatchMutate=eM.useMatchMutate,exports.useMobileOnly=eM.useMobileOnly,exports.useMoneyFormat=eM.useMoneyFormat,exports.usePageType=eM.usePageType,exports.usePluginEnable=eM.usePluginEnable,exports.useStoreFront=eM.useStoreFront,exports.useSwatches=eM.useSwatches,exports.useTimezone=eM.useTimezone,exports.useCollectionQuery=ez.useCollectionQuery,exports.useCollectionsQuery=eW.useCollectionsQuery,exports.useProductQuery=eH.useProductQuery,exports.useProductOffersQuery=eQ.useProductOffersQuery,exports.useFetchHandle=eU.useFetchHandle,exports.useProductsQuery=eK.useProductsQuery,exports.useProductsQueryAll=eK.useProductsQueryAll,exports.useCurrentDevice=eN.useCurrentDevice,exports.useLazyVideo=e_.useLazyVideo,exports.useCartId=eY.default,exports.useCartLine=eJ.default,exports.useCartUI=eZ.default,exports.useCollection=eX.useCollection,exports.convertDecimalToNumber=e$.convertDecimalToNumber,exports.formatMoney=e$.formatMoney,exports.shopifyPriceRounding=e$.shopifyPriceRounding,exports.useFormatMoney=e$.useFormatMoney,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return e0.useId}}),exports.useInitialSwatchesOptions=e1.default,exports.useIsomorphicLayoutEffect=e2.default,exports.useLoadScript=e8.default,exports.useMoney=e3.default,exports.usePrevious=e4.usePrevious,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e5.tGlobal}}),exports.useI18n=e5.useI18n,exports.useStickyStore=e6.useStickyStore,exports.useCheckAvailableVariantInStock=e7.useCheckAvailableVariantInStock,exports.useCurrentVariant=e7.useCurrentVariant,exports.useCurrentVariantInStock=e7.useCurrentVariantInStock,exports.useFeaturedImageGlobal=e7.useFeaturedImageGlobal,exports.useHasPreSelected=e7.useHasPreSelected,exports.useIsSyncProduct=e7.useIsSyncProduct,exports.useProduct=e7.useProduct,exports.useProductBundleDiscount=e7.useProductBundleDiscount,exports.useProductOfferDiscount=e7.useProductOfferDiscount,exports.useProductProperties=e7.useProductProperties,exports.useProductShopifyEditLink=e7.useProductShopifyEditLink,exports.useQuantity=e7.useQuantity,exports.useSelectedOption=e7.useSelectedOption,exports.useUniqProductID=e7.useUniqProductID,exports.useVariant=e7.useVariant,exports.useVariantOutStock=e7.useVariantOutStock,exports.useVariants=e7.useVariants,exports.useShopifyLink=e9.useShopifyLink,exports.useSuspenseFetch=te.default,exports.useSwatchesOptions=tt.default,exports.useRenderMode=tr.useRenderMode,exports.usePreviewSharePage=to.usePreviewSharePage,exports.useSafeGetProductListSettings=ts.useSafeGetProductListSettings,Object.defineProperty(exports,"RenderModeEnv",{enumerable:!0,get:function(){return ti.RenderModeEnv}}),Object.defineProperty(exports,"InteractionTargetEvent",{enumerable:!0,get:function(){return ta.InteractionTargetEvent}}),Object.defineProperty(exports,"InteractionTriggerEvent",{enumerable:!0,get:function(){return ta.InteractionTriggerEvent}}),Object.defineProperty(exports,"SectionMode",{enumerable:!0,get:function(){return ta.SectionMode}}),exports.ShopType=tp,exports.AppAPIType=tn,exports.OptionNormalStyle=tu.OptionNormalStyle,exports.OptionSpecialStyle=tu.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return tl.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return tl.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return tl.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return tl.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return tl.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return tl.AnimationZoomDirectionType}}),exports.calculateFirstProduct=tc.calculateFirstProduct,exports.getCollection=tc.getCollection,exports.fetchMedias=td.fetchMedias,exports.fetchVariants=td.fetchVariants,exports.getProduct=td.getProduct,exports.getProductBySlug=tg.getProductBySlug,exports.getAppBlocks=tx.getAppBlocks,exports.addAppBlockId=tS.addAppBlockId,exports.useInteraction=th.useInteraction,exports.createStoreFrontFetcher=ty.createStoreFrontFetcher,exports.hasPublicStoreFrontData=ty.hasPublicStoreFrontData,exports.BLACKLIST_TAGS=tm.BLACKLIST_TAGS,exports.DEVICES=tC.DEVICES,exports.EMPTY_DEVICE_VALUE=tC.EMPTY_DEVICE_VALUE,exports.PICKED_PRODUCT_STATUSES=tq.PICKED_PRODUCT_STATUSES;
package/dist/esm/components/ComponentToolbarPreview.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{ThemeSectionStatusWrapper as o}from"./theme-section/ThemeSectionStatus.js";import{memo as r,useState as l,useMemo as n,useCallback as a,useEffect as d}from"react";import"zustand";import{useBuilderPreviewStore as C}from"../contexts/BuilderPreviewContext.js";import{usePageStore as s}from"../contexts/PageContext.js";import{CreateThemeSection as p}from"./theme-section/CreateThemeSection.js";import{usePostPurchase as c}from"../hooks/useToolbarPostPurchase.js";import{SectionErrorBanner as h}from"./toolbar/SectionErrorBanner.js";import{InteractionSuffix as u}from"./InteractionSuffix.js";import g from"./upgrade-element/UpgradeElement.js";import{useI18nStore as m}from"@gem-sdk/core";import f from"./toolbar/Tooltip.js";import b from"./resize/Resize.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/productsV2.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr";import"../helpers/convert.js";import"crc-32";import{useShopStore as v}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let w=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},S=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var L=r(r=>{let{t:L}=m(),y=r.isThemeSection,x=!!r.isShopifySection,M=v(e=>e.storefrontUrl),Z=v(e=>e.pageType),q=C(e=>e.getParents),j=C(e=>e.getItem("ROOT")),R=C(e=>e.isThemeSectionEditor),[H,V]=l(null),[P,E]=l(!1),[T,A]=l(!1),[B,k]=l([]),[$,F]=l("top"),[I,D]=l(!1),[U,O]=l(!1),[N,z]=l(""),[_,G]=l(""),[J,K]=l({width:"",text:""}),[Q,W]=l(!1),X=C(e=>e.errorSectionList),Y=n(()=>{if(!X)return null;let e=X?.find(e=>e.uid===r.uid);return e},[X,r.uid]),ee=s(e=>e.interactionData),et=n(()=>"POST_PURCHASE"===Z,[Z]),{checkDisableDelete:ei,getTooltipText:eo,checkDisableDuplicate:er}=c(r.uid,r.tag||""),el=["ProductTitle","ProductDescription","ProductPrice"],en=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],ea=[...el,...en],ed=(e,t)=>{let i=B.length,o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top-r.top<36*i},eC=(e,t)=>{let i=t||e;if(e&&!S(e))return w(e)&&ed(t,e)?e:e.parentElement?eC(e.parentElement,i):void 0},es=a(()=>j?.childrens?.length||0,[j?.childrens?.length]),ep=a(()=>{if("Section"==r.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?F("bottom"):F("top")}},[r.tag]),ec=n(()=>M?M.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[M]),eh=n(()=>`https://admin.shopify.com/store/${ec}`,[ec]),eu=n(()=>N?`${eh}/products/${N}`:"",[eh,N]),eg=n(()=>_?`${eh}/articles/${_.replace("gid://shopify/Article/","")}`:"",[_,eh]),em=n(()=>ee?.isSelectOnPage,[ee?.isSelectOnPage]),ef=n(()=>ee?.settingType,[ee?.settingType]),eb=n(()=>ee?.item?.targets?.find(e=>e.uid===r.uid&&e?.type!=="PAGE")&&"TARGET"===ef,[ee?.item?.targets,r.uid,ef]),ev=n(()=>ee?.item?.self?.uid===r.uid&&ee?.item?.self.type!=="PAGE"&&"TRIGGER"===ef,[ee?.item?.self?.type,ee?.item?.self?.uid,r.uid,ef]),ew=n(()=>!eb&&!ev,[eb,ev]),eS=n(()=>I||x,[I,x]),eL=n(()=>Q||x||es()>25&&"Section"===r.tag||!!Y,[es,Q,x,r.tag,Y]),ey=C(e=>e.activeComponentDetail),ex=a(e=>{if(e?.articleId&&G(e.articleId),e?.productId&&z(e.productId),e?.componentUid==r.uid){O(!0),ep(),et&&(D(ei()),K(eo()),W(er()));let e=q(r.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&R||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);k(e)}else O(!1),k([]),E(!1)},[r.uid,et,q,ei,eo,er,R,ep]),eM=C(e=>e.dismissPublishError),eZ=a(()=>{eM(r.uid)},[eM,r.uid]),eq=a(()=>"Section"!==r.tag?-1:j?.childrens?.length?j.childrens.findIndex(e=>e==r.uid):-1,[j?.childrens,r.uid,r.tag]),ej=n(()=>eq()>=25,[eq]),eR=n(()=>!!Y||ej,[Y,ej]);if(d(()=>{ex(ey)},[ey]),"section"===r.type||r.editorConfigs?.toolbar?.hide)return null;let eH=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?L("Row {colNumber} col",{colNumber:t}):L("Row {colNumber} cols",{colNumber:t});return e}return L(e.label)},eV=e=>{if(!B.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(P)A(!1),E(!1);else{let e=eC(i,i);if(e)A(!0);else{let e=i.getBoundingClientRect();e.top<36*B.length?A(!0):A(!1)}E(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!P}});window.dispatchEvent(o)},eP=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:r.uid,isThemeSection:y,isShopifySection:x}});return window.dispatchEvent(t),!1},eE=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:r.uid,isThemeSection:y,isShopifySection:x}});return window.dispatchEvent(t),!1},eT=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:r.uid}});return window.dispatchEvent(t),!1},eA=()=>{V(null),window.removeEventListener("editor:close-add-section-popup",eA)},eB=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),es()>=25)return!1;let i=e.target;if(i){V(t);let e=i.getBoundingClientRect(),o=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:r.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(o),window.addEventListener("editor:close-add-section-popup",eA)}return!1},ek="Section"===r.tag&&!r.isThemeSection&&"STATIC"!==Z&&"POST_PURCHASE"!==Z&&!r.isShopifySection&&25>eq()&&!Y;return e(t,{children:[!("Section"==r.tag&&R)&&e("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==r.tag,"data-toolbar-theme-section":"Section"==r.tag&&!!y||R,"data-toolbar-shopify-section":"Section"==r.tag&&!!x,"data-toolbar-limit":eq()>=25||!!Y,children:[e("div",{"data-toolbar-show-parent":!0,onClick:e=>eV(e),"aria-hidden":"true",children:[ev&&i("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:i("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),eb&&i("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),U&&ew&&i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("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"}),i("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"}),i("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"}),i("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"}),i("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"}),i("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"==r.tag?e("div",{"data-toolbar-name":!0,children:[(()=>{if(x)return r.name?.includes("Shopify section:")?`${L("Shopify section")}: ${r.name.replace("Shopify section:","")}`:`${L("Shopify section")}: ${r.name}`;let e=r.name&&r.name===`Section ${r.uid}`;return es()>=20?`${e?L("Section"):r?.name} ${eq()+1}/25`:e?`${L("Section")} ${eq()+1}`:r?.name})(),U&&x&&!r.isShopifyVisibility&&e("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):i("div",{"data-toolbar-name":!0,children:L(r.customLabel||r.label)}),U&&"Section"!==r.tag&&B.length>0&&i("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":P,children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),U&&P&&B.map((t,o)=>e("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":R,"data-toolbar-parent-revert":T,style:{top:T?`${36*(o+1)}px`:`${-36*(o+1)}px`},children:[i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("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"}),i("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"}),i("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"}),i("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"}),i("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"}),i("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"})]})}),i("div",{"data-toolbar-name":!0,children:eH(t)})]},t.uid)),U&&!em&&e(t,{children:[i(g,{...r}),ek&&i(p,{...r}),"Sticky"==r.tag&&i("div",{"data-toolbar-zoom-out":!0,onClick:e=>eT(e),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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"})})}),ea.includes(r.tag)&&i(f,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:L("Edit content in Shopify"),position:"top",onClick:()=>{if(en.includes(r.tag)){window.open(eg,"_blank");return}if(el.includes(r.tag)){window.open(eu,"_blank");return}window.open(eh,"_blank")},"aria-hidden":"true",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),i("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),i("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),i("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),i(f,{enable:"Section"==r.tag&&es()>=25||x,text:x?L("Disabled. Please edit in Shopify Editor"):L("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eL,onClick:eL?void 0:e=>eE(e),"aria-hidden":"true",className:eL?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})}),i(f,{"data-toolbar-delete":!0,onClick:e=>eS?null:eP(e),enable:eS,"data-toolbar-disable":eS,text:x?L("Disabled. Please edit in Shopify Editor"):J.text,width:J.width,position:x?"bottom":$,"aria-hidden":"true",className:eS?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),i(u,{uid:r.uid})]},r.uid),"STATIC"!==Z&&"POST_PURCHASE"!==Z&&25>eq()&&i(o,{...r}),i("div",{"data-outline":!0,"data-outline-section":"Section"==r.tag,"data-outline-theme-section":"Section"==r.tag&&!!y||R,"data-outline-shopify-section":"Section"==r.tag&&!!x,"data-outline-limit":eR,"data-outline-error":!!Y},"outline-"+r.uid),"Section"==r.tag&&!R&&e(t,{children:[i(f,{enable:es()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":es()>=25,"data-toolbar-add-open":"above"==H,onClick:e=>eB(e,"above"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})}),i(f,{enable:es()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":es()>=25,"data-toolbar-add-open":"below"==H,onClick:e=>eB(e,"below"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),Y&&i(h,{errorSectionInfo:Y,onDismiss:eZ}),U&&i(b,{...r})]})});export{L as default};
2
+ import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{ThemeSectionStatusWrapper as o}from"./theme-section/ThemeSectionStatus.js";import{memo as r,useState as l,useMemo as n,useCallback as a,useEffect as d}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../contexts/BuilderPreviewContext.js";import{usePageStore as C}from"../contexts/PageContext.js";import{CreateThemeSection as p}from"./theme-section/CreateThemeSection.js";import{usePostPurchase as c}from"../hooks/useToolbarPostPurchase.js";import{SectionErrorBanner as u}from"./toolbar/SectionErrorBanner.js";import{getVisiblePublishError as h}from"../helpers/pasteError.js";import{PasteErrorBanner as m}from"./toolbar/PasteErrorBanner.js";import{InteractionSuffix as g}from"./InteractionSuffix.js";import f from"./upgrade-element/UpgradeElement.js";import{useI18nStore as b}from"@gem-sdk/core";import v from"./toolbar/Tooltip.js";import w from"./resize/Resize.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/productsV2.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr";import"../helpers/convert.js";import"crc-32";import{useShopStore as S}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let L=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},y=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var x=r(r=>{let{t:x}=b(),M=r.isThemeSection,Z=!!r.isShopifySection,j=S(e=>e.storefrontUrl),q=S(e=>e.pageType),R=s(e=>e.getParents),E=s(e=>e.getItem("ROOT")),H=s(e=>e.isThemeSectionEditor),[P,V]=l(null),[T,B]=l(!1),[A,k]=l(!1),[$,F]=l([]),[U,I]=l("top"),[D,O]=l(!1),[N,z]=l(!1),[_,G]=l(""),[J,K]=l(""),[Q,W]=l({width:"",text:""}),[X,Y]=l(!1),ee=s(e=>e.errorSectionList),et=n(()=>{if(!ee)return null;let e=ee?.find(e=>e.uid===r.uid);return e},[ee,r.uid]),ei=n(()=>h({list:ee,uid:r.uid}),[ee,r.uid]),eo=s(e=>e.pasteError),er=s(e=>e.setPasteError),el=eo?.anchorUid===r.uid?eo:null,en=!!eo&&eo.sectionUid===r.uid,ea=en?void 0:ei,ed=C(e=>e.interactionData),es=n(()=>"POST_PURCHASE"===q,[q]),{checkDisableDelete:eC,getTooltipText:ep,checkDisableDuplicate:ec}=c(r.uid,r.tag||""),eu=["ProductTitle","ProductDescription","ProductPrice"],eh=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],em=[...eu,...eh],eg=(e,t)=>{let i=$.length,o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top-r.top<36*i},ef=(e,t)=>{let i=t||e;if(e&&!y(e))return L(e)&&eg(t,e)?e:e.parentElement?ef(e.parentElement,i):void 0},eb=a(()=>E?.childrens?.length||0,[E?.childrens?.length]),ev=a(()=>{if("Section"==r.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?I("bottom"):I("top")}},[r.tag]),ew=n(()=>j?j.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[j]),eS=n(()=>`https://admin.shopify.com/store/${ew}`,[ew]),eL=n(()=>_?`${eS}/products/${_}`:"",[eS,_]),ey=n(()=>J?`${eS}/articles/${J.replace("gid://shopify/Article/","")}`:"",[J,eS]),ex=n(()=>ed?.isSelectOnPage,[ed?.isSelectOnPage]),eM=n(()=>ed?.settingType,[ed?.settingType]),eZ=n(()=>ed?.item?.targets?.find(e=>e.uid===r.uid&&e?.type!=="PAGE")&&"TARGET"===eM,[ed?.item?.targets,r.uid,eM]),ej=n(()=>ed?.item?.self?.uid===r.uid&&ed?.item?.self.type!=="PAGE"&&"TRIGGER"===eM,[ed?.item?.self?.type,ed?.item?.self?.uid,r.uid,eM]),eq=n(()=>!eZ&&!ej,[eZ,ej]),eR=n(()=>D||Z,[D,Z]),eE=n(()=>X||Z||eb()>25&&"Section"===r.tag||!!et,[eb,X,Z,r.tag,et]),eH=s(e=>e.activeComponentDetail),eP=a(e=>{if(e?.articleId&&K(e.articleId),e?.productId&&G(e.productId),e?.componentUid==r.uid){z(!0),ev(),es&&(O(eC()),W(ep()),Y(ec()));let e=R(r.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&H||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);F(e)}else z(!1),F([]),B(!1)},[r.uid,es,R,eC,ep,ec,H,ev]),eV=s(e=>e.dismissPublishError),eT=a(()=>{ei&&eV({uid:r.uid,type:ei.type})},[eV,r.uid,ei]),eB=a(()=>er(null),[er]),eA=a(()=>"Section"!==r.tag?-1:E?.childrens?.length?E.childrens.findIndex(e=>e==r.uid):-1,[E?.childrens,r.uid,r.tag]),ek=n(()=>eA()>=25,[eA]),e$=n(()=>!!et||ek,[et,ek]);if(d(()=>{eP(eH)},[eH]),"section"===r.type||r.editorConfigs?.toolbar?.hide)return null;let eF=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?x("Row {colNumber} col",{colNumber:t}):x("Row {colNumber} cols",{colNumber:t});return e}return x(e.label)},eU=e=>{if(!$.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(T)k(!1),B(!1);else{let e=ef(i,i);if(e)k(!0);else{let e=i.getBoundingClientRect();e.top<36*$.length?k(!0):k(!1)}B(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!T}});window.dispatchEvent(o)},eI=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:r.uid,isThemeSection:M,isShopifySection:Z}});return window.dispatchEvent(t),!1},eD=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:r.uid,isThemeSection:M,isShopifySection:Z}});return window.dispatchEvent(t),!1},eO=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:r.uid}});return window.dispatchEvent(t),!1},eN=()=>{V(null),window.removeEventListener("editor:close-add-section-popup",eN)},ez=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),eb()>=25)return!1;let i=e.target;if(i){V(t);let e=i.getBoundingClientRect(),o=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:r.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(o),window.addEventListener("editor:close-add-section-popup",eN)}return!1},e_="Section"===r.tag&&!r.isThemeSection&&"STATIC"!==q&&"POST_PURCHASE"!==q&&!r.isShopifySection&&25>eA()&&!et;return e(t,{children:[!("Section"==r.tag&&H)&&e("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==r.tag,"data-toolbar-theme-section":"Section"==r.tag&&!!M||H,"data-toolbar-shopify-section":"Section"==r.tag&&!!Z,"data-toolbar-limit":eA()>=25||!!et,children:[e("div",{"data-toolbar-show-parent":!0,onClick:e=>eU(e),"aria-hidden":"true",children:[ej&&i("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:i("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),eZ&&i("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),N&&eq&&i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("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"}),i("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"}),i("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"}),i("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"}),i("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"}),i("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"==r.tag?e("div",{"data-toolbar-name":!0,children:[(()=>{if(Z)return r.name?.includes("Shopify section:")?`${x("Shopify section")}: ${r.name.replace("Shopify section:","")}`:`${x("Shopify section")}: ${r.name}`;let e=r.name&&r.name===`Section ${r.uid}`;return eb()>=20?`${e?x("Section"):r?.name} ${eA()+1}/25`:e?`${x("Section")} ${eA()+1}`:r?.name})(),N&&Z&&!r.isShopifyVisibility&&e("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):i("div",{"data-toolbar-name":!0,children:x(r.customLabel||r.label)}),N&&"Section"!==r.tag&&$.length>0&&i("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":T,children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),N&&T&&$.map((t,o)=>e("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":H,"data-toolbar-parent-revert":A,style:{top:A?`${36*(o+1)}px`:`${-36*(o+1)}px`},children:[i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("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"}),i("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"}),i("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"}),i("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"}),i("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"}),i("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"})]})}),i("div",{"data-toolbar-name":!0,children:eF(t)})]},t.uid)),N&&!ex&&e(t,{children:[i(f,{...r}),e_&&i(p,{...r}),"Sticky"==r.tag&&i("div",{"data-toolbar-zoom-out":!0,onClick:e=>eO(e),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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"})})}),em.includes(r.tag)&&i(v,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:x("Edit content in Shopify"),position:"top",onClick:()=>{if(eh.includes(r.tag)){window.open(ey,"_blank");return}if(eu.includes(r.tag)){window.open(eL,"_blank");return}window.open(eS,"_blank")},"aria-hidden":"true",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),i("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),i("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),i("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),i(v,{enable:"Section"==r.tag&&eb()>=25||Z,text:Z?x("Disabled. Please edit in Shopify Editor"):x("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eE,onClick:eE?void 0:e=>eD(e),"aria-hidden":"true",className:eE?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})}),i(v,{"data-toolbar-delete":!0,onClick:e=>eR?null:eI(e),enable:eR,"data-toolbar-disable":eR,text:Z?x("Disabled. Please edit in Shopify Editor"):Q.text,width:Q.width,position:Z?"bottom":U,"aria-hidden":"true",className:eR?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),i(g,{uid:r.uid})]},r.uid),"STATIC"!==q&&"POST_PURCHASE"!==q&&25>eA()&&i(o,{...r}),i("div",{"data-outline":!0,"data-outline-section":"Section"==r.tag,"data-outline-theme-section":"Section"==r.tag&&!!M||H,"data-outline-shopify-section":"Section"==r.tag&&!!Z,"data-outline-limit":e$,"data-outline-error":!!et},"outline-"+r.uid),"Section"==r.tag&&!H&&e(t,{children:[i(v,{enable:eb()>=25,text:x("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":eb()>=25,"data-toolbar-add-open":"above"==P,onClick:e=>ez(e,"above"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})}),i(v,{enable:eb()>=25,text:x("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":eb()>=25,"data-toolbar-add-open":"below"==P,onClick:e=>ez(e,"below"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("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"})})})]}),ea&&i(u,{errorSectionInfo:ea,onDismiss:eT}),el&&i(m,{message:el.message,targetUid:el.positionUid??r.uid,onDismiss:eB}),N&&i(w,{...r})]})});export{x as default};
package/dist/esm/components/toolbar/ErrorBannerParts.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsxs as C,jsx as l}from"react/jsx-runtime";let e="gp-bg-[#FEE8EB] gp-text-[#8E0B21]",r=({className:e})=>C("svg",{className:e,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"currentColor"}),l("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"currentColor"})]}),o=({className:C})=>l("svg",{className:C,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:l("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1758L8.84833 8.00005L12.0241 4.82431C12.2584 4.59 12.2584 4.2101 12.0241 3.97579C11.7898 3.74147 11.4099 3.74147 11.1755 3.97579L7.9998 7.15152L4.82407 3.97578C4.58975 3.74147 4.20986 3.74147 3.97554 3.97578C3.74123 4.2101 3.74123 4.59 3.97554 4.82431L7.15128 8.00005L3.97554 11.1758C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84858L11.1755 12.0243Z",fill:"#212121"})});export{e as ERROR_BANNER_COLOR_CLASSES,r as ErrorAlertIcon,o as ErrorCloseIcon};
package/dist/esm/components/toolbar/PasteErrorBanner.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{UNMEASURED_BANNER_STYLE as t,PAGE_BANNER_LAYOUT as n,getLayoutSnapshot as a,getBannerLayout as o}from"./pasteErrorBannerLayout.js";import{ERROR_BANNER_COLOR_CLASSES as l,ErrorAlertIcon as s,ErrorCloseIcon as i}from"./ErrorBannerParts.js";import p from"../../hooks/useIsomorphicLayoutEffect.js";import{useRef as m,useEffect as c,useState as u}from"react";let f=({$banner:e,targetUid:r})=>{let t=`[data-uid="${r}"]`;return e.closest(t)??e.parentElement?.querySelector(t)??e.ownerDocument.querySelector(t)},g=({$banner:e,targetUid:r,message:t})=>{let[l,s]=u(null);return p(()=>{if(!r){s(n);return}let t=e.current;if(!t)return;let l=f({$banner:t,targetUid:r}),i="",p=0,m=()=>{l?.isConnected||(l=f({$banner:t,targetUid:r}));let e=l?a({$banner:t,$target:l}):"";l&&e!==i&&(i=e,s(o({$banner:t,$target:l}))),p=requestAnimationFrame(m)};return m(),()=>cancelAnimationFrame(p)},[e,r,t]),l},d=({message:n,targetUid:a,onDismiss:o})=>{let p=m(null),u=g({$banner:p,targetUid:a,message:n}),f=u?.placement;return c(()=>{f&&p.current?.scrollIntoView({block:"nearest",behavior:"smooth"})},[n,f]),e("div",{ref:p,role:"alert","data-paste-error-banner":f,style:u?.style??t,className:`gp-flex gp-items-start gp-gap-2 gp-px-2 gp-py-2.5 gp-text-xs gp-leading-5 ${l}`,children:[r(s,{className:"gp-flex-shrink-0"}),r("div",{className:"gp-flex-1 gp-min-w-0",children:n}),r("button",{className:"gp-flex-shrink-0 gp-p-0.5",type:"button",onClick:o,children:r(i,{})})]})};export{d as PasteErrorBanner};
package/dist/esm/components/toolbar/PasteErrorPageBanner.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as e}from"react/jsx-runtime";import{PasteErrorBanner as r}from"./PasteErrorBanner.js";import{useCallback as t}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let i=()=>{let i=s(e=>e.pasteError),o=s(e=>e.setPasteError),p=t(()=>o(null),[o]);return!i||i.anchorUid?null:e(r,{message:i.message,onDismiss:p})};export{i as PasteErrorPageBanner};
package/dist/esm/components/toolbar/SectionErrorBanner.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,jsxs as i}from"react/jsx-runtime";let t="https://help.gempages.net/articles/section-limit#maximum-limit-of-elements-per-section",l=({errorSectionInfo:l,onDismiss:r})=>l.isDismissed?null:e("div",{"data-toolbar-error-banner":!0,className:"gp-flex gp-items-center gp-px-2 gp-top-0 gp-w-full gp-absolute gp-bg-[#FEE4E3] gp-border-t gp-border-t-[#C3362B] gp-text-xs gp-text-[#C3362B] gp-leading-5",children:i("div",{className:"gp-flex gp-gap-1.5 gp-w-full",children:[i("svg",{className:"gp-flex-shrink-0 gp-mt-2.5",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]}),i("div",{className:"gp-w-full gp-py-2.5",children:["LIQUID_SYNTAX_ERROR"===l.type&&"This section contains a syntax error in the code. Please review and fix it, then try verifying again.","SECTION_SIZE_EXCEED_256KB"===l.type&&i("div",{children:["This section is over Shopify's 256KB limit. Please follow ",e("a",{target:"_blank",href:t,className:"gp-underline gp-cursor-pointer",onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(t,"_blank")},rel:"noreferrer",children:"our guide"})," ","to optimize, then try verifying again."]}),"MISSING_SECTION_IN_THEME"===l.type&&"This section was deleted from your live theme. Please delete it from this page, or restore all sections by Force publish."]}),e("button",{className:"gp-p-1.5 gp-flex-shrink-0 gp-mt-1 gp-h-7",onClick:r,type:"button",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1758L8.84833 8.00005L12.0241 4.82431C12.2584 4.59 12.2584 4.2101 12.0241 3.97579C11.7898 3.74147 11.4099 3.74147 11.1755 3.97579L7.9998 7.15152L4.82407 3.97578C4.58975 3.74147 4.20986 3.74147 3.97554 3.97578C3.74123 4.2101 3.74123 4.59 3.97554 4.82431L7.15128 8.00005L3.97554 11.1758C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84858L11.1755 12.0243Z",fill:"#212121"})})})]})});export{l as SectionErrorBanner};
2
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{ERROR_BANNER_COLOR_CLASSES as t,ErrorAlertIcon as i,ErrorCloseIcon as l}from"./ErrorBannerParts.js";let n="https://help.gempages.net/articles/section-limit#maximum-limit-of-elements-per-section",s=({errorSectionInfo:s,onDismiss:o})=>s.isDismissed?null:e("div",{"data-toolbar-error-banner":!0,className:`gp-flex gp-items-center gp-px-2 gp-top-0 gp-w-full gp-absolute gp-border-t gp-border-t-[#8E0B21] gp-text-xs gp-leading-5 ${t}`,children:r("div",{className:"gp-flex gp-gap-1.5 gp-w-full",children:[e(i,{className:"gp-flex-shrink-0 gp-mt-2.5"}),r("div",{className:"gp-w-full gp-py-2.5",children:["LIQUID_SYNTAX_ERROR"===s.type&&"This section contains a syntax error in the code. Please review and fix it, then try verifying again.","SECTION_SIZE_EXCEED_256KB"===s.type&&r("div",{children:["This section is over Shopify's 256KB limit. Please follow ",e("a",{target:"_blank",href:n,className:"gp-underline gp-cursor-pointer",onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(n,"_blank")},rel:"noreferrer",children:"our guide"})," ","to optimize, then try verifying again."]}),"MISSING_SECTION_IN_THEME"===s.type&&"This section was deleted from your live theme. Please delete it from this page, or restore all sections by Force publish."]}),e("button",{className:"gp-p-1.5 gp-flex-shrink-0 gp-mt-1 gp-h-7",onClick:o,type:"button",children:e(l,{})})]})});export{s as SectionErrorBanner};
package/dist/esm/components/toolbar/pasteErrorBannerLayout.js ADDED
@@ -0,0 +1 @@
1
+ let t={INSIDE:"inside",BELOW:"below",PAGE:"page"},e={position:"absolute",zIndex:31,boxSizing:"border-box",maxWidth:"none",fontFamily:"Inter, sans-serif",fontWeight:400,fontStyle:"normal",textAlign:"left",textTransform:"none",letterSpacing:"normal",whiteSpace:"normal"},n={...e,top:0,left:0,visibility:"hidden"},i={placement:t.PAGE,style:{...e,position:"fixed",zIndex:1e3,top:8,left:8,right:8,borderRadius:8}},l=({value:t,min:e,max:n})=>Math.min(Math.max(t,e),Math.max(e,n)),o=({target:n,origin:i,viewportWidth:o,insideHeight:r})=>{let a=n.width<250,h=r>n.height;if(!a&&!h)return{placement:t.INSIDE,style:{...e,top:n.top-i.top,left:n.left-i.left,width:n.width}};let d=Math.min(Math.max(n.width,250),o),f=l({value:n.left,min:0,max:o-d});return{placement:t.BELOW,style:{...e,top:n.top+n.height+4-i.top,left:f-i.left,width:d,borderRadius:8}}},r=({$banner:t,width:e})=>{let n=t.style.width;t.style.width=`${e}px`;let i=t.offsetHeight;return t.style.width=n,i},a=t=>{let e=t.getBoundingClientRect();return{top:e.top+t.clientTop,left:e.left+t.clientLeft}},h=({$banner:t,$target:e})=>{let n=t.offsetParent;if(!n)return"";let i=e.getBoundingClientRect(),l=a(n),o=t.ownerDocument.documentElement.clientWidth;return[i.top,i.left,i.width,i.height,l.top,l.left,o].join()},d=({$banner:t,$target:e})=>{let n=t.offsetParent;if(!n)return null;let i=e.getBoundingClientRect();return o({target:i,origin:a(n),viewportWidth:t.ownerDocument.documentElement.clientWidth,insideHeight:r({$banner:t,width:i.width})})};export{t as BANNER_PLACEMENT,i as PAGE_BANNER_LAYOUT,n as UNMEASURED_BANNER_STYLE,o as calcBannerLayout,d as getBannerLayout,h as getLayoutSnapshot};
package/dist/esm/contexts/BuilderPreviewContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e}from"react/jsx-runtime";import{UPDATABLE_ITEM_ATTRS as t}from"./types/builderPreviewContext.js";import{useContext as i,createContext as s,useMemo as r,useEffect as n,Suspense as d,Fragment as l}from"react";import{normalizeBuilderData as a}from"../helpers/normalize-builder-data.js";import{cloneDeep as c}from"../helpers/clone-deep.js";import{useStore as o,createStore as u}from"zustand";function f(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}let p=s(null),h={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},m=(e,i,s)=>u((r,n)=>({state:e,loaded:!1,isThemeSectionEditor:!!s,pageName:i,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,activeComponentDetail:null,addItem:e=>{let{position:t,data:i}=e,s=n().state,d=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,n=s.ROOT;n.childrens?n.childrens.splice(t??0,0,e):n.childrens=[e],n.dateModified=d,r({state:{...s,[e]:{uid:e,type:"section",label:i.label},ROOT:c(n)}})}}else{let{id:i,data:n}=e,l=i?s[i]??s.ROOT:s.ROOT;if("section"===l.type)return;if(Array.isArray(n)){let e=n.map(e=>e.uid),i=n.reduceRight((e,t)=>{let i=a(t);return{...e,...i}},{});l.dateModified=d,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,...e),r({state:{...s,...i,[l.uid]:c(l)}})}else{let e=a(n);l.dateModified=d,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,n.uid),r({state:{...s,...e,[l.uid]:c(l)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let s=n().state,d=s[e];if(d?.type!=="section"&&d){let n=Date.now();switch(d.dateModified=n,i){case"setting":r({state:{...s,[e]:{...d,settings:{...d.settings,...t}}}});break;case"style":r({state:{...s,[e]:{...d,styles:{...d.styles,...t}}}});break;case"advanced":r({state:{...s,[e]:{...d,advanced:{...d.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let s=n().state,d=s[e];if(d?.type!=="section"&&d){let n=Date.now();switch(d.dateModified=n,i){case"setting":r({state:{...s,[e]:{...d,settings:t}}});break;case"style":r({state:{...s,[e]:{...d,styles:t}}});break;case"advanced":r({state:{...s,[e]:{...d,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:s})=>{if(!s||!["setting","style","advanced"].includes(s))return;let d=n().state,l=d[e];if(l?.type!=="section"&&l){let n={style:l.styles??{},advanced:l.advanced??{},setting:l.settings??{}};void 0===i?(console.warn("Data is undefined"),delete n[s][t]):n[s][t]=i,r({state:{...d,[e]:{...l,settings:{...n.setting},styles:{...n.style},advanced:{...n.advanced}}}})}},getItem:e=>n().state[e],getState:()=>n().state,removeItem:e=>{if("ROOT"===e)r({state:{ROOT:h}});else{let t=n().state;!function e(t,i){let s=i[t];s&&(delete i[t],"section"!==s.type&&s.childrens?.map(t=>e(t,i)))}(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let s=Date.now(),[n,d]=i;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=s,r({state:{...t,[n]:c(d)}})}}},moveItem:(e,t,i)=>{let s=n().state,d=s[e],l=s[t];if(d&&l&&"section"!==l.type){if("section"===d.type){let t=s.ROOT;if(!t.childrens)return;let n=t.childrens.findIndex(t=>t===e);f(t.childrens,n,i??0),r({state:{...s,ROOT:c(t)}})}else{let n=Object.entries(s).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(d&&n){let a=Date.now(),[,o]=n;if("section"===o.type)return;if(o.dateModified=a,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(f(o.childrens,t,i??0),r({state:{...s,[o.uid]:c(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),l&&(l.dateModified=a,l.childrens=l.childrens??[],l.childrens.splice(i??0,0,d.uid),r({state:{...s,[l.uid]:c(l),[o.uid]:c(o)}}))}}}},forceChangeState:e=>{r({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=a(t);return{...e,...i}},{});r({loaded:!0,state:{ROOT:{...h,childrens:t},...i}})}else{let t=a(e);r({loaded:!0,state:{ROOT:{...h,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=n().state,s=i.ROOT;s.childrens||(s.childrens=[]),s.childrens.splice(t??0,0,e.uid),r({state:{...i,ROOT:c(s)}})},getParents:(e,t)=>{let i=n().state,s=[],r=0,d=e;for(;!t||!(r>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(d));if(!e)break;let[,t]=e;if(!t)break;s.push(t),d=t.uid,r++}return s},updateItemName:(e,t)=>{let i=n().state,s=i[e];s&&(s.name=t,r({state:{...i,[e]:c(s)}}))},updateItemAttribute:(e,i,s)=>{if(!s||!t.includes(s))return;let d=n().state,l=d[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let t={...l,[s]:i};r({state:{...d,[e]:t}})}},updateAllItemAttribute:(e,t)=>{if("tag"!==e)return;let i=n().state,s={};for(let{uid:r,value:n}of t){let t=i[r];if(!t)continue;let d={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:n};s[r]=d}Object.keys(s).length>0&&r({state:{...i,...s}})},dismissPublishError:e=>{let t=n().errorSectionList;if(!Array.isArray(t))return;let i=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);r({errorSectionList:i})},setErrorSectionList:e=>r({errorSectionList:e}),setActiveComponentDetail:e=>r({activeComponentDetail:e})})),y=({children:t,state:i,isThemeSectionEditor:s,pageName:a,lazy:c,...o})=>{let u=c?d:l,f=r(()=>m(i,a,s),[i,s,a]);return n(()=>{let e=e=>{let t=e.detail??null;f.getState().setActiveComponentDetail(t)};return window.addEventListener("editor:active-component",e),()=>{window.removeEventListener("editor:active-component",e)}},[f]),e(u,{children:e(p.Provider,{...o,value:f,children:t})})},v=(e,t)=>{let s=i(p);if(!s)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return o(s,e,t)};export{y as BuilderPreviewProvider,v as useBuilderPreviewStore};
2
+ import{jsx as e}from"react/jsx-runtime";import{UPDATABLE_ITEM_ATTRS as t}from"./types/builderPreviewContext.js";import{useContext as i,createContext as r,useMemo as s,useEffect as n,Suspense as d,Fragment as l}from"react";import{normalizeBuilderData as a}from"../helpers/normalize-builder-data.js";import{resolvePasteErrorInfo as o}from"../helpers/pasteError.js";import{cloneDeep as c}from"../helpers/clone-deep.js";import{useStore as u,createStore as p}from"zustand";function f(e,t,i){let r=e.splice(t,1)[0];void 0!==r&&e.splice(i,0,r)}let h=r(null),m={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},y=(e,i,r)=>p((s,n)=>({state:e,loaded:!1,isThemeSectionEditor:!!r,pageName:i,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,pasteError:null,activeComponentDetail:null,addItem:e=>{let{position:t,data:i}=e,r=n().state,d=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,n=r.ROOT;n.childrens?n.childrens.splice(t??0,0,e):n.childrens=[e],n.dateModified=d,s({state:{...r,[e]:{uid:e,type:"section",label:i.label},ROOT:c(n)}})}}else{let{id:i,data:n}=e,l=i?r[i]??r.ROOT:r.ROOT;if("section"===l.type)return;if(Array.isArray(n)){let e=n.map(e=>e.uid),i=n.reduceRight((e,t)=>{let i=a(t);return{...e,...i}},{});l.dateModified=d,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,...e),s({state:{...r,...i,[l.uid]:c(l)}})}else{let e=a(n);l.dateModified=d,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,n.uid),s({state:{...r,...e,[l.uid]:c(l)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=n().state,d=r[e];if(d?.type!=="section"&&d){let n=Date.now();switch(d.dateModified=n,i){case"setting":s({state:{...r,[e]:{...d,settings:{...d.settings,...t}}}});break;case"style":s({state:{...r,[e]:{...d,styles:{...d.styles,...t}}}});break;case"advanced":s({state:{...r,[e]:{...d,advanced:{...d.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=n().state,d=r[e];if(d?.type!=="section"&&d){let n=Date.now();switch(d.dateModified=n,i){case"setting":s({state:{...r,[e]:{...d,settings:t}}});break;case"style":s({state:{...r,[e]:{...d,styles:t}}});break;case"advanced":s({state:{...r,[e]:{...d,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let d=n().state,l=d[e];if(l?.type!=="section"&&l){let n={style:l.styles??{},advanced:l.advanced??{},setting:l.settings??{}};void 0===i?(console.warn("Data is undefined"),delete n[r][t]):n[r][t]=i,s({state:{...d,[e]:{...l,settings:{...n.setting},styles:{...n.style},advanced:{...n.advanced}}}})}},getItem:e=>n().state[e],getState:()=>n().state,removeItem:e=>{if("ROOT"===e)s({state:{ROOT:m}});else{let t=n().state;!function e(t,i){let r=i[t];r&&(delete i[t],"section"!==r.type&&r.childrens?.map(t=>e(t,i)))}(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let r=Date.now(),[n,d]=i;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=r,s({state:{...t,[n]:c(d)}})}}},moveItem:(e,t,i)=>{let r=n().state,d=r[e],l=r[t];if(d&&l&&"section"!==l.type){if("section"===d.type){let t=r.ROOT;if(!t.childrens)return;let n=t.childrens.findIndex(t=>t===e);f(t.childrens,n,i??0),s({state:{...r,ROOT:c(t)}})}else{let n=Object.entries(r).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(d&&n){let a=Date.now(),[,o]=n;if("section"===o.type)return;if(o.dateModified=a,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(f(o.childrens,t,i??0),s({state:{...r,[o.uid]:c(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),l&&(l.dateModified=a,l.childrens=l.childrens??[],l.childrens.splice(i??0,0,d.uid),s({state:{...r,[l.uid]:c(l),[o.uid]:c(o)}}))}}}},forceChangeState:e=>{s({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=a(t);return{...e,...i}},{});s({loaded:!0,state:{ROOT:{...m,childrens:t},...i}})}else{let t=a(e);s({loaded:!0,state:{ROOT:{...m,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=n().state,r=i.ROOT;r.childrens||(r.childrens=[]),r.childrens.splice(t??0,0,e.uid),s({state:{...i,ROOT:c(r)}})},getParents:(e,t)=>{let i=n().state,r=[],s=0,d=e;for(;!t||!(s>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(d));if(!e)break;let[,t]=e;if(!t)break;r.push(t),d=t.uid,s++}return r},updateItemName:(e,t)=>{let i=n().state,r=i[e];r&&(r.name=t,s({state:{...i,[e]:c(r)}}))},updateItemAttribute:(e,i,r)=>{if(!r||!t.includes(r))return;let d=n().state,l=d[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let t={...l,[r]:i};s({state:{...d,[e]:t}})}},updateAllItemAttribute:(e,t)=>{if("tag"!==e)return;let i=n().state,r={};for(let{uid:s,value:n}of t){let t=i[s];if(!t)continue;let d={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:n};r[s]=d}Object.keys(r).length>0&&s({state:{...i,...r}})},dismissPublishError:({uid:e,type:t})=>{let i=n().errorSectionList;if(!Array.isArray(i))return;let r=i.map(i=>i.uid===e&&i.type===t?{...i,isDismissed:!0}:i);s({errorSectionList:r})},setErrorSectionList:e=>s({errorSectionList:e}),setPasteError:e=>{if(!e){s({pasteError:null});return}let{getItem:t,getParents:i}=n(),r=o({detail:e,target:t(e.uid),parents:i(e.uid)});s({pasteError:r})},setActiveComponentDetail:e=>{let t=n().pasteError,i=!!t&&e?.componentUid!==t.uid;s({activeComponentDetail:e,...i&&{pasteError:null}})}})),v=({children:t,state:i,isThemeSectionEditor:r,pageName:a,lazy:o,...c})=>{let u=o?d:l,p=s(()=>y(i,a,r),[i,r,a]);return n(()=>{let e=e=>{let t=e.detail??null;p.getState().setActiveComponentDetail(t)},t=e=>{let t=e.detail??null;p.getState().setPasteError(t)};return window.addEventListener("editor:active-component",e),window.addEventListener("editor:paste-error",t),()=>{window.removeEventListener("editor:active-component",e),window.removeEventListener("editor:paste-error",t)}},[p]),e(u,{children:e(h.Provider,{...c,value:p,children:t})})},O=(e,t)=>{let r=i(h);if(!r)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return u(r,e,t)};export{v as BuilderPreviewProvider,O as useBuilderPreviewStore};
package/dist/esm/helpers/pasteError.js ADDED
@@ -0,0 +1 @@
1
+ let e={SECTION_SIZE_EXCEED_256KB:1,LIQUID_SYNTAX_ERROR:2,MISSING_SECTION_IN_THEME:3},i=e=>{if("undefined"==typeof document)return!1;let i=document.querySelectorAll(`[data-uid="${e}"]`);return Array.from(i).some(e=>e.getClientRects().length>0)},t=e=>"ROOT"!==e.uid&&"section"!==e.type&&i(e.uid),r=e=>!("section"!==e.type&&e.editorConfigs?.toolbar?.hide)&&t(e),d=({detail:e,target:i,parents:d})=>{let o=i?[i,...d]:d;return{uid:e.uid,message:e.message,anchorUid:o.find(r)?.uid,positionUid:o.find(t)?.uid,sectionUid:o.find(e=>"Section"===e.tag)?.uid}},o=({list:i,uid:t})=>{if(i)return i.filter(e=>e.uid===t&&!e.isDismissed).sort((i,t)=>e[t.type]-e[i.type])[0]};export{o as getVisiblePublishError,d as resolvePasteErrorInfo};
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{RenderChildren,default as RenderLiquid,WrapRenderChildren}from"./components/Render.liquid.js";export{default as RenderPreview}from"./components/RenderPreview.js";export{default as Render}from"./components/Render.js";export{default as AddOn}from"./components/AddOn.js";export{BuilderPreviewProvider,useBuilderPreviewStore}from"./contexts/BuilderPreviewContext.js";export{BuilderComponentProvider,useBuilderComponent}from"./contexts/BuilderComponent.js";export{ProductListProvider,useProductListStore}from"./contexts/ProductListContext.js";export{ArticleListProvider,useArticleListStore}from"./contexts/ArticleListContext.js";export{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{CartLineProvider,useCartLineStore}from"./contexts/CartLineContext.js";export{SectionProvider,useSection,useSectionStore}from"./contexts/SectionContext.js";export{ProductProvider,useProductStore}from"./contexts/ProductContext.js";export{BuilderProvider,useBuilderStore}from"./contexts/BuilderContext.js";export{ArticleProvider,useArticleStore}from"./contexts/ArticleContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.js";export{AddonProvider,useAddon,useAddons}from"./contexts/AddonContext.js";export{ShopProvider,useShopStore}from"./contexts/ShopContext.js";export{PageProvider,usePageStore}from"./contexts/PageContext.js";export{I18nProvider,useI18nStore}from"./contexts/I18nContext.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{StorePropertyDocument}from"./graphql/queries/store-property.generated.js";export{PreviewThemePageDocument}from"./graphql/queries/preview-page.generated.js";export{PublishedShopMetasDocument}from"./graphql/queries/published-shop-metas.generated.js";export{ShopShopifyDocument}from"./graphql/queries/shop-shopify.generated.js";export{ArticlesDocument}from"./graphql/queries/articles.generated.js";export{BlogsDocument}from"./graphql/queries/blogs.generated.js";export{ProductWithSellingPlansSelectFragment,ProductsWithSellingPlansDocument}from"./graphql/queries/products-with-selling-plans.generated.js";export{ProductVariantsWithSellingPlansDocument}from"./graphql/queries/product-variant-with-selling-plans.generated.js";export{LibraryTemplateDocument}from"./graphql-app-api/queries/LibraryTemplate.generated.js";export{ThemePageDocument}from"./graphql-app-api/queries/ThemePage.generated.js";export{SaleFunnelDiscountsDocument}from"./graphql-app-api/queries/SaleFunnelDiscounts.generated.js";export{LibrarySaleFunnelDocument}from"./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js";export{ShopLibraryPageDocument}from"./graphql-app-api/queries/ShopLibraryPage.generated.js";export{SaleFunnelOfferDocument}from"./graphql-app-api/queries/SaleFunnelOffer.generated.js";export{ThemePageMetaDocument}from"./graphql-app-api/queries/ThemePageMeta.generated.js";export{composeBorderCss,composeBorderResponsive,getBorderRadiusStyle,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn,handleConvertInputBorderColor}from"./helpers/borders.js";export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle}from"./helpers/carousel.js";export{cls}from"./helpers/cls.js";export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist}from"./helpers/get-resonsive-value.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{default as filterToolbarPreview}from"./helpers/filter-toolbar-preview.js";export{flattenConnection}from"./helpers/flatten-connection.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{default as isEmptyChildren}from"./helpers/is-empty-children.js";export{getShortName}from"./helpers/get-shortname.js";export{loadScript}from"./helpers/load-script.js";export{animations}from"./helpers/animations.js";export{default as globalEvent}from"./helpers/GlobalEvent.js";export{validateEmail}from"./helpers/email.js";export{default as isBrowser}from"./helpers/is-browser.js";export{default as isSafari}from"./helpers/is-safari.js";export{getProductQueryAll,getProducts}from"./helpers/queries/get-products.js";export{genVariable}from"./helpers/css-variable.js";import*as e from"./helpers/tracking/tiktokpixel.js";import*as o from"./helpers/tracking/fpixel.js";import*as t from"./helpers/tracking/gtag.js";export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgByDevice,getBgImageByDevice,getBgVideoByDevice,getColor,getCombinedBackgroundImage,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getGradientImageBgrStyleByDevice,getStyleBackgroundByDevice,getStyleBgColor,makeFixedBgAttachment}from"./helpers/background.js";export{composeBackgroundImageCss,getBgImageSourceByDevice,getStyleBackgroundImage,getStyleBgImageSource}from"./helpers/backgroundImage.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,convertBoxShadowV1ToV2,filterAttrInStyle,getCornerStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle}from"./helpers/compose-advance-style.js";export{composeClasses}from"./helpers/composeClasses.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{convertHTML}from"./helpers/covert-entities-html.js";export{composePositionLineHeight,composePostionIconList}from"./helpers/icon-list.js";export{isDefined}from"./helpers/is-defined.js";export{composeGridLayout,convertOldLayout,getLayoutClasses,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleResponsiveWidth,makeStyleResponsiveWidthWithoutAuto,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{convertTextAlignToJustify,getAlignmentClasses}from"./helpers/align.js";export{filterHoverVariables,filterTruthyStyles}from"./helpers/filter-styles.js";export{cloneDeep}from"./helpers/clone-deep.js";export{hasTranslatedLiquid}from"./helpers/liquid.js";export{checkHasChangeContent,createTranslateKey,extractOuterTagContent,getThemeSectionTranslateKey,getValueSettingFromSchema,replaceOuterTagContent}from"./helpers/createTranslateKey.js";export{getHashCode}from"./helpers/getHashCode.js";export{checkInStock}from"./helpers/variant.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{RenderIf,composeMemo,dataStringify,props,removeUndefinedValuesFromObject,sanitizeLiquid,styles,template}from"./helpers/render.js";export{composeShadow,composeShadowCss,getResponsiveStyleShadow,getResponsiveStyleShadowWithoutState,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getFlexGrowClassByShapeGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getPaddingStyleByDevice,getResponsiveStylePadding,getValueByDevice,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeGlobalSizeIcon,makeStyleWithDefault}from"./helpers/size.js";export{composeFallbackTypographyStyle,composeFontFamilyTypographyV2,composeTextHoverColorCss,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{useArticlesQuery,useBlogsQuery}from"./hooks/articles/useArticlesQuery.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,useTimezone}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{useProductOffersQuery}from"./hooks/shop/useProductOffersQuery.js";export{useFetchHandle}from"./hooks/useFetchHandle.js";export{useProductsQuery,useProductsQueryAll}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.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{convertDecimalToNumber,formatMoney,shopifyPriceRounding,useFormatMoney}from"./hooks/useFormatMoney.js";export{useId}from"react";export{default as useInitialSwatchesOptions}from"./hooks/useInitialSwatchesOptions.js";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{tGlobal as t,useI18n}from"./hooks/useI18n.js";export{useStickyStore}from"./hooks/useStickyStore.js";export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useHasPreSelected,useIsSyncProduct,useProduct,useProductBundleDiscount,useProductOfferDiscount,useProductProperties,useProductShopifyEditLink,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants}from"./hooks/useProduct.js";export{useShopifyLink}from"./hooks/shop/useShopifyLink.js";export{default as useSuspenseFetch}from"./hooks/useSuspenseFetch.js";export{default as useSwatchesOptions}from"./hooks/useSwatchesOptions.js";export{useRenderMode}from"./hooks/useRenderMode.js";export{usePreviewSharePage}from"./hooks/usePreviewSharePage.js";export{useSafeGetProductListSettings}from"./hooks/useProductList.js";export{RenderModeEnv}from"./types/builder.js";export{InteractionTargetEvent,InteractionTriggerEvent,SectionMode}from"./types/custom.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{getAppBlocks}from"./helpers/third-party/getAppBlocks.js";export{addAppBlockId}from"./helpers/third-party/addAppBlockId.js";export{useInteraction}from"./helpers/interaction/index.js";export{createStoreFrontFetcher,hasPublicStoreFrontData}from"./helpers/create-store-front-fetcher.js";export{BLACKLIST_TAGS}from"./constants/index.js";export{DEVICES,EMPTY_DEVICE_VALUE}from"./constants/device.js";export{PICKED_PRODUCT_STATUSES}from"./constants/product.js";export{e as tiktokpixel,o as fpixel,t as gtag,r as ShopType,s as AppAPIType};
1
+ export{RenderChildren,default as RenderLiquid,WrapRenderChildren}from"./components/Render.liquid.js";export{PasteErrorPageBanner}from"./components/toolbar/PasteErrorPageBanner.js";export{default as RenderPreview}from"./components/RenderPreview.js";export{default as Render}from"./components/Render.js";export{default as AddOn}from"./components/AddOn.js";export{BuilderPreviewProvider,useBuilderPreviewStore}from"./contexts/BuilderPreviewContext.js";export{BuilderComponentProvider,useBuilderComponent}from"./contexts/BuilderComponent.js";export{ProductListProvider,useProductListStore}from"./contexts/ProductListContext.js";export{ArticleListProvider,useArticleListStore}from"./contexts/ArticleListContext.js";export{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{CartLineProvider,useCartLineStore}from"./contexts/CartLineContext.js";export{SectionProvider,useSection,useSectionStore}from"./contexts/SectionContext.js";export{ProductProvider,useProductStore}from"./contexts/ProductContext.js";export{BuilderProvider,useBuilderStore}from"./contexts/BuilderContext.js";export{ArticleProvider,useArticleStore}from"./contexts/ArticleContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.js";export{AddonProvider,useAddon,useAddons}from"./contexts/AddonContext.js";export{ShopProvider,useShopStore}from"./contexts/ShopContext.js";export{PageProvider,usePageStore}from"./contexts/PageContext.js";export{I18nProvider,useI18nStore}from"./contexts/I18nContext.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{StorePropertyDocument}from"./graphql/queries/store-property.generated.js";export{PreviewThemePageDocument}from"./graphql/queries/preview-page.generated.js";export{PublishedShopMetasDocument}from"./graphql/queries/published-shop-metas.generated.js";export{ShopShopifyDocument}from"./graphql/queries/shop-shopify.generated.js";export{ArticlesDocument}from"./graphql/queries/articles.generated.js";export{BlogsDocument}from"./graphql/queries/blogs.generated.js";export{ProductWithSellingPlansSelectFragment,ProductsWithSellingPlansDocument}from"./graphql/queries/products-with-selling-plans.generated.js";export{ProductVariantsWithSellingPlansDocument}from"./graphql/queries/product-variant-with-selling-plans.generated.js";export{LibraryTemplateDocument}from"./graphql-app-api/queries/LibraryTemplate.generated.js";export{ThemePageDocument}from"./graphql-app-api/queries/ThemePage.generated.js";export{SaleFunnelDiscountsDocument}from"./graphql-app-api/queries/SaleFunnelDiscounts.generated.js";export{LibrarySaleFunnelDocument}from"./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js";export{ShopLibraryPageDocument}from"./graphql-app-api/queries/ShopLibraryPage.generated.js";export{SaleFunnelOfferDocument}from"./graphql-app-api/queries/SaleFunnelOffer.generated.js";export{ThemePageMetaDocument}from"./graphql-app-api/queries/ThemePageMeta.generated.js";export{composeBorderCss,composeBorderResponsive,getBorderRadiusStyle,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn,handleConvertInputBorderColor}from"./helpers/borders.js";export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle}from"./helpers/carousel.js";export{cls}from"./helpers/cls.js";export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist}from"./helpers/get-resonsive-value.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{default as filterToolbarPreview}from"./helpers/filter-toolbar-preview.js";export{flattenConnection}from"./helpers/flatten-connection.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{default as isEmptyChildren}from"./helpers/is-empty-children.js";export{getShortName}from"./helpers/get-shortname.js";export{loadScript}from"./helpers/load-script.js";export{animations}from"./helpers/animations.js";export{default as globalEvent}from"./helpers/GlobalEvent.js";export{validateEmail}from"./helpers/email.js";export{default as isBrowser}from"./helpers/is-browser.js";export{default as isSafari}from"./helpers/is-safari.js";export{getProductQueryAll,getProducts}from"./helpers/queries/get-products.js";export{genVariable}from"./helpers/css-variable.js";import*as e from"./helpers/tracking/tiktokpixel.js";import*as o from"./helpers/tracking/fpixel.js";import*as t from"./helpers/tracking/gtag.js";export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgByDevice,getBgImageByDevice,getBgVideoByDevice,getColor,getCombinedBackgroundImage,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getGradientImageBgrStyleByDevice,getStyleBackgroundByDevice,getStyleBgColor,makeFixedBgAttachment}from"./helpers/background.js";export{composeBackgroundImageCss,getBgImageSourceByDevice,getStyleBackgroundImage,getStyleBgImageSource}from"./helpers/backgroundImage.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,convertBoxShadowV1ToV2,filterAttrInStyle,getCornerStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle}from"./helpers/compose-advance-style.js";export{composeClasses}from"./helpers/composeClasses.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{convertHTML}from"./helpers/covert-entities-html.js";export{composePositionLineHeight,composePostionIconList}from"./helpers/icon-list.js";export{isDefined}from"./helpers/is-defined.js";export{composeGridLayout,convertOldLayout,getLayoutClasses,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleResponsiveWidth,makeStyleResponsiveWidthWithoutAuto,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{convertTextAlignToJustify,getAlignmentClasses}from"./helpers/align.js";export{filterHoverVariables,filterTruthyStyles}from"./helpers/filter-styles.js";export{cloneDeep}from"./helpers/clone-deep.js";export{hasTranslatedLiquid}from"./helpers/liquid.js";export{checkHasChangeContent,createTranslateKey,extractOuterTagContent,getThemeSectionTranslateKey,getValueSettingFromSchema,replaceOuterTagContent}from"./helpers/createTranslateKey.js";export{getHashCode}from"./helpers/getHashCode.js";export{checkInStock}from"./helpers/variant.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{RenderIf,composeMemo,dataStringify,props,removeUndefinedValuesFromObject,sanitizeLiquid,styles,template}from"./helpers/render.js";export{composeShadow,composeShadowCss,getResponsiveStyleShadow,getResponsiveStyleShadowWithoutState,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getFlexGrowClassByShapeGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getPaddingStyleByDevice,getResponsiveStylePadding,getValueByDevice,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeGlobalSizeIcon,makeStyleWithDefault}from"./helpers/size.js";export{composeFallbackTypographyStyle,composeFontFamilyTypographyV2,composeTextHoverColorCss,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{useArticlesQuery,useBlogsQuery}from"./hooks/articles/useArticlesQuery.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,useTimezone}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{useProductOffersQuery}from"./hooks/shop/useProductOffersQuery.js";export{useFetchHandle}from"./hooks/useFetchHandle.js";export{useProductsQuery,useProductsQueryAll}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.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{convertDecimalToNumber,formatMoney,shopifyPriceRounding,useFormatMoney}from"./hooks/useFormatMoney.js";export{useId}from"react";export{default as useInitialSwatchesOptions}from"./hooks/useInitialSwatchesOptions.js";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{tGlobal as t,useI18n}from"./hooks/useI18n.js";export{useStickyStore}from"./hooks/useStickyStore.js";export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useHasPreSelected,useIsSyncProduct,useProduct,useProductBundleDiscount,useProductOfferDiscount,useProductProperties,useProductShopifyEditLink,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants}from"./hooks/useProduct.js";export{useShopifyLink}from"./hooks/shop/useShopifyLink.js";export{default as useSuspenseFetch}from"./hooks/useSuspenseFetch.js";export{default as useSwatchesOptions}from"./hooks/useSwatchesOptions.js";export{useRenderMode}from"./hooks/useRenderMode.js";export{usePreviewSharePage}from"./hooks/usePreviewSharePage.js";export{useSafeGetProductListSettings}from"./hooks/useProductList.js";export{RenderModeEnv}from"./types/builder.js";export{InteractionTargetEvent,InteractionTriggerEvent,SectionMode}from"./types/custom.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{getAppBlocks}from"./helpers/third-party/getAppBlocks.js";export{addAppBlockId}from"./helpers/third-party/addAppBlockId.js";export{useInteraction}from"./helpers/interaction/index.js";export{createStoreFrontFetcher,hasPublicStoreFrontData}from"./helpers/create-store-front-fetcher.js";export{BLACKLIST_TAGS}from"./constants/index.js";export{DEVICES,EMPTY_DEVICE_VALUE}from"./constants/device.js";export{PICKED_PRODUCT_STATUSES}from"./constants/product.js";export{e as tiktokpixel,o as fpixel,t as gtag,r as ShopType,s as AppAPIType};
package/dist/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import { Cart as Cart$2 } from '@gem-sdk/adapter-shopify';
2
3
  import * as swr from 'swr';
3
4
  import { SWRConfig, SWRConfiguration, SWRResponse, MutatorOptions } from 'swr';
@@ -42732,6 +42733,8 @@ declare const WrapRenderChildren: ({ uid, customProps, }: {
42732
42733
  };
42733
42734
  }, codes?: (string | undefined)[]) => string;
42734
42735
 
42736
+ declare const PasteErrorPageBanner: () => react_jsx_runtime.JSX.Element | null;
42737
+
42735
42738
  type Props$1 = {
42736
42739
  uid: string;
42737
42740
  [key: string]: any;
@@ -42819,6 +42822,17 @@ type PublishErrorSectionListEventDetail = {
42819
42822
  uid: string;
42820
42823
  type: ErrorSectionType;
42821
42824
  }[] | null;
42825
+ type IPasteErrorEventDetail = {
42826
+ uid: string;
42827
+ message: string;
42828
+ } | null;
42829
+ type IPasteErrorInfo = {
42830
+ uid: string;
42831
+ message: string;
42832
+ anchorUid?: string;
42833
+ positionUid?: string;
42834
+ sectionUid?: string;
42835
+ };
42822
42836
  type ActiveComponentDetail = {
42823
42837
  componentUid?: string;
42824
42838
  productId?: string;
@@ -42827,6 +42841,7 @@ type ActiveComponentDetail = {
42827
42841
  type BuilderPreviewContextProps = {
42828
42842
  state: BuilderState;
42829
42843
  errorSectionList: ErrorSectionInfo[] | null;
42844
+ pasteError: IPasteErrorInfo | null;
42830
42845
  activeComponentDetail: ActiveComponentDetail;
42831
42846
  loaded?: boolean;
42832
42847
  pageName?: string;
@@ -42859,8 +42874,12 @@ type BuilderPreviewContextProps = {
42859
42874
  uid: string;
42860
42875
  value: string;
42861
42876
  }[]) => void;
42862
- dismissPublishError: (uid: string) => void;
42877
+ dismissPublishError: (args: {
42878
+ uid: string;
42879
+ type: ErrorSectionType;
42880
+ }) => void;
42863
42881
  setErrorSectionList: (list: PublishErrorSectionListEventDetail) => void;
42882
+ setPasteError: (detail: IPasteErrorEventDetail) => void;
42864
42883
  setActiveComponentDetail: (detail: ActiveComponentDetail) => void;
42865
42884
  };
42866
42885
  type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
@@ -55363,5 +55382,5 @@ declare const EMPTY_DEVICE_VALUE: undefined;
55363
55382
 
55364
55383
  declare const BLACKLIST_TAGS: Set<string>;
55365
55384
 
55366
- export { AddOn, AddonProvider, AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, appAPI as AppAPIType, ArticleListProvider, ArticleProvider, ArticlesDocument, BLACKLIST_TAGS, BlogsDocument, BuilderComponentProvider, BuilderPreviewProvider, BuilderProvider, CartLineProvider, CollectionDetailFilterDocument, CollectionDocument, CollectionProvider, CollectionsDocument, DEVICES, EMPTY_DEVICE_VALUE, GRADIENT_BGR_KEY, I18nProvider, InteractionTargetEvent, InteractionTriggerEvent, LibrarySaleFunnelDocument, LibraryTemplateDocument, ModalProvider, OptionNormalStyle, OptionSpecialStyle, PICKED_PRODUCT_STATUSES, PageProvider, PreviewThemePageDocument, ProductListProvider, ProductProvider, ProductVariantsWithSellingPlansDocument, ProductWithSellingPlansSelectFragment, ProductsWithSellingPlansDocument, PublishedShopMetasDocument, PublishedThemePagesDocument, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderModeEnv, RenderPreviewMemo as RenderPreview, SaleFunnelDiscountsDocument, SaleFunnelOfferDocument, SectionMode, SectionProvider, ShopLibraryPageDocument, ShopProvider, ShopShopifyDocument, shop as ShopType, StorePropertyDocument, ThemePageDocument, ThemePageMetaDocument, WrapRenderChildren, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkHasChangeContent, checkInStock, cloneDeep, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertDecimalToNumber, convertHTML, convertOldLayout, convertTextAlignToJustify, createStoreFrontFetcher, createTranslateKey, dataStringify, extractOuterTagContent, fetchMedias, fetchVariants, filterAttrInStyle, filterHoverVariables, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgByDevice, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getColor, getCombinedBackgroundImage, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getFlexGrowClassByShapeGlobalSize, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getGradientImageBgrStyleByDevice, getHashCode, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getProductQueryAll, getProducts, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImage, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getThemeSectionTranslateKey, getValueByDevice, getValueSettingFromSchema, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, hasPublicStoreFrontData, hasTranslatedLiquid, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, replaceOuterTagContent, sanitizeLiquid, shopifyPriceRounding, splitStyle, styles, tGlobal as t, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFetchHandle, useFormatMoney, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePreviewSharePage, usePrevious, useProduct, useProductBundleDiscount, useProductListStore, useProductOfferDiscount, useProductOffersQuery, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useRenderMode, useSafeGetProductListSettings, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
55385
+ export { AddOn, AddonProvider, AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, appAPI as AppAPIType, ArticleListProvider, ArticleProvider, ArticlesDocument, BLACKLIST_TAGS, BlogsDocument, BuilderComponentProvider, BuilderPreviewProvider, BuilderProvider, CartLineProvider, CollectionDetailFilterDocument, CollectionDocument, CollectionProvider, CollectionsDocument, DEVICES, EMPTY_DEVICE_VALUE, GRADIENT_BGR_KEY, I18nProvider, InteractionTargetEvent, InteractionTriggerEvent, LibrarySaleFunnelDocument, LibraryTemplateDocument, ModalProvider, OptionNormalStyle, OptionSpecialStyle, PICKED_PRODUCT_STATUSES, PageProvider, PasteErrorPageBanner, PreviewThemePageDocument, ProductListProvider, ProductProvider, ProductVariantsWithSellingPlansDocument, ProductWithSellingPlansSelectFragment, ProductsWithSellingPlansDocument, PublishedShopMetasDocument, PublishedThemePagesDocument, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderModeEnv, RenderPreviewMemo as RenderPreview, SaleFunnelDiscountsDocument, SaleFunnelOfferDocument, SectionMode, SectionProvider, ShopLibraryPageDocument, ShopProvider, ShopShopifyDocument, shop as ShopType, StorePropertyDocument, ThemePageDocument, ThemePageMetaDocument, WrapRenderChildren, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkHasChangeContent, checkInStock, cloneDeep, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertDecimalToNumber, convertHTML, convertOldLayout, convertTextAlignToJustify, createStoreFrontFetcher, createTranslateKey, dataStringify, extractOuterTagContent, fetchMedias, fetchVariants, filterAttrInStyle, filterHoverVariables, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgByDevice, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getColor, getCombinedBackgroundImage, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getFlexGrowClassByShapeGlobalSize, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getGradientImageBgrStyleByDevice, getHashCode, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getProductQueryAll, getProducts, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImage, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getThemeSectionTranslateKey, getValueByDevice, getValueSettingFromSchema, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, hasPublicStoreFrontData, hasTranslatedLiquid, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, replaceOuterTagContent, sanitizeLiquid, shopifyPriceRounding, splitStyle, styles, tGlobal as t, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFetchHandle, useFormatMoney, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePreviewSharePage, usePrevious, useProduct, useProductBundleDiscount, useProductListStore, useProductOfferDiscount, useProductOffersQuery, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useRenderMode, useSafeGetProductListSettings, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
55367
55386
  export type { AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationFadeSettingType, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationZoomSettingType, AppstleLoyaltyRewardProgramWidgetType, ArticleListProviderProps, ArticleProviderProps, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProviderProps, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProviderProps, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FetchProductsParams, FlexDirectionProp, FontName, FontStyleType, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEventObject, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibrarySection, LibraryTemplate, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$6 as Option, Options$1 as Options, PaddingType, PageContext, PageProviderProps, PageSection, PageType, PickedProductStatus, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProviderProps, ProductOffer, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductVariantsWithSellingPlansQueryResponse, ProductVariantsWithSellingPlansQueryVariables, ProductVariantsWithSellingPlansSelectFragment, ProductsQueryResponse, ProductsQueryVariables, ProductsWithSellingPlansDetailFragment, ProductsWithSellingPlansQueryResponse, ProductsWithSellingPlansQueryVariables, PublicStoreFrontData, PublishErrorSectionListEventDetail, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMode, ResponsiveKey, ResponsiveStateProp, ResultOldElementWithSectionId, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOffer, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionCategory, SectionData, SectionEntity, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIControl, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, Shop, ShopLibraryPage, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopLibrarySection, ShopProviderProps, ShopShopifyQueryResponse, ShopShopifyQueryVariables, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TFetchRelatedProductQueriesParams, TagShopWidgetType, TemplateCategory, TemplatePackage, Theme, ThemePage, ThemePageMetaQueryResponse, ThemePageMetaQueryVariables, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSection, ThemeSectionStatus$1 as ThemeSectionStatus, ThemeStyle, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Family, TypographyV2FontFamilyType, TypographyV2Props, UltimateSalesBoostWidgetType, UpdatableItemAttr, ValidateType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, YotpoReviewsWidgetType };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "22.0.0-staging.46",
3
+ "version": "23.0.0-dev.10",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -36,8 +36,8 @@
36
36
  "zustand": "4.3.9"
37
37
  },
38
38
  "devDependencies": {
39
- "@gem-sdk/adapter-shopify": "21.1.0-staging.43",
40
- "@gem-sdk/styles": "22.0.0-staging.46"
39
+ "@gem-sdk/adapter-shopify": "23.0.0-dev.4",
40
+ "@gem-sdk/styles": "23.0.0-dev.7"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "18.3.1",