npm - @gem-sdk/core - Versions diffs - 22.0.0-dev.49 → 22.0.0-dev.52 - Mend

@gem-sdk/core 22.0.0-dev.49 → 22.0.0-dev.52

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 (68) hide show

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("zustand");var i=require("../contexts/BuilderPreviewContext.js"),r=require("../contexts/PageContext.js"),o=require("./theme-section/CreateThemeSection.js"),l=require("./toolbar/Tooltip.js"),n=require("./toolbar/SectionErrorBanner.js"),a=require("./theme-section/ThemeSectionStatus.js"),s=require("./resize/Resize.js"),d=require("../hooks/useToolbarPostPurchase.js"),u=require("./constant.js"),C=require("./ai-generator/AIContentGenerator.js"),c=require("./ai-generator/AIGenContentLoading.js"),h=require("./InteractionSuffix.js"),p=require("@gem-sdk/core"),g=require("./upgrade-element/UpgradeElement.js");require("swr"),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/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("../helpers/convert.js"),require("crc-32");var m=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 f=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},x=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var v=t.memo(v=>{let{t:b}=p.useI18nStore(),j=v.isThemeSection,w=!!v.isShopifySection,S=m.useShopStore(e=>e.storefrontUrl),q=m.useShopStore(e=>e.pageType),M=i.useBuilderPreviewStore(e=>e.getParents),L=i.useBuilderPreviewStore(e=>e.getItem("ROOT")),y=i.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[Z,P]=t.useState(null),[R,H]=t.useState(!1),[E,V]=t.useState(!1),[T,B]=t.useState([]),[A,k]=t.useState("top"),[I,F]=t.useState(!1),[$,G]=t.useState(!1),[U,O]=t.useState(""),[D,N]=t.useState(""),[_,z]=t.useState({width:"",text:""}),[W,J]=t.useState(!1),K=i.useBuilderPreviewStore(e=>e.errorSectionList),Q=t.useMemo(()=>{if(!K)return null;let e=K?.find(e=>e.uid===v.uid);return e},[K,v.uid]),X=r.usePageStore(e=>e.interactionData),Y=t.useMemo(()=>"POST_PURCHASE"===q,[q]),{checkDisableDelete:ee,getTooltipText:et,checkDisableDuplicate:ei}=d.usePostPurchase(v.uid,v.tag||""),er=["ProductTitle","ProductDescription","ProductPrice"],eo=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],el=[...er,...eo],en=(e,t)=>{let i=T.length,r=e.getBoundingClientRect(),o=t.getBoundingClientRect();return r.top-o.top<36*i},ea=(e,t)=>{let i=t||e;if(e&&!x(e))return f(e)&&en(t,e)?e:e.parentElement?ea(e.parentElement,i):void 0},es=t.useCallback(()=>L?.childrens?.length||0,[L?.childrens?.length]),ed=t.useCallback(()=>{if("Section"==v.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")}},[v.tag]),eu=t.useMemo(()=>S?S.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[S]),eC=t.useMemo(()=>`https://admin.shopify.com/store/${eu}`,[eu]),ec=t.useMemo(()=>U?`${eC}/products/${U}`:"",[eC,U]),eh=t.useMemo(()=>D?`${eC}/articles/${D.replace("gid://shopify/Article/","")}`:"",[D,eC]),ep=t.useMemo(()=>X?.isSelectOnPage,[X?.isSelectOnPage]),eg=t.useMemo(()=>X?.settingType,[X?.settingType]),em=t.useMemo(()=>X?.item?.targets?.find(e=>e.uid===v.uid&&e?.type!=="PAGE")&&"TARGET"===eg,[X?.item?.targets,v.uid,eg]),ef=t.useMemo(()=>X?.item?.self?.uid===v.uid&&X?.item?.self.type!=="PAGE"&&"TRIGGER"===eg,[X?.item?.self?.type,X?.item?.self?.uid,v.uid,eg]),ex=t.useMemo(()=>!em&&!ef,[em,ef]),ev=t.useMemo(()=>I||w,[I,w]),eb=t.useMemo(()=>W||w||es()>25&&"Section"===v.tag||!!Q,[es,W,w,v.tag,Q]),ej=i.useBuilderPreviewStore(e=>e.activeComponentDetail),ew=t.useCallback(e=>{if(e?.articleId&&N(e.articleId),e?.productId&&O(e.productId),e?.componentUid==v.uid){G(!0),ed(),Y&&(F(ee()),z(et()),J(ei()));let e=M(v.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&y||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);B(e)}else G(!1),B([]),H(!1)},[v.uid,Y,M,ee,et,ei,y,ed]),eS=i.useBuilderPreviewStore(e=>e.dismissPublishError),eq=t.useCallback(()=>{eS(v.uid)},[eS,v.uid]),eM=t.useCallback(()=>"Section"!==v.tag?-1:L?.childrens?.length?L.childrens.findIndex(e=>e==v.uid):-1,[L?.childrens,v.uid,v.tag]),eL=t.useMemo(()=>eM()>=25,[eM]),ey=t.useMemo(()=>!!Q||eL,[Q,eL]);if(t.useEffect(()=>{ew(ej)},[ej]),"section"===v.type||v.editorConfigs?.toolbar?.hide)return null;let eZ=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?b("Row {colNumber} col",{colNumber:t}):b("Row {colNumber} cols",{colNumber:t});return e}return b(e.label)},eP=e=>{if(!T.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(R)V(!1),H(!1);else{let e=ea(i,i);if(e)V(!0);else{let e=i.getBoundingClientRect();e.top<36*T.length?V(!0):V(!1)}H(!0)}let r=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!R}});window.dispatchEvent(r)},eR=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:v.uid,isThemeSection:j,isShopifySection:w}});return window.dispatchEvent(t),!1},eH=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:v.uid,isThemeSection:j,isShopifySection:w}});return window.dispatchEvent(t),!1},eE=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:v.uid}});return window.dispatchEvent(t),!1},eV=()=>{P(null),window.removeEventListener("editor:close-add-section-popup",eV)},eT=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),es()>=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:v.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(r),window.addEventListener("editor:close-add-section-popup",eV)}return!1},eB="Section"===v.tag&&!v.isThemeSection&&"STATIC"!==q&&"POST_PURCHASE"!==q&&!v.isShopifySection&&25>eM()&&!Q;return e.jsxs(e.Fragment,{children:[!("Section"==v.tag&&y)&&e.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==v.tag,"data-toolbar-theme-section":"Section"==v.tag&&!!j||y,"data-toolbar-shopify-section":"Section"==v.tag&&!!w,"data-toolbar-limit":eM()>=25||!!Q,children:[e.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>eP(e),"aria-hidden":"true",children:[ef&&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"})})}),em&&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"})})}),$&&ex&&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"==v.tag?e.jsxs("div",{"data-toolbar-name":!0,children:[(()=>{if(w)return v.name?.includes("Shopify section:")?`${b("Shopify section")}: ${v.name.replace("Shopify section:","")}`:`${b("Shopify section")}: ${v.name}`;let e=v.name&&v.name===`Section ${v.uid}`;return es()>=20?`${e?b("Section"):v?.name} ${eM()+1}/25`:e?`${b("Section")} ${eM()+1}`:v?.name})(),$&&w&&!v.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:b(v.customLabel||v.label)}),$&&"Section"!==v.tag&&T.length>0&&e.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":R,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"})})})]}),$&&R&&T.map((t,i)=>e.jsxs("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":y,"data-toolbar-parent-revert":E,style:{top:E?`${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:eZ(t)})]},t.uid)),$&&!ep&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{...v}),eB&&e.jsx(o.CreateThemeSection,{...v}),(()=>{let{isShopifySection:e,tag:t}=v;return!e&&(!j||!!y)&&u.ableGenerateContentElements.includes(t)&&!Q})()&&e.jsx(C.AIContentGenerator,{...v}),"Sticky"==v.tag&&e.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>eE(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"})})}),el.includes(v.tag)&&e.jsx(l.default,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:b("Edit content in Shopify"),position:"top",onClick:()=>{if(eo.includes(v.tag)){window.open(eh,"_blank");return}if(er.includes(v.tag)){window.open(ec,"_blank");return}window.open(eC,"_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(l.default,{enable:"Section"==v.tag&&es()>=25||w,text:w?b("Available in the Shopify theme editor"):b("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eb,onClick:eb?void 0:e=>eH(e),"aria-hidden":"true",className:eb?"!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(l.default,{"data-toolbar-delete":!0,onClick:e=>ev?null:eR(e),enable:ev,"data-toolbar-disable":ev,text:w?b("Available in the Shopify theme editor"):_.text,width:_.width,position:w?"bottom":A,"aria-hidden":"true",className:ev?"!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(h.InteractionSuffix,{uid:v.uid})]},v.uid),"STATIC"!==q&&"POST_PURCHASE"!==q&&25>eM()&&e.jsx(a.ThemeSectionStatusWrapper,{...v}),e.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==v.tag,"data-outline-theme-section":"Section"==v.tag&&!!j||y,"data-outline-shopify-section":"Section"==v.tag&&!!w,"data-outline-limit":ey,"data-outline-error":!!Q},"outline-"+v.uid),"Section"==v.tag&&!y&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{enable:es()>=25,text:b("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"==Z,onClick:e=>eT(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(l.default,{enable:es()>=25,text:b("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"==Z,onClick:e=>eT(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"})})})]}),Q&&e.jsx(n.SectionErrorBanner,{errorSectionInfo:Q,onDismiss:eq}),u.ableGenerateContentElements.includes(v.tag)&&$&&e.jsx(c.AIGenContentLoading,{...v}),$&&e.jsx(s.default,{...v})]})});exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("zustand");var i=require("../contexts/BuilderPreviewContext.js"),r=require("../contexts/PageContext.js"),o=require("./theme-section/CreateThemeSection.js"),l=require("./toolbar/Tooltip.js"),n=require("./toolbar/SectionErrorBanner.js"),a=require("./theme-section/ThemeSectionStatus.js"),s=require("./resize/Resize.js"),d=require("../hooks/useToolbarPostPurchase.js"),u=require("./InteractionSuffix.js"),C=require("@gem-sdk/core"),c=require("./upgrade-element/UpgradeElement.js");require("swr"),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/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.generated.js"),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=t.memo(m=>{let{t:f}=C.useI18nStore(),v=m.isThemeSection,x=!!m.isShopifySection,b=h.useShopStore(e=>e.storefrontUrl),j=h.useShopStore(e=>e.pageType),w=i.useBuilderPreviewStore(e=>e.getParents),S=i.useBuilderPreviewStore(e=>e.getItem("ROOT")),q=i.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[M,L]=t.useState(null),[y,Z]=t.useState(!1),[P,R]=t.useState(!1),[H,V]=t.useState([]),[E,T]=t.useState("top"),[B,k]=t.useState(!1),[A,F]=t.useState(!1),[$,I]=t.useState(""),[U,O]=t.useState(""),[D,N]=t.useState({width:"",text:""}),[_,z]=t.useState(!1),G=i.useBuilderPreviewStore(e=>e.errorSectionList),W=t.useMemo(()=>{if(!G)return null;let e=G?.find(e=>e.uid===m.uid);return e},[G,m.uid]),J=r.usePageStore(e=>e.interactionData),K=t.useMemo(()=>"POST_PURCHASE"===j,[j]),{checkDisableDelete:Q,getTooltipText:X,checkDisableDuplicate:Y}=d.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=t.useCallback(()=>S?.childrens?.length||0,[S?.childrens?.length]),en=t.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=t.useMemo(()=>b?b.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[b]),es=t.useMemo(()=>`https://admin.shopify.com/store/${ea}`,[ea]),ed=t.useMemo(()=>$?`${es}/products/${$}`:"",[es,$]),eu=t.useMemo(()=>U?`${es}/articles/${U.replace("gid://shopify/Article/","")}`:"",[U,es]),eC=t.useMemo(()=>J?.isSelectOnPage,[J?.isSelectOnPage]),ec=t.useMemo(()=>J?.settingType,[J?.settingType]),eh=t.useMemo(()=>J?.item?.targets?.find(e=>e.uid===m.uid&&e?.type!=="PAGE")&&"TARGET"===ec,[J?.item?.targets,m.uid,ec]),ep=t.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=t.useMemo(()=>!eh&&!ep,[eh,ep]),em=t.useMemo(()=>B||x,[B,x]),ef=t.useMemo(()=>_||x||el()>25&&"Section"===m.tag||!!W,[el,_,x,m.tag,W]),ev=i.useBuilderPreviewStore(e=>e.activeComponentDetail),ex=t.useCallback(e=>{if(e?.articleId&&O(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);V(e)}else F(!1),V([]),Z(!1)},[m.uid,K,w,Q,X,Y,q,en]),eb=i.useBuilderPreviewStore(e=>e.dismissPublishError),ej=t.useCallback(()=>{eb(m.uid)},[eb,m.uid]),ew=t.useCallback(()=>"Section"!==m.tag?-1:S?.childrens?.length?S.childrens.findIndex(e=>e==m.uid):-1,[S?.childrens,m.uid,m.tag]),eS=t.useMemo(()=>ew()>=25,[ew]),eq=t.useMemo(()=>!!W||eS,[W,eS]);if(t.useEffect(()=>{ex(ev)},[ev]),"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:v,isShopifySection:x}});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:v,isShopifySection:x}});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},eV="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&&!!v||q,"data-toolbar-shopify-section":"Section"==m.tag&&!!x,"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(x)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&&x&&!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(c.default,{...m}),eV&&e.jsx(o.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(l.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(l.default,{enable:"Section"==m.tag&&el()>=25||x,text:x?f("Available in the Shopify theme 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(l.default,{"data-toolbar-delete":!0,onClick:e=>em?null:ey(e),enable:em,"data-toolbar-disable":em,text:x?f("Available in the Shopify theme editor"):D.text,width:D.width,position:x?"bottom":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:"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:m.uid})]},m.uid),"STATIC"!==j&&"POST_PURCHASE"!==j&&25>ew()&&e.jsx(a.ThemeSectionStatusWrapper,{...m}),e.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==m.tag,"data-outline-theme-section":"Section"==m.tag&&!!v||q,"data-outline-shopify-section":"Section"==m.tag&&!!x,"data-outline-limit":eq,"data-outline-error":!!W},"outline-"+m.uid),"Section"==m.tag&&!q&&e.jsxs(e.Fragment,{children:[e.jsx(l.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(l.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(n.SectionErrorBanner,{errorSectionInfo:W,onDismiss:ej}),A&&e.jsx(s.default,{...m})]})});exports.default=m;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");require("zustand"),require("react");var t=require("../contexts/PageContext.js");require("react-transition-group"),require("./constant.js"),require("swr"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("classnames"),require("dayjs");var i=require("../helpers/interaction/index.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("../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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.InteractionSuffix=({uid:s})=>{let{closeSelectOnPage:a,selectInteractionElement:u}=i.useInteraction(),{t:q}=r.useI18nStore(),n=t.usePageStore(e=>e.interactionData?.settingType||""),g=t.usePageStore(e=>e.interactionData?.isSelectOnPage);return e.jsx(e.Fragment,{children:g&&e.jsx("button",{className:"gp-bg-[#F4F4F4] gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element",onClick:e=>{u({$target:e.target,componentUid:s,settingType:n}),a()},"data-setup-interaction":!0,children:q("TRIGGER"===n?"Set as trigger":"Set as target")})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");require("zustand"),require("react");var t=require("../contexts/PageContext.js");require("react-transition-group"),require("./constant.js"),require("swr");var i=require("../helpers/interaction/index.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/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.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.InteractionSuffix=({uid:s})=>{let{closeSelectOnPage:a,selectInteractionElement:u}=i.useInteraction(),{t:n}=r.useI18nStore(),q=t.usePageStore(e=>e.interactionData?.settingType||""),g=t.usePageStore(e=>e.interactionData?.isSelectOnPage);return e.jsx(e.Fragment,{children:g&&e.jsx("button",{className:"gp-bg-[#F4F4F4] gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element",onClick:e=>{u({$target:e.target,componentUid:s,settingType:q}),a()},"data-setup-interaction":!0,children:n("TRIGGER"===q?"Set as trigger":"Set as target")})})};

package/dist/cjs/components/Render.liquid.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../helpers/make-style.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),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"),require("react-transition-group");var r=require("./constant.js");require("classnames"),require("dayjs"),require("@gem-sdk/core");var t=require("../helpers/compose-advance-style.js"),s=require("../helpers/convert.js");require("crc-32");var i=require("../helpers/render.js");const a=["CarouselItem","CarouselItemV3"],l=["Text","Heading"],n=["IconListV2","IconList"],d=["IconList","ProductVariants"],u=({uid:e,builder:s,components:u,parentId:q,extraFiles:h={},pageContext:m,additionalSettings:b,...v})=>{let f=s[e],y=u[f?.tag];if(!y||!f||f?.type==="section")return{liquid:"",extraFiles:h};{let h={extraFiles:{}},j=t.composeAdvanceStyle(f.advanced,f.tag),$="";$=r.disableWrap.includes(f.tag)?i.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,style:j,advanced:f.advanced,parentId:a.includes(f.tag)?q:null,pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...s[e],uid:e,builder:s,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:s,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:f.advanced,style:j,isText:!!l.includes(f.tag)||null,parentId:a.includes(f.tag)?q:null,pageContext:m,...v,builderAttrs:{...v.builderAttrs}})):i.template`<div gp-el-wrapper style="${n.includes(f.tag)?"":j}" class="${f.uid} ${f?.childrens?.length||"IconListItemHoz"!==f.tag?"":"hidden"}">
-      ${i.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...s[e],uid:e,builder:s,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:s,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,isText:!!l.includes(f.tag)||null,style:n.includes(f.tag)?j:null,...v,builderAttrs:{...v.builderAttrs}}))}
-      </div>`;let{cssCode:x,jsCode:k}=o(f);return x&&($+=x),k&&($+=k),{liquid:$=p(f,$),extraFiles:h.extraFiles}}},o=e=>{let{css:r,javascript:t,rootClassName:s}=e.advanced?.editorData||{},a=r?.replaceAll(s,e.uid),l=t?.replaceAll(s,e.uid),n=i.RenderIf(!!r,i.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../helpers/make-style.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),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"),require("react-transition-group");var r=require("./constant.js");require("@gem-sdk/core");var t=require("../helpers/compose-advance-style.js"),i=require("../helpers/convert.js");require("crc-32");var s=require("../helpers/render.js");const a=["CarouselItem","CarouselItemV3"],l=["Text","Heading"],n=["IconListV2","IconList"],d=["IconList","ProductVariants"],u=({uid:e,builder:i,components:u,parentId:q,extraFiles:h={},pageContext:m,additionalSettings:b,...v})=>{let f=i[e],y=u[f?.tag];if(!y||!f||f?.type==="section")return{liquid:"",extraFiles:h};{let h={extraFiles:{}},j=t.composeAdvanceStyle(f.advanced,f.tag),$="";$=r.disableWrap.includes(f.tag)?s.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,style:j,advanced:f.advanced,parentId:a.includes(f.tag)?q:null,pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...i[e],uid:e,builder:i,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:i,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:f.advanced,style:j,isText:!!l.includes(f.tag)||null,parentId:a.includes(f.tag)?q:null,pageContext:m,...v,builderAttrs:{...v.builderAttrs}})):s.template`<div gp-el-wrapper style="${n.includes(f.tag)?"":j}" class="${f.uid} ${f?.childrens?.length||"IconListItemHoz"!==f.tag?"":"hidden"}">
+      ${s.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...i[e],uid:e,builder:i,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:i,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,isText:!!l.includes(f.tag)||null,style:n.includes(f.tag)?j:null,...v,builderAttrs:{...v.builderAttrs}}))}
+      </div>`;let{cssCode:x,jsCode:k}=o(f);return x&&($+=x),k&&($+=k),{liquid:$=p(f,$),extraFiles:h.extraFiles}}},o=e=>{let{css:r,javascript:t,rootClassName:i}=e.advanced?.editorData||{},a=r?.replaceAll(i,e.uid),l=t?.replaceAll(i,e.uid),n=s.RenderIf(!!r,s.template`
       <style id="${`custom-css-${e?.uid}`}">
         ${a}
       </style>
-    `),d=i.RenderIf(!!t,i.template`
+    `),d=s.RenderIf(!!t,s.template`
       <script id="${`custom-js-${e?.uid}`}">
         try {
           ${l}
         } catch(err){}
       </script>
-    `);return{cssCode:n,jsCode:d}},p=(r,t)=>{let{advanced:a,tag:l}=r,{animation:n,op:d,hasAnimationInteraction:u,displayInitInteraction:o}=a??{},p=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",c=e=>{if("desktop"===e);else if("tablet"===e)return n?.tablet??n?.desktop;else if("mobile"===e)return n?.mobile??n?.tablet??n?.desktop;return n?.desktop},g=p(c("desktop"),"appear"),q=p(c("desktop"),"hover"),h=p(c("tablet"),"appear"),m=p(c("mobile"),"appear"),b=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m||!!u,v=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m;if(!b)return t;let f=e=>c(e)?.enabled&&!["shake","none"].includes(p(c(e),"appear"))?"hidden":"visible",y={desktop:f("desktop"),tablet:f("tablet"),mobile:f("mobile")};return i.template`
+    `);return{cssCode:n,jsCode:d}},p=(r,t)=>{let{advanced:a,tag:l}=r,{animation:n,op:d,hasAnimationInteraction:u,displayInitInteraction:o}=a??{},p=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",c=e=>{if("desktop"===e);else if("tablet"===e)return n?.tablet??n?.desktop;else if("mobile"===e)return n?.mobile??n?.tablet??n?.desktop;return n?.desktop},g=p(c("desktop"),"appear"),q=p(c("desktop"),"hover"),h=p(c("tablet"),"appear"),m=p(c("mobile"),"appear"),b=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m||!!u,v=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m;if(!b)return t;let f=e=>c(e)?.enabled&&!["shake","none"].includes(p(c(e),"appear"))?"hidden":"visible",y={desktop:f("desktop"),tablet:f("tablet"),mobile:f("mobile")};return s.template`
   <gp-animation
     gp-interaction-wrapper
     display-init="${!1===o?"hide":"show"}"
@@ -20,5 +20,5 @@
     <script gp-data type="application/json">${JSON.stringify({config:n,tag:l,opacity:d,notEnableAnimationWhenInit:!v})}</script>
     <div style="${{...e.makeStyleResponsive("v",y),display:"contents"}}">${t}</div>
   </gp-animation>
-  ${i.RenderIf(s.isLocalEnv,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${s.baseAssetURL}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `},c=e=>{let r=u(e);for(let t in r.extraFiles)Object.prototype.hasOwnProperty.call(r.extraFiles,t)&&(e.customProps.extraFiles[t]=r.extraFiles[t]);let t=new TextEncoder,s=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(s/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}return r.liquid},g=({uid:e,customProps:r},t)=>{let s="";if(t?.length)for(let i=0;i<t.length;i++){let a=t[i];if(a){let t=s+a,l=new TextEncoder,n=t?l.encode(t).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e+i}`;r.extraFiles[t]=a,s+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}else s+=a}}return s};exports.RenderChildren=c,exports.WrapRenderChildren=g,exports.default=u;
+  ${s.RenderIf(i.isLocalEnv,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${i.baseAssetURL}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `},c=e=>{let r=u(e);for(let t in r.extraFiles)Object.prototype.hasOwnProperty.call(r.extraFiles,t)&&(e.customProps.extraFiles[t]=r.extraFiles[t]);let t=new TextEncoder,i=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(i/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}return r.liquid},g=({uid:e,customProps:r},t)=>{let i="";if(t?.length)for(let s=0;s<t.length;s++){let a=t[s];if(a){let t=i+a,l=new TextEncoder,n=t?l.encode(t).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e+s}`;r.extraFiles[t]=a,i+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}else i+=a}}return i};exports.RenderChildren=c,exports.WrapRenderChildren=g,exports.default=u;

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

@@ -1,5 +1,5 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/head"),s=require("next/script"),i=require("react");require("zustand"),require("react-transition-group"),require("./constant.js"),require("swr"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/product-variants.generated.js");var t=require("../hooks/shop.js");require("classnames"),require("dayjs"),require("@gem-sdk/core"),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("../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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.default=({uid:u,advanced:a})=>{let q=t.useEditorMode(),{css:l,javascript:n,rootClassName:p}=a?.editorData||{},d=l?.replaceAll(p,u),o=n?.replaceAll(p,u),g={css:`custom-css-${u}`,javascript:`custom-js-${u}`},c=i.useMemo(()=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/head"),s=require("next/script"),i=require("react");require("zustand"),require("react-transition-group"),require("./constant.js"),require("swr"),require("@gem-sdk/core"),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/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var t=require("../hooks/shop.js");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.default=({uid:u,advanced:a})=>{let q=t.useEditorMode(),{css:l,javascript:n,rootClassName:p}=a?.editorData||{},d=l?.replaceAll(p,u),o=n?.replaceAll(p,u),g={css:`custom-css-${u}`,javascript:`custom-js-${u}`},c=i.useMemo(()=>`
       try {
         ${o}
       } catch(err){}

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

	@@ -1 +1 @@
1	- "use strict";const e=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}];[...new Set(e.flatMap(e=>e.old))];const t=e.reduce((e,t)=>(t.old.forEach(o=>{e[o]=t.new}),e),{});exports.~~ableGenerateContentElements=["Section"],exports.~~customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],exports.disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],exports.excludeApplyStyle=["IconListV2","IconList","ProductBadge"],exports.oldToNewTagMap=t,exports.postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],exports.postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"];
1	+ "use strict";const e=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}];[...new Set(e.flatMap(e=>e.old))];const o=e.reduce((e,o)=>(o.old.forEach(t=>{e[t]=o.new}),e),{});exports.customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],exports.disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],exports.excludeApplyStyle=["IconListV2","IconList","ProductBadge"],exports.oldToNewTagMap=o,exports.postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],exports.postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"];

package/dist/cjs/components/resize/Spacing.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("zustand");var t=require("../../contexts/BuilderPreviewContext.js"),i=require("../../constants/device.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("swr/infinite"),require("../../graphql/queries/productsV2.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/product-variants.generated.js");var a=require("../../hooks/shop.js");require("classnames"),require("dayjs"),require("@gem-sdk/core"),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("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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 n=e=>{let t=r.useRef();return r.useEffect(()=>{t.current=e},[e]),t.current};exports.default=function(s){let u=t.useBuilderPreviewStore(e=>e.isThemeSectionEditor),o=a.usePageType(),l=r.useRef(null),d=r.useRef(null),c=r.useRef(null),p=r.useRef(!1),g=r.useRef(0),m=r.useRef(0),q=r.useRef(null),[v,h]=r.useState(0),[b,f]=r.useState(!1),j=r.useRef(null),w=e=>{let r=e.clientY,t=Math.ceil(r-g.current),i=m.current||0,a=i+t>=0?`${i+t}px`:"0px";return{newValue:a}},y=e=>{if(l.current&&d.current){let{newValue:r}=w(e);d.current.style.height=r,l.current.style.top=r;let t=l.current.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=r,k(r))}},E=()=>{x()},S=()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{p.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",y),document.addEventListener("mouseup",E)},100)},x=()=>{c.current&&clearTimeout(c.current),p.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),l.current){let e=getComputedStyle(l.current),r=e.top,t=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:s.uid,marginBottom:r}});window.dispatchEvent(t)}let r=l.current?.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=""),document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",E)},C=(e,r)=>{let t=e.children.length;if(t)for(let i=0;i<t;i++){let t=e.children[i];if(t){let e=t.getAttribute(r);if(e)return t}}},L=e=>{let r=e.getAttribute("data-component-tag");return"Row"===r||"Product"===r},R=r.useCallback(e=>{let r=l.current?.closest("[data-toolbar-wrap]");if(!r)return;let t=C(r,"data-toolbar");if(!t)return;let i=t.getAttribute("data-toolbar-active");if(!i)return;let a=getComputedStyle(r),n=C(r,"data-spacing"),s=n?.querySelector("[data-spacing-margin-bottom]")||null;if(s&&d.current&&l.current){let t=a.marginBottom;if(e&&k(t),0>parseFloat(t)&&(t="0"),d.current.style.height=t,l.current.style.top=t,s.setAttribute("data-spacing-margin-bottom-active","true"),L(r))d.current.style.left="0";else{let e=a.paddingLeft,r=`-${e}`,t=`translate(${r}, -100%)`;d.current.style.left=r,l.current.style.transform=t}}},[]),k=e=>{let r=parseFloat(e);h(r),f(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{f(!1)},2e3);let t=r<=28&&r>=0?r/2+16:r>28?0:16;q.current&&(q.current.style.transform=`translateY(${t}px)`)},T=n(s.advanced?.["spacing-setting"]);r.useEffect(()=>{let e=P(T,s.advanced?.["spacing-setting"]);R(e)},[T,s.advanced,R]);let P=(e,r)=>i.DEVICES.some(t=>JSON.stringify(e?.[t]?.margin?.bottom)!==JSON.stringify(r?.[t]?.margin?.bottom)),z=r.useCallback(()=>{R()},[R]);return r.useEffect(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>R),window.addEventListener("editor:toolbar:update-padding-left",()=>R),window.addEventListener("resize",z),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>R),window.removeEventListener("editor:toolbar:update-padding-left",()=>R),window.removeEventListener("resize",z)}),[z,R]),e.jsx(e.Fragment,{children:"Section"!==s.tag&&"POST_PURCHASE"!==o&&e.jsx("div",{"data-spacing":!0,"data-spacing-theme-section":u,className:"gp-absolute gp-w-full gp-bottom-0",children:e.jsxs("div",{"data-spacing-margin-bottom":!0,children:[e.jsxs("div",{"data-spacing-margin-bottom-bg":!0,ref:d,children:[e.jsx("div",{"data-spacing-margin-bottom-value":!0}),e.jsx("div",{"data-active":b,"data-value-number":!0,ref:q,children:v})]}),e.jsx("div",{ref:l,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(l.current){let r=getComputedStyle(l.current);g.current=e.clientY,m.current=parseFloat(r.top),S()}},onMouseUp:()=>{x()},role:"presentation"})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("zustand");var r=require("../../contexts/BuilderPreviewContext.js"),i=require("../../constants/device.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("@gem-sdk/core"),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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.generated.js"),require("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var a=require("../../hooks/shop.js");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 n=e=>{let r=t.useRef();return t.useEffect(()=>{r.current=e},[e]),r.current};exports.default=function(s){let u=r.useBuilderPreviewStore(e=>e.isThemeSectionEditor),o=a.usePageType(),l=t.useRef(null),d=t.useRef(null),c=t.useRef(null),p=t.useRef(!1),g=t.useRef(0),m=t.useRef(0),q=t.useRef(null),[v,h]=t.useState(0),[b,f]=t.useState(!1),j=t.useRef(null),w=e=>{let t=e.clientY,r=Math.ceil(t-g.current),i=m.current||0,a=i+r>=0?`${i+r}px`:"0px";return{newValue:a}},y=e=>{if(l.current&&d.current){let{newValue:t}=w(e);d.current.style.height=t,l.current.style.top=t;let r=l.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,k(t))}},E=()=>{x()},S=()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{p.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",y),document.addEventListener("mouseup",E)},100)},x=()=>{c.current&&clearTimeout(c.current),p.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),l.current){let e=getComputedStyle(l.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:s.uid,marginBottom:t}});window.dispatchEvent(r)}let t=l.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",E)},C=(e,t)=>{let r=e.children.length;if(r)for(let i=0;i<r;i++){let r=e.children[i];if(r){let e=r.getAttribute(t);if(e)return r}}},L=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},R=t.useCallback(e=>{let t=l.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=C(t,"data-toolbar");if(!r)return;let i=r.getAttribute("data-toolbar-active");if(!i)return;let a=getComputedStyle(t),n=C(t,"data-spacing"),s=n?.querySelector("[data-spacing-margin-bottom]")||null;if(s&&d.current&&l.current){let r=a.marginBottom;if(e&&k(r),0>parseFloat(r)&&(r="0"),d.current.style.height=r,l.current.style.top=r,s.setAttribute("data-spacing-margin-bottom-active","true"),L(t))d.current.style.left="0";else{let e=a.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;d.current.style.left=t,l.current.style.transform=r}}},[]),k=e=>{let t=parseFloat(e);h(t),f(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{f(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;q.current&&(q.current.style.transform=`translateY(${r}px)`)},T=n(s.advanced?.["spacing-setting"]);t.useEffect(()=>{let e=P(T,s.advanced?.["spacing-setting"]);R(e)},[T,s.advanced,R]);let P=(e,t)=>i.DEVICES.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),z=t.useCallback(()=>{R()},[R]);return t.useEffect(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>R),window.addEventListener("editor:toolbar:update-padding-left",()=>R),window.addEventListener("resize",z),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>R),window.removeEventListener("editor:toolbar:update-padding-left",()=>R),window.removeEventListener("resize",z)}),[z,R]),e.jsx(e.Fragment,{children:"Section"!==s.tag&&"POST_PURCHASE"!==o&&e.jsx("div",{"data-spacing":!0,"data-spacing-theme-section":u,className:"gp-absolute gp-w-full gp-bottom-0",children:e.jsxs("div",{"data-spacing-margin-bottom":!0,children:[e.jsxs("div",{"data-spacing-margin-bottom-bg":!0,ref:d,children:[e.jsx("div",{"data-spacing-margin-bottom-value":!0}),e.jsx("div",{"data-active":b,"data-value-number":!0,ref:q,children:v})]}),e.jsx("div",{ref:l,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(l.current){let t=getComputedStyle(l.current);g.current=e.clientY,m.current=parseFloat(t.top),S()}},onMouseUp:()=>{x()},role:"presentation"})]})})})};

package/dist/cjs/components/theme-section/CreateThemeSection.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./ThemeSectionTooltip.js");require("zustand");var i=require("../../contexts/I18nContext.js");require("../constant.js");var s=require("../../contexts/ShopContext.js");require("swr"),require("swr/infinite"),require("../../graphql/queries/productsV2.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/product-variants.generated.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core"),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("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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 a=["starter","trial","trial2022"];exports.CreateThemeSection=({...u})=>{let{t:o}=i.useI18nStore(),n=s.useShopStore(e=>e.plan),l=s.useShopStore(e=>e.createThemeSectionCount),q=s.useShopStore(e=>e.limitCreateThemeSection),c=a.includes(n??""),d=c||q?.isLimit,p=d||void 0===l||l<1,h=r.useRef(),[g,j]=r.useState(!1),m=(e,r)=>{e.preventDefault(),e.stopPropagation(),r?.disabled||(d?v():C(),h.current&&clearTimeout(h.current),j(!1))},v=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},C=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:u.uid}});window.dispatchEvent(e)};return e.jsx(e.Fragment,{children:e.jsxs(t.ThemeSectionTooltip,{isFreeLimit:c,limitCreateThemeSection:q,isShow:g,isRender:p,onActions:m,onMouseEnter:()=>{p&&(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{j(!0)},600))},onMouseLeave:()=>{p&&(h.current&&clearTimeout(h.current),j(!1))},children:[p&&e.jsx("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e.jsx("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:e.jsxs("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>m(e,{disabled:!!d}),"aria-hidden":"true",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.jsx("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e.jsx("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e.jsx("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e.jsx("p",{children:o("Create Theme Section")})]})})]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./ThemeSectionTooltip.js");require("zustand");var i=require("../../contexts/I18nContext.js");require("../constant.js");var s=require("../../contexts/ShopContext.js");require("@gem-sdk/core"),require("swr"),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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.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");const a=["starter","trial","trial2022"];exports.CreateThemeSection=({...u})=>{let{t:o}=i.useI18nStore(),n=s.useShopStore(e=>e.plan),l=s.useShopStore(e=>e.createThemeSectionCount),c=s.useShopStore(e=>e.limitCreateThemeSection),d=a.includes(n??""),q=d||c?.isLimit,p=q||void 0===l||l<1,h=r.useRef(),[g,j]=r.useState(!1),m=(e,r)=>{e.preventDefault(),e.stopPropagation(),r?.disabled||(q?v():C(),h.current&&clearTimeout(h.current),j(!1))},v=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},C=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:u.uid}});window.dispatchEvent(e)};return e.jsx(e.Fragment,{children:e.jsxs(t.ThemeSectionTooltip,{isFreeLimit:d,limitCreateThemeSection:c,isShow:g,isRender:p,onActions:m,onMouseEnter:()=>{p&&(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{j(!0)},600))},onMouseLeave:()=>{p&&(h.current&&clearTimeout(h.current),j(!1))},children:[p&&e.jsx("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e.jsx("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:e.jsxs("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>m(e,{disabled:!!q}),"aria-hidden":"true",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e.jsx("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e.jsx("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e.jsx("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e.jsx("p",{children:o("Create Theme Section")})]})})]})})};

package/dist/cjs/components/theme-section/ThemeSectionTooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group");require("zustand");var i=require("../../contexts/I18nContext.js"),s=require("../../helpers/cls.js");require("../constant.js"),require("swr"),require("~~swr~~/~~infinite~~"),require("../../graphql/queries/~~productsV2~~.generated.js"),require("../../graphql/queries/~~product-little-detail~~.generated.js"),require("../../graphql/queries/~~product-medias~~.generated.js"),require("../../graphql/queries/~~product~~-~~variants~~.generated.js"),require("~~classnames"),require("dayjs"),require("@gem-sdk/core"),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("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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 o={transition:"opacity 350ms ease-out",opacity:0},a={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}};exports.ThemeSectionTooltip=({isShow:n,isFreeLimit:l,isRender:c,children:u,limitCreateThemeSection:d,onMouseEnter:p,onMouseLeave:h,onActions:q})=>{let{t:m}=i.useI18nStore(),g=r.useRef(null),j=l?m("Upgrade to create Theme Section"):m("Create Theme Section"),y=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:p,onMouseLeave:h,children:[u,c&&e.jsx(t.Transition,{in:n,timeout:350,nodeRef:g,unmountOnExit:!0,children:r=>e.jsx("div",{className:"theme-section-tooltip",ref:g,style:{...o,...a[r]},children:d?.isLimit&&!l?e.jsxs("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e.jsx("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:m("Upgrade plan")}),e.jsxs("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[m("You’ve reached the maximum number of theme sections on your plan")," (",d.total,"/",d.limit,")"]}),e.jsx("button",{onClick:e=>q(e),children:m("Upgrade plan to create more")})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"theme-section-tooltip__image",children:e.jsx("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),e.jsxs("div",{className:"theme-section-tooltip__body",children:[e.jsx("div",{className:"theme-section-tooltip__body-title",children:m("Create once, use everywhere with Theme Section")}),e.jsx("div",{className:"theme-section-tooltip__body-desc",children:m("A global section that can be used on all your GemPages & Shopify pages.")})]}),e.jsxs("div",{className:s.cls("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":l}),children:[e.jsx("button",{onClick:e=>q(e),children:m(j)}),l&&e.jsx("div",{onClick:y,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:m("Learn more about Theme Section")})]})]})})})]})})};
1	+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group");require("zustand");var i=require("../../contexts/I18nContext.js"),s=require("../../helpers/cls.js");require("../constant.js"),require("swr"),require("@gem-sdk/core"),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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.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");const o={transition:"opacity 350ms ease-out",opacity:0},a={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}};exports.ThemeSectionTooltip=({isShow:n,isFreeLimit:l,isRender:c,children:u,limitCreateThemeSection:d,onMouseEnter:p,onMouseLeave:h,onActions:q})=>{let{t:m}=i.useI18nStore(),g=r.useRef(null),j=l?m("Upgrade to create Theme Section"):m("Create Theme Section"),_=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:p,onMouseLeave:h,children:[u,c&&e.jsx(t.Transition,{in:n,timeout:350,nodeRef:g,unmountOnExit:!0,children:r=>e.jsx("div",{className:"theme-section-tooltip",ref:g,style:{...o,...a[r]},children:d?.isLimit&&!l?e.jsxs("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e.jsx("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:m("Upgrade plan")}),e.jsxs("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[m("You’ve reached the maximum number of theme sections on your plan")," (",d.total,"/",d.limit,")"]}),e.jsx("button",{onClick:e=>q(e),children:m("Upgrade plan to create more")})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"theme-section-tooltip__image",children:e.jsx("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),e.jsxs("div",{className:"theme-section-tooltip__body",children:[e.jsx("div",{className:"theme-section-tooltip__body-title",children:m("Create once, use everywhere with Theme Section")}),e.jsx("div",{className:"theme-section-tooltip__body-desc",children:m("A global section that can be used on all your GemPages & Shopify pages.")})]}),e.jsxs("div",{className:s.cls("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":l}),children:[e.jsx("button",{onClick:e=>q(e),children:m(j)}),l&&e.jsx("div",{onClick:_,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:m("Learn more about Theme Section")})]})]})})})]})})};

package/dist/cjs/components/upgrade-element/UpgradeButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("zustand");var r=require("../../contexts/I18nContext.js"),s=require("../../helpers/cls.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("~~swr~~/~~infinite~~"),require("~~../../graphql/queries/productsV2~~.~~generated.~~js"),require("../../graphql/queries/~~product~~-~~little~~-~~detail~~.generated.js"),require("../../graphql/queries/~~product-medias~~.generated.js"),require("../../graphql/queries/~~product-variants~~.generated.js"),require("~~classnames"),require("dayjs"),require("@gem~~-~~sdk/core");var i=require("./icons~~.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("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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.default=({isLoading:a,isUpdated:t,onUpgrade:l})=>{let{t:u}=r.useI18nStore(),p={old:{icon:e.jsx(i.CircleUpIcon,{}),label:u("Update"),className:"gp-relative",showDot:!0},loading:{icon:e.jsx(i.LoadingIcon,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:e.jsx(i.CheckMarkIcon,{}),label:u("Updated"),className:"",showDot:!1}},o=p[a?"loading":t?"updated":"old"];return e.jsxs("button",{disabled:a,"data-toolbar-upgrade-element":"true",className:s.cls("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":t}),onClick:l,children:[e.jsx("div",{className:`gp-shrink-0 gp-overflow-hidden ${o.className}`,children:o.icon}),o.showDot&&e.jsx("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:e.jsx("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),o.label&&e.jsx("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:o.label})]})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("zustand");var r=require("../../contexts/I18nContext.js"),s=require("../../helpers/cls.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("@gem-sdk/core");var i=require("./icons.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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.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.default=({isLoading:a,isUpdated:t,onUpgrade:l})=>{let{t:p}=r.useI18nStore(),u={old:{icon:e.jsx(i.CircleUpIcon,{}),label:p("Update"),className:"gp-relative",showDot:!0},loading:{icon:e.jsx(i.LoadingIcon,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:e.jsx(i.CheckMarkIcon,{}),label:p("Updated"),className:"",showDot:!1}},o=u[a?"loading":t?"updated":"old"];return e.jsxs("button",{disabled:a,"data-toolbar-upgrade-element":"true",className:s.cls("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":t}),onClick:l,children:[e.jsx("div",{className:`gp-shrink-0 gp-overflow-hidden ${o.className}`,children:o.icon}),o.showDot&&e.jsx("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:e.jsx("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),o.label&&e.jsx("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:o.label})]})};

package/dist/cjs/components/upgrade-element/UpgradeElement.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("zustand");var s=require("../../contexts/PageContext.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("~~swr~~/~~infinite~~"),require("~~../../graphql/queries/productsV2~~.~~generated.~~js"),require("../../graphql/queries/~~product~~-~~little~~-~~detail~~.generated.js"),require("../../graphql/queries/~~product-medias~~.generated.js"),require("../../graphql/queries/~~product-variants~~.generated.js")~~;var i=~~require("../../~~hooks~~/~~shop~~.js")~~;require("classnames")~~,require("~~dayjs"),require("@gem-sdk/core");var t=require("./UpgradeButton.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("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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 u=["THEME_SECTION"];exports.default=({tag:a,uid:q})=>{let o=s.usePageStore(e=>e.oldElements),l=s.usePageStore(e=>e.updatedElements),n=s.usePageStore(e=>e.updatingElements),d=i.usePageType(),p=r.useMemo(()=>!u.some(e=>e.includes(d)),[d]),g=r.useMemo(()=>!!q&&(o?.some(e=>e.uid===q)??!1),[o,q]),c=r.useMemo(()=>l?.some(e=>e.uid===q),[l,q]),h=r.useMemo(()=>n?.some(e=>e.uid===q),[n,q]),j=r.useCallback(e=>{c\|\|(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:q,fromTag:a}})))},[c,a,q]);return a&&q&&p&&(g\|\|c)?e.jsx(t.default,{isLoading:h,isUpdated:c,onUpgrade:j}):null};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("zustand");var s=require("../../contexts/PageContext.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("@gem-sdk/core");var i=require("./UpgradeButton.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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.generated.js"),require("../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var t=require("../../hooks/shop.js");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 u=["THEME_SECTION"];exports.default=({tag:a,uid:q})=>{let o=s.usePageStore(e=>e.oldElements),l=s.usePageStore(e=>e.updatedElements),n=s.usePageStore(e=>e.updatingElements),d=t.usePageType(),p=r.useMemo(()=>!u.some(e=>e.includes(d)),[d]),g=r.useMemo(()=>!!q&&(o?.some(e=>e.uid===q)??!1),[o,q]),c=r.useMemo(()=>l?.some(e=>e.uid===q),[l,q]),h=r.useMemo(()=>n?.some(e=>e.uid===q),[n,q]),j=r.useCallback(e=>{c\|\|(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:q,fromTag:a}})))},[c,a,q]);return a&&q&&p&&(g\|\|c)?e.jsx(i.default,{isLoading:h,isUpdated:c,onUpgrade:j}):null};

package/dist/cjs/contexts/ProductContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("zustand");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js");var s=require("../helpers/variant.js");require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");const a=r.createContext(null),u=e=>t.createStore((r,t)=>({...e,updateProperty:(e,t)=>{r(r=>({properties:r.properties?.map(r=>r.key===e?{...r,...t}:r)}))},setUseProductCompareAtPrice:e=>{r({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{r({shouldRequireUploadMessage:e})},setRequireUpload:e=>{r({requireUpload:e})},addProperty:e=>{let s=t().properties;s?.some(r=>r.key===e.key)||r(r=>({properties:[...r.properties??[],e]}))},removeProperty:e=>{r(r=>({properties:r.properties?.filter(r=>r.key!==e)}))},setQuantity:e=>{r({quantity:e>0?e:1})},setProductFeaturedImage:e=>{r({featuredImageGlobal:e})},incrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r+1}})},decrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r>2?r-1:1}})},setSelectedOption:(e,t)=>{r(r=>e&&t?{selectedOptions:{...r?.selectedOptions,[e]:t}}:r)},forceSelectedOption:e=>{r(r=>({selectedOptions:{...r?.selectedOptions,...e}}))},updateIsSubmit:e=>{r({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{r({updatePrice:e})},setHasPreSelected:e=>{r({hasPreSelected:e})},setIsChangeSelectedOption:e=>{r({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{r({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{r({selectedSellingPlan:e})}}));exports.ProductProvider=({children:t,product:n,initialVariantId:l,initialVariantBaseId:o,quantity:d=1,isSyncProduct:p,hasPreSelected:q,uid:c})=>{let g=r.useId(),h=r.useMemo(()=>{let e,r={};if(n){let t=i.flattenConnection(n.variants),a=t[0],u=t.find(e=>s.checkInStock(e)),d=t.find(e=>e?.id===l||e?.baseID===o)??u??a;r=d?.selectedOptions?.reduce((e,r)=>r.name?{...e,[r.name]:r.value}:e,{}),e=n.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??n.featuredImage}return u({product:n,quantity:d,selectedOptions:r,uiqueId:g,featuredImageGlobal:e,isSyncProduct:p,hasPreSelected:q,uid:c})},[n,d,g,p,q,l,c]);return e.jsx(a.Provider,{value:h,children:e.jsx(e.Fragment,{children:t})})},exports.useProductStore=(e,s)=>{let i=r.useContext(a);if(!i)throw Error("Element of product must be used inside a Product");return t.useStore(i,e,s)};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("zustand");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js");var i=require("../helpers/variant.js");require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("@gem-sdk/core");var s=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");const a=r.createContext(null),u=e=>t.createStore((r,t)=>({...e,updateProperty:(e,t)=>{r(r=>({properties:r.properties?.map(r=>r.key===e?{...r,...t}:r)}))},setUseProductCompareAtPrice:e=>{r({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{r({shouldRequireUploadMessage:e})},setRequireUpload:e=>{r({requireUpload:e})},addProperty:e=>{let i=t().properties;i?.some(r=>r.key===e.key)||r(r=>({properties:[...r.properties??[],e]}))},removeProperty:e=>{r(r=>({properties:r.properties?.filter(r=>r.key!==e)}))},setQuantity:e=>{r({quantity:e>0?e:1})},setProductFeaturedImage:e=>{r({featuredImageGlobal:e})},incrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r+1}})},decrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r>2?r-1:1}})},setSelectedOption:(e,t)=>{r(r=>e&&t?{selectedOptions:{...r?.selectedOptions,[e]:t}}:r)},forceSelectedOption:e=>{r(r=>({selectedOptions:{...r?.selectedOptions,...e}}))},updateIsSubmit:e=>{r({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{r({updatePrice:e})},setHasPreSelected:e=>{r({hasPreSelected:e})},setIsChangeSelectedOption:e=>{r({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{r({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{r({selectedSellingPlan:e})}}));exports.ProductProvider=({children:t,product:n,initialVariantId:l,initialVariantBaseId:o,quantity:d=1,isSyncProduct:p,hasPreSelected:q,uid:c})=>{let g=r.useId(),h=r.useMemo(()=>{let e,r={};if(n){let t=s.flattenConnection(n.variants),a=t[0],u=t.find(e=>i.checkInStock(e)),d=t.find(e=>e?.id===l||e?.baseID===o)??u??a;r=d?.selectedOptions?.reduce((e,r)=>r.name?{...e,[r.name]:r.value}:e,{}),e=n.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??n.featuredImage}return u({product:n,quantity:d,selectedOptions:r,uiqueId:g,featuredImageGlobal:e,isSyncProduct:p,hasPreSelected:q,uid:c})},[n,d,g,p,q,l,c]);return e.jsx(a.Provider,{value:h,children:e.jsx(e.Fragment,{children:t})})},exports.useProductStore=(e,i)=>{let s=r.useContext(a);if(!s)throw Error("Element of product must be used inside a Product");return t.useStore(s,e,i)};

package/dist/cjs/contexts/ShopContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("swr"),r=require("zustand"),n=require("react"),o=require("./AddonContext.js"),i=require("./ModalContext.js");const a=n.createContext(null),s=e=>r.createStore(t=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{t({locale:e})},changeCurrency:e=>{t({currency:e})},changeSwatches:e=>{t({swatches:e})},changeLayoutSettings:e=>{t({layoutSettings:e})},updatePriceWithCurrency:e=>{t({showPriceCurrency:e})},changeStorefrontInfo:({url:e,token:r})=>{t({storefrontUrl:e,storefrontToken:r})},changeCreateThemeSectionCount:e=>{t({createThemeSectionCount:e})},changeShopPlan:e=>{t({plan:e})},changeLimitCreateThemeSection:e=>{t({limitCreateThemeSection:e})}}));exports.ShopProvider=({children:r,addons:c,storeOption:u,queryOption:d,...l})=>{let h=n.useMemo(()=>s(u),[u]),S=n.useCallback(e=>{let t=!!e.detail?.isAllow,r=e.detail?.maxGenerateCount,n=e.detail?.nextQuota;h.setState({generateContentLimitation:{isAllow:t,maxGenerateCount:r,nextQuota:n}})},[h]);return n.useEffect(()=>(window.addEventListener("editor:ai-generate-content-update-limitation",S),()=>{window.removeEventListener("editor:ai-generate-content-update-limitation",S)}),[S]),e.jsx(o.AddonProvider,{components:c,children:e.jsx(t.SWRConfig,{value:d,children:e.jsx(a.Provider,{...l,value:h,children:e.jsx(i.ModalProvider,{children:r})},JSON.stringify(u))})})},exports.useShopStore=(e,t)=>{let o=n.useContext(a);if(!o)throw Error("useShopStore must be used within a ShopProvider");return r.useStore(o,e,t)};
+"use strict";var e=require("react/jsx-runtime"),r=require("swr"),t=require("zustand"),o=require("react"),n=require("./AddonContext.js"),i=require("./ModalContext.js");const c=o.createContext(null),a=e=>t.createStore(r=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{r({locale:e})},changeCurrency:e=>{r({currency:e})},changeSwatches:e=>{r({swatches:e})},changeLayoutSettings:e=>{r({layoutSettings:e})},updatePriceWithCurrency:e=>{r({showPriceCurrency:e})},changeStorefrontInfo:({url:e,token:t})=>{r({storefrontUrl:e,storefrontToken:t})},changeCreateThemeSectionCount:e=>{r({createThemeSectionCount:e})},changeShopPlan:e=>{r({plan:e})},changeLimitCreateThemeSection:e=>{r({limitCreateThemeSection:e})}}));exports.ShopProvider=({children:t,addons:s,storeOption:u,queryOption:h,...S})=>{let d=o.useMemo(()=>a(u),[u]);return e.jsx(n.AddonProvider,{components:s,children:e.jsx(r.SWRConfig,{value:h,children:e.jsx(c.Provider,{...S,value:d,children:e.jsx(i.ModalProvider,{children:t})},JSON.stringify(u))})})},exports.useShopStore=(e,r)=>{let n=o.useContext(c);if(!n)throw Error("useShopStore must be used within a ShopProvider");return t.useStore(n,e,r)};

package/dist/cjs/helpers/interaction/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react");require("react/jsx-runtime"),require("zustand");var r=require("../../contexts/PageContext.js");require("react-transition-group"),require("../../components/constant.js"),require("swr"),require("swr/infinite"),require("../../graphql/queries/productsV2.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/product-variants.generated.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core"),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("../convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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.useInteraction=()=>{let t=e.useRef(),i=r.usePageStore(e=>e.setInteractionIsSelectOnPage),a=r.usePageStore(e=>e.sidebarMode),s=r.usePageStore(e=>e.interactionData?.selectType),n=r.usePageStore(e=>e.interactionData);function u(e,r){return!(e instanceof Document)&&e?.matches(r)?e:e?.querySelector(r)}let o=(e,r,t)=>{let i=e=>{let r=e.detail;t&&t(r)};return e.addEventListener(r,i),()=>e.removeEventListener(r,i)},l=e.useMemo(()=>"interaction"===a&&(!n?.isSelectOnPage||"PAGE"===s),[a,n?.isSelectOnPage,s]),c=e.useMemo(()=>n?.isSelectOnPage,[n?.isSelectOnPage]),q=e.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:r,elementRef:i},a)=>{let s=u(i?.current||t.current||document,r);if(s)return o(s,e,a)},trigger:({event:e,data:r,selector:t,element:i})=>{let a=i||document.body?.querySelector(t);if(!a)return;let s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:r}});a.dispatchEvent(s)},saveToElementInteractionData:(e,r,t)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),a=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[r]:t}))},closeSelectOnPage:()=>{i(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:t,findElementIncludingSelf:u,getInteractionPreviousData:(e,r)=>{let t=e.getAttribute("gp-data-interaction"),i=JSON.parse(t||"{}");return{previousData:i[r],interactionDataJson:i}},changeSelectMode:e=>{let r=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(r)},selectInteractionElement:({componentUid:e,settingType:r,$target:t})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:r,$target:t}});window.dispatchEvent(i)},isInteractionMode:l,isSelectOnPage:c,interactionListenerLoaded:q}};
+"use strict";var e=require("react");require("react/jsx-runtime"),require("zustand");var r=require("../../contexts/PageContext.js");require("react-transition-group"),require("../../components/constant.js"),require("swr"),require("@gem-sdk/core"),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/product-variants.generated.js"),require("../../graphql/queries/product-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/productsV2.generated.js"),require("../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.useInteraction=()=>{let t=e.useRef(),i=r.usePageStore(e=>e.setInteractionIsSelectOnPage),a=r.usePageStore(e=>e.sidebarMode),s=r.usePageStore(e=>e.interactionData?.selectType),n=r.usePageStore(e=>e.interactionData);function u(e,r){return!(e instanceof Document)&&e?.matches(r)?e:e?.querySelector(r)}let o=(e,r,t)=>{let i=e=>{let r=e.detail;t&&t(r)};return e.addEventListener(r,i),()=>e.removeEventListener(r,i)},l=e.useMemo(()=>"interaction"===a&&(!n?.isSelectOnPage||"PAGE"===s),[a,n?.isSelectOnPage,s]),c=e.useMemo(()=>n?.isSelectOnPage,[n?.isSelectOnPage]),q=e.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:r,elementRef:i},a)=>{let s=u(i?.current||t.current||document,r);if(s)return o(s,e,a)},trigger:({event:e,data:r,selector:t,element:i})=>{let a=i||document.body?.querySelector(t);if(!a)return;let s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:r}});a.dispatchEvent(s)},saveToElementInteractionData:(e,r,t)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),a=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[r]:t}))},closeSelectOnPage:()=>{i(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:t,findElementIncludingSelf:u,getInteractionPreviousData:(e,r)=>{let t=e.getAttribute("gp-data-interaction"),i=JSON.parse(t||"{}");return{previousData:i[r],interactionDataJson:i}},changeSelectMode:e=>{let r=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(r)},selectInteractionElement:({componentUid:e,settingType:r,$target:t})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:r,$target:t}});window.dispatchEvent(i)},isInteractionMode:l,isSelectOnPage:c,interactionListenerLoaded:q}};

package/dist/cjs/helpers/queries/get-products.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("../../graphql/queries/productsV2.generated.js"),t=require("./get-product.js");const r=async(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:s,allStatus:i,selectedStatus:d})=>{let u=await n(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:s,allStatus:i,selectedStatus:d});if(!u)throw Error("Product not found");let[l,f]=await Promise.all([o({fetcher:e,products:u,isSample:r,isStorefront:a}),c({fetcher:e,products:u,isSample:r,isStorefront:a})]);return{...u,products:{...u.products,edges:u.products?.edges.map(e=>{let t=f.find(t=>t.productId===e.node?.baseID),r=l.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},a=async(e,t)=>{let{first:r,...a}=t,s={first:r\|\|4,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...a}},d=await ~~i(e,s);return~~ d~~},s=async~~(e,t)=>{let r={first:t.first\|\|8,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t.where},after:t.after},a~~=await i(e,r~~);return a},i=async(t,r)=>t([e.ProductsV2Document.toString(),r]),d=(e,t)=>e?{}:t?.length?{statusIn:t}:{status:"ACTIVE"},n=async(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:s,allStatus:n,selectedStatus:o})=>{let c=s\|\|4,u=(t?.length==0?c:t?.length)??c,l=d(n,o),f={first:u\|\|20,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...l,isSample:r,...a&&{isStorefront:a},...t?.length?{baseIDIn:t}:{}}},I=await i(e,f);return I},o=async({fetcher:e,products:r,isSample:a,isStorefront:s})=>{let i=await Promise.all(r?.products?.edges?.map(async r=>{let i=await t.fetchVariants(e,{id:r?.node?.baseID,isSample:a,isStorefront:s});return{productId:r?.node?.baseID,items:i}})??[]);return i},c=async({fetcher:e,products:r,isSample:a,isStorefront:s})=>{let i=await Promise.all(r?.products?.edges?.map(async r=>{let i=await t.fetchMedias(e,{id:r?.node?.baseID,isSample:a,isStorefront:s});return{productId:r?.node?.baseID,items:i}})??[]);return i};exports.~~getListProductByVariables~~=s,exports.~~getProductQueryAll=a,exports.~~getProducts=r;
1	+ "use strict";var e=require("../../graphql/queries/productsV2.generated.js"),t=require("./get-product.js");const r=async(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:d,allStatus:a,selectedStatus:u})=>{let c=await i(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:d,allStatus:a,selectedStatus:u});if(!c)throw Error("Product not found");let[l,I]=await Promise.all([n({fetcher:e,products:c,isSample:r,isStorefront:s}),o({fetcher:e,products:c,isSample:r,isStorefront:s})]);return{...c,products:{...c.products,edges:c.products?.edges.map(e=>{let t=I.find(t=>t.productId===e.node?.baseID),r=l.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},s=async(e,t)=>{let{first:r,...s}=t,a={first:r\|\|4,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...s}},i=await d(e,a);return i},d=async(t,r)=>t([e.ProductsV2Document.toString(),r]),a=(e,t)=>e?{}:t?.length?{statusIn:t}:{status:"ACTIVE"},i=async(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:i,allStatus:n,selectedStatus:o})=>{let u=i\|\|4,c=(t?.length==0?u:t?.length)??u,l=a(n,o),I={first:c\|\|20,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...l,isSample:r,...s&&{isStorefront:s},...t?.length?{baseIDIn:t}:{}}},p=await d(e,I);return p},n=async({fetcher:e,products:r,isSample:s,isStorefront:d})=>{let a=await Promise.all(r?.products?.edges?.map(async r=>{let a=await t.fetchVariants(e,{id:r?.node?.baseID,isSample:s,isStorefront:d});return{productId:r?.node?.baseID,items:a}})??[]);return a},o=async({fetcher:e,products:r,isSample:s,isStorefront:d})=>{let a=await Promise.all(r?.products?.edges?.map(async r=>{let a=await t.fetchMedias(e,{id:r?.node?.baseID,isSample:s,isStorefront:d});return{productId:r?.node?.baseID,items:a}})??[]);return a};exports.getProductQueryAll=s,exports.getProducts=r;

package/dist/cjs/hooks/shop/use-products-query.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("swr")~~,r=~~require("swr/infinite"),t=require("../../helpers/queries/get-products.js"),u=require("../../helpers/query.js"),s=require("../shop.js"),o=require("../useFetchHandle.js"),c=require("react"),a=require("../../contexts/PageContext.js"),l=require("../../helpers/create-store-front-fetcher.js");~~const n=e=>(r,t)=>e&&(!t\|\|t.products?.pageInfo?.hasNextPage)?0===r?["query/products",e]:["query/products",{...e,after:t.products?.pageInfo?.endCursor}]:null;~~exports.~~useListProductQuery=(e,u)=>{let s=o.useFetchHandle(),c=r(n(e),async([,e])=>t.getListProductByVariables(s,e),u);return c},exports.~~useProductsQuery=(r,n,d)=>{let i=o.useFetchHandle(),p=a.usePageStore(e=>e.publicStoreFrontData),P=c.useMemo(()=>l.hasPublicStoreFrontData(p)?l.createStoreFrontFetcher(p):i,[p]),q=s.useIsSampleProduct(),y=s.useIsStorefrontProduct();return e(r?u.generateProductsQueryKey({ids:r,isSample:q,isStorefront:y,defaultSelectedProductCount:d?.defaultSelectedProductCount,allStatus:d?.allStatus,selectedStatus:d?.selectedStatus}):null,async([,e])=>t.getProducts(d?.fetcher\|\|P,e),n)},exports.useProductsQueryAll=(r,u,s)=>{let c=o.useFetchHandle();return e(r?["query/products",r]:null,async([,e])=>t.getProductQueryAll(s\|\|c,e),u)};
1	+ "use strict";var e=require("swr");require("swr/infinite");var r=require("../../helpers/queries/get-products.js"),t=require("../../helpers/query.js"),u=require("../shop.js"),s=require("../useFetchHandle.js"),c=require("react"),o=require("../../contexts/PageContext.js"),l=require("../../helpers/create-store-front-fetcher.js");exports.useProductsQuery=(a,n,d)=>{let i=s.useFetchHandle(),q=o.usePageStore(e=>e.publicStoreFrontData),P=c.useMemo(()=>l.hasPublicStoreFrontData(q)?l.createStoreFrontFetcher(q):i,[q]),S=u.useIsSampleProduct(),h=u.useIsStorefrontProduct();return e(a?t.generateProductsQueryKey({ids:a,isSample:S,isStorefront:h,defaultSelectedProductCount:d?.defaultSelectedProductCount,allStatus:d?.allStatus,selectedStatus:d?.selectedStatus}):null,async([,e])=>r.getProducts(d?.fetcher\|\|P,e),n)},exports.useProductsQueryAll=(t,u,c)=>{let o=s.useFetchHandle();return e(t?["query/products",t]:null,async([,e])=>r.getProductQueryAll(c\|\|o,e),u)};

package/dist/cjs/hooks/useAnimations.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../helpers/animations.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core"),require("../helpers/convert.js"),require("crc-32"),exports.useAnimations=()=>{let{zoom:r,shake:i,fade:s,slide:u}=e.animations();return{zoom:r,shake:i,fade:s,slide:u}};
+"use strict";var e=require("../helpers/animations.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("@gem-sdk/core"),require("../helpers/convert.js"),require("crc-32"),exports.useAnimations=()=>{let{zoom:r,shake:i,fade:s,slide:u}=e.animations();return{zoom:r,shake:i,fade:s,slide:u}};

package/dist/cjs/hooks/useInitialSwatchesOptions.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("swr"),r=require("../graphql/queries/product-value-label.generated.js"),s=require("../components/src/product/helpers/variant-presets.js"),t=require("./shop.js"),i=require("./useFetchHandle.js"),a=require("../contexts/ShopContext.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("~~classnames"),require("dayjs"),require("~~@gem-sdk/core");var u=require("../helpers/is-browser.js");require("../helpers/convert.js"),require("crc-32");let l=!1,o=!1;const n=(e,r)=>{let t=e?s.colorPreset[e.toLocaleLowerCase()]:void 0,i=t?[t]:[],a=r?.[0];return!a&&i.length&&(o=!0),a?[a]:i},p=(e,r)=>{let s=[],t=e.find(e=>e.name===r);return t?.values.forEach(e=>{e.label&&!s.includes(e.label)&&s.push(e.label)}),s},q=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},c=(e,r)=>(e&&e?.map(e=>{let s=p(r,e.optionTitle),t=q(e.optionValues);s.forEach(r=>{t.includes(r)\|\|e.optionValues.push({label:r,colors:n(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(l=!0),{label:e.label??"",colors:n(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),d=async e=>{let s=async s=>{let t=await e([r.ProductOptionNameDocument.toString(),s]);return t};return s({})};exports.default=r=>{let s=i.useFetchHandle(),n=a.useShopStore(e=>e.changeSwatches),{swatches:p}=t.useSwatches(),{data:q}=e(["/query/productOptionName",{productOptionName:[]}],async()=>d(s),{revalidateOnMount:!0}),g=[];if(p?.forEach(e=>{g.push(e.optionTitle)}),q?.productOptionName?.forEach(e=>{g.includes(e)\|\|(l=!0,p?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];c(p,r),u.default()&&p?.length&&(l\|\|o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:p}),"*"),n(p)),l=!1};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("swr"),r=require("../graphql/queries/product-value-label.generated.js"),t=require("../components/src/product/helpers/variant-presets.js"),s=require("./shop.js"),i=require("./useFetchHandle.js"),a=require("../contexts/ShopContext.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("@gem-sdk/core");var u=require("../helpers/is-browser.js");require("../helpers/convert.js"),require("crc-32");let l=!1,o=!1;const n=(e,r)=>{let s=e?t.colorPreset[e.toLocaleLowerCase()]:void 0,i=s?[s]:[],a=r?.[0];return!a&&i.length&&(o=!0),a?[a]:i},p=(e,r)=>{let t=[],s=e.find(e=>e.name===r);return s?.values.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},q=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},c=(e,r)=>(e&&e?.map(e=>{let t=p(r,e.optionTitle),s=q(e.optionValues);t.forEach(r=>{s.includes(r)\|\|e.optionValues.push({label:r,colors:n(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(l=!0),{label:e.label??"",colors:n(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),d=async e=>{let t=async t=>{let s=await e([r.ProductOptionNameDocument.toString(),t]);return s};return t({})};exports.default=r=>{let t=i.useFetchHandle(),n=a.useShopStore(e=>e.changeSwatches),{swatches:p}=s.useSwatches(),{data:q}=e(["/query/productOptionName",{productOptionName:[]}],async()=>d(t),{revalidateOnMount:!0}),g=[];if(p?.forEach(e=>{g.push(e.optionTitle)}),q?.productOptionName?.forEach(e=>{g.includes(e)\|\|(l=!0,p?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];c(p,r),u.default()&&p?.length&&(l\|\|o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:p}),"*"),n(p)),l=!1};

package/dist/cjs/hooks/useProduct.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react"),r=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand");var t=require("../contexts/PageContext.js");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js");var u=require("./useFormatMoney.js");require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js");var s=require("../helpers/variant.js"),o=require("./shop/useShopifyLink.js");require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");var a=require("../helpers/product.js");const n=()=>r.useProductStore(e=>e.product),c=()=>{let t=r.useProductStore(e=>e.setSelectedOption),u=r.useProductStore(e=>e.selectedOptions),s=r.useProductStore(e=>e.forceSelectedOption),o=r.useProductStore(e=>e.isSyncProduct),i=r.useProductStore(e=>e.isChangeSelectedOption),a=r.useProductStore(e=>e.setIsChangeSelectedOption),n=e.useCallback((e,r,u,s)=>{if(!s&&o){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:u,isManualChange:!0}});window.dispatchEvent(t)}t(e,r),a(!0)},[o,t,a]),c=e.useCallback((e,r,t,u)=>{if(!t&&o){let t=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:r,isManualChange:u}});window.dispatchEvent(t)}s(e)},[s,o]);return e.useMemo(()=>({isChangeSelectedOption:i,selectedOptions:u,setSelectedOption:n,forceSelectedOption:c}),[u,n,c])},d=()=>{let e=r.useProductStore(e=>e.product?.variants);return i.flattenConnection(e)},l=()=>{let{selectedOptions:r}=c(),t=d();return e.useMemo(()=>a.getSelectedVariant(t,r),[r,t])};exports.useCheckAvailableVariantInStock=(e,r)=>{let t=d();return!!t&&t.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}return!1})},exports.useCurrentVariant=l,exports.useCurrentVariantInStock=()=>{let e=l(),r=n();return s.checkInStock(e,r)},exports.useFeaturedImageGlobal=()=>r.useProductStore(e=>e.featuredImageGlobal),exports.useHasPreSelected=()=>{let t=r.useProductStore(e=>e.hasPreSelected),u=r.useProductStore(e=>e.setHasPreSelected);return e.useMemo(()=>({hasPreSelected:t,setHasPreSelected:u}),[t,u])},exports.useIsSyncProduct=()=>r.useProductStore(e=>e.isSyncProduct),exports.useProduct=n,exports.useProductBundleDiscount=()=>{let e=r.useProductStore(e=>e.useProductCompareAtPrice),t=r.useProductStore(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},exports.useProductOfferDiscount=()=>{let e=t.usePageStore(e=>e.productOffers),r=n(),s=l(),o=e?.find(e=>e?.node?.objectBaseID===r?.baseID)?.node;if(!o||!o.isEnabled)return 0;let i=o?.value;if(o&&"PERCENTAGE"===o.valueType&&i){let e=u.convertDecimalToNumber(s?.price)??0;i=i*e/100}return i||0},exports.useProductProperties=()=>r.useProductStore(e=>e.properties),exports.useProductShopifyEditLink=()=>{let e=r.useProductStore(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:u}=o.useShopifyLink({productId:t});return{linkEditProduct:u,redirectProductShopifyLink:()=>{u&&window.open(u,"_blank")}}},exports.useQuantity=()=>{let t=r.useProductStore(e=>e.quantity),u=r.useProductStore(e=>e.updatePrice),s=r.useProductStore(e=>e.decrementQuantity),o=r.useProductStore(e=>e.incrementQuantity),i=r.useProductStore(e=>e.setQuantity),a=r.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),n=r.useProductStore(e=>e.isSyncProduct),c=r.useProductStore(e=>e.product),d=c?.id,l=e.useCallback(()=>{i(1)},[i]);return e.useEffect(()=>{if(n){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:t,productId:d}});window.dispatchEvent(e)}},[t,n,d]),e.useMemo(()=>({quantity:t,hasUpdatePrice:u,increment:o,decrement:s,reset:l,setQuantity:i,setUpdatePrice:a}),[s,o,t,l,i,a,u])},exports.useSelectedOption=c,exports.useUniqProductID=()=>r.useProductStore(e=>e.uiqueId),exports.useVariant=r=>{let t=d();return e.useMemo(()=>t?.find(e=>e?.id===r),[r,t])},exports.useVariantOutStock=(e,r,t)=>{let{selectedOptions:u}=c(),o=d(),i=t.optionNumber-1;if(t.position<i)return o.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}});let n=a.getSelectedVariant(o,{...u,[e]:r});return s.checkInStock(n)},exports.useVariants=d;
+"use strict";var e=require("react"),r=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand");var t=require("../contexts/PageContext.js");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),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/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("swr/infinite"),require("../graphql/queries/productsV2.generated.js"),require("vanilla-lazyload"),require("./useCartUI.js");var u=require("./useFormatMoney.js");require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js");var s=require("../helpers/variant.js"),o=require("./shop/useShopifyLink.js");require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");var a=require("../helpers/product.js");const n=()=>r.useProductStore(e=>e.product),c=()=>{let t=r.useProductStore(e=>e.setSelectedOption),u=r.useProductStore(e=>e.selectedOptions),s=r.useProductStore(e=>e.forceSelectedOption),o=r.useProductStore(e=>e.isSyncProduct),i=r.useProductStore(e=>e.isChangeSelectedOption),a=r.useProductStore(e=>e.setIsChangeSelectedOption),n=e.useCallback((e,r,u,s)=>{if(!s&&o){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:u,isManualChange:!0}});window.dispatchEvent(t)}t(e,r),a(!0)},[o,t,a]),c=e.useCallback((e,r,t,u)=>{if(!t&&o){let t=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:r,isManualChange:u}});window.dispatchEvent(t)}s(e)},[s,o]);return e.useMemo(()=>({isChangeSelectedOption:i,selectedOptions:u,setSelectedOption:n,forceSelectedOption:c}),[u,n,c])},d=()=>{let e=r.useProductStore(e=>e.product?.variants);return i.flattenConnection(e)},l=()=>{let{selectedOptions:r}=c(),t=d();return e.useMemo(()=>a.getSelectedVariant(t,r),[r,t])};exports.useCheckAvailableVariantInStock=(e,r)=>{let t=d();return!!t&&t.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}return!1})},exports.useCurrentVariant=l,exports.useCurrentVariantInStock=()=>{let e=l(),r=n();return s.checkInStock(e,r)},exports.useFeaturedImageGlobal=()=>r.useProductStore(e=>e.featuredImageGlobal),exports.useHasPreSelected=()=>{let t=r.useProductStore(e=>e.hasPreSelected),u=r.useProductStore(e=>e.setHasPreSelected);return e.useMemo(()=>({hasPreSelected:t,setHasPreSelected:u}),[t,u])},exports.useIsSyncProduct=()=>r.useProductStore(e=>e.isSyncProduct),exports.useProduct=n,exports.useProductBundleDiscount=()=>{let e=r.useProductStore(e=>e.useProductCompareAtPrice),t=r.useProductStore(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},exports.useProductOfferDiscount=()=>{let e=t.usePageStore(e=>e.productOffers),r=n(),s=l(),o=e?.find(e=>e?.node?.objectBaseID===r?.baseID)?.node;if(!o||!o.isEnabled)return 0;let i=o?.value;if(o&&"PERCENTAGE"===o.valueType&&i){let e=u.convertDecimalToNumber(s?.price)??0;i=i*e/100}return i||0},exports.useProductProperties=()=>r.useProductStore(e=>e.properties),exports.useProductShopifyEditLink=()=>{let e=r.useProductStore(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:u}=o.useShopifyLink({productId:t});return{linkEditProduct:u,redirectProductShopifyLink:()=>{u&&window.open(u,"_blank")}}},exports.useQuantity=()=>{let t=r.useProductStore(e=>e.quantity),u=r.useProductStore(e=>e.updatePrice),s=r.useProductStore(e=>e.decrementQuantity),o=r.useProductStore(e=>e.incrementQuantity),i=r.useProductStore(e=>e.setQuantity),a=r.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),n=r.useProductStore(e=>e.isSyncProduct),c=r.useProductStore(e=>e.product),d=c?.id,l=e.useCallback(()=>{i(1)},[i]);return e.useEffect(()=>{if(n){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:t,productId:d}});window.dispatchEvent(e)}},[t,n,d]),e.useMemo(()=>({quantity:t,hasUpdatePrice:u,increment:o,decrement:s,reset:l,setQuantity:i,setUpdatePrice:a}),[s,o,t,l,i,a,u])},exports.useSelectedOption=c,exports.useUniqProductID=()=>r.useProductStore(e=>e.uiqueId),exports.useVariant=r=>{let t=d();return e.useMemo(()=>t?.find(e=>e?.id===r),[r,t])},exports.useVariantOutStock=(e,r,t)=>{let{selectedOptions:u}=c(),o=d(),i=t.optionNumber-1;if(t.position<i)return o.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}});let n=a.getSelectedVariant(o,{...u,[e]:r});return s.checkInStock(n)},exports.useVariants=d;