npm - @gem-sdk/core - Versions diffs - 17.0.0-dev.9 → 17.0.0-dev.93 - Mend

@gem-sdk/core 17.0.0-dev.9 → 17.0.0-dev.93

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

package/dist/cjs/components/ComponentWrapperPreview.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"),t=require("../helpers/compose-advance-style.js"),a=require("../hooks/useInteraction.js"),i=require("./constant.js"),s=require("./RenderCustomCode.js"),n=require("./ComponentToolbarPreview.js");require("zustand");var o=require("../helpers/cls.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/fragments/product-option.generated.js"),require("../graphql/fragments/product-option-value.generated.js"),require("../graphql/fragments/media.generated.js"),require("../graphql/fragments/variant.generated.js"),require("../graphql/fragments/selected-option.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("../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var l=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/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js");var d=require("./ComponentAnimation.js"),p=r.memo(({children:p,...u})=>{var c;r.useEffect(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:u.uid}});window.dispatchEvent(e)},[u.uid]);let{getAnimationByUid:g}=a.useInteraction(),q=g(u.uid);q&&(u.advanced={...u.advanced,animation:{desktop:q,tablet:q,mobile:q}});let h=l.usePageType();if("section"===u.type)return null;let m={};if("Section"===u.tag&&u.isThemeSection&&(m["data-theme-section"]=!0),"Section"===u.tag&&u.isShopifySection&&(m["data-shopify-section"]=!0,m["data-toolbar-wrap"]=!0),u.editorConfigs){let e=u.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(m["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(m["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(m["data-toolbar-parent"]=!0),e.component?.noDelete&&(m["data-component-no-delete"]=!0),e.component?.noDuplicate&&(m["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(m["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(m["data-component-no-setting"]=!0),e.component?.isThirdParty&&(m["data-component-is-third-party"]=!0),e.toolbar?.hide&&(m["data-toolbar-hide"]=!0),e.slots?.children&&(m["data-slots-children"]=!0),e.toolbar?.hide||(m["data-toolbar-wrap"]=!0)}u?.editorConfigs?.toolbar?.hide||(m["data-toolbar-wrap"]=!0);let j=t.composeAdvanceStyle(u.advanced,u.tag,h),C=u.advanced,b={...m,"data-uid":u.uid,"data-component-type":"component","data-component-tag":u.tag,"data-component-label":u.label,"data-not-droppable":(c=u.tag,"GP_FUNNEL_PAGE"===h&&["ProductList","ProductListV3","Header"].includes(c))?"true":"false"};return i.disableWrap.includes(u.tag)&&r.isValidElement(p)?e.jsxs(e.Fragment,{children:[e.jsx(d.default,{...u}),e.jsx(s.default,{uid:u.uid,advanced:C}),e.jsxs(p.type,{className:C?.cssClass,...p.props,style:j,builderAttrs:b,advanced:C,children:[u.isShopifySection?e.jsx(({name:r,visibility:t})=>e.jsxs("div",{className:o.cls("gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]",{"gp-opacity-60":!t}),children:[e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",fill:"#95BF47"}),e.jsx("path",{d:"M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",fill:"#5E8E3E"}),e.jsx("path",{d:"M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",fill:"white"})]}),e.jsx("span",{className:"gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",children:r})]}),{name:u.name??"",visibility:!!u.isShopifyVisibility}):p.props.children,e.jsx(n.default,{...u})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(d.default,{...u}),e.jsx(s.default,{uid:u.uid,advanced:C}),e.jsxs("div",{style:i.excludeApplyStyle.includes(u.tag)?{"--mb":j?.["--mb"],"--mb-tablet":j?.["--mb-tablet"],"--mb-mobile":j?.["--mb-mobile"]}:j,className:`${u.uid} ${u.advanced?.cssClass?u.advanced?.cssClass:""}`,...b,children:[!i.excludeApplyStyle.includes(u.tag)&&p,r.isValidElement(p)&&i.excludeApplyStyle.includes(u.tag)&&e.jsx(p.type,{...p.props,style:j,advanced:C}),e.jsx(n.default,{...u})]})]})});exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../helpers/compose-advance-style.js"),a=require("../hooks/useInteraction.js"),i=require("./constant.js"),s=require("./RenderCustomCode.js"),o=require("./ComponentToolbarPreview.js");require("zustand");var l=require("../helpers/cls.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/products.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("../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var n=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/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js");var d=require("./ComponentAnimation.js"),p=r.memo(({children:p,...u})=>{var c;r.useEffect(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:u.uid}});window.dispatchEvent(e)},[u.uid]);let{getAnimationByUid:g}=a.useInteraction(),q=g(u.uid);q&&(u.advanced={...u.advanced,animation:{desktop:q,tablet:q,mobile:q}});let h=n.usePageType();if("section"===u.type)return null;let m={};if("Section"===u.tag&&u.isThemeSection&&(m["data-theme-section"]=!0),"Section"===u.tag&&u.isShopifySection&&(m["data-shopify-section"]=!0,m["data-toolbar-wrap"]=!0),u.editorConfigs){let e=u.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(m["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(m["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(m["data-toolbar-parent"]=!0),e.component?.noDelete&&(m["data-component-no-delete"]=!0),e.component?.noDuplicate&&(m["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(m["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(m["data-component-no-setting"]=!0),e.component?.isThirdParty&&(m["data-component-is-third-party"]=!0),e.toolbar?.hide&&(m["data-toolbar-hide"]=!0),e.slots?.children&&(m["data-slots-children"]=!0),e.toolbar?.hide||(m["data-toolbar-wrap"]=!0)}u?.editorConfigs?.toolbar?.hide||(m["data-toolbar-wrap"]=!0);let C=t.composeAdvanceStyle(u.advanced,u.tag,h),j=u.advanced,b={...m,"data-uid":u.uid,"data-component-type":"component","data-component-tag":u.tag,"data-component-label":u.label,"data-not-droppable":(c=u.tag,"GP_FUNNEL_PAGE"===h&&["ProductList","ProductListV3","Header"].includes(c))?"true":"false"};return i.disableWrap.includes(u.tag)&&r.isValidElement(p)?e.jsxs(e.Fragment,{children:[e.jsx(d.default,{...u}),e.jsx(s.default,{uid:u.uid,advanced:j}),e.jsxs(p.type,{className:j?.cssClass,...p.props,style:C,builderAttrs:b,advanced:j,children:[u.isShopifySection?e.jsx(({name:r,visibility:t})=>e.jsxs("div",{className:l.cls("gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]",{"gp-opacity-60":!t}),children:[e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",fill:"#95BF47"}),e.jsx("path",{d:"M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",fill:"#5E8E3E"}),e.jsx("path",{d:"M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",fill:"white"})]}),e.jsx("span",{className:"gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",children:r})]}),{name:u.name??"",visibility:!!u.isShopifyVisibility}):p.props.children,e.jsx(o.default,{...u})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(d.default,{...u}),e.jsx(s.default,{uid:u.uid,advanced:j}),e.jsxs("div",{style:i.excludeApplyStyle.includes(u.tag)?{"--mb":C?.["--mb"],"--mb-tablet":C?.["--mb-tablet"],"--mb-mobile":C?.["--mb-mobile"]}:C,className:`${u.uid} ${u.advanced?.cssClass?u.advanced?.cssClass:""}`,...b,children:[!i.excludeApplyStyle.includes(u.tag)&&p,r.isValidElement(p)&&i.excludeApplyStyle.includes(u.tag)&&e.jsx(p.type,{...p.props,style:C,advanced:j}),e.jsx(o.default,{...u})]})]})});exports.default=p;

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("swr"),require("swr/infinite"),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/fragments/product-option.generated.js"),require("../graphql/fragments/product-option-value.generated.js"),require("../graphql/fragments/media.generated.js"),require("../graphql/fragments/variant.generated.js"),require("../graphql/fragments/selected-option.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-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("../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/builderUpsell.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")})})};
+"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("swr"),require("swr/infinite"),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/products.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-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("../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/builderUpsell.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")})})};

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

@@ -1,6 +1,6 @@
 '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/fragments/product-option.generated.js"),require("../graphql/fragments/product-option-value.generated.js"),require("../graphql/fragments/media.generated.js"),require("../graphql/fragments/variant.generated.js"),require("../graphql/fragments/selected-option.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("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.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],j=u[f?.tag];if(!j||!f||f?.type==="section")return{liquid:"",extraFiles:h};{let h={extraFiles:{}},y=t.composeAdvanceStyle(f.advanced,f.tag),$="";$=r.disableWrap.includes(f.tag)?i.RenderIf(f?.childrens?.length,()=>j({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,style:y,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})))}),()=>j({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:f.advanced,style:y,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)?"":y}" class="${f.uid} ${f?.childrens?.length||"IconListItemHoz"!==f.tag?"":"hidden"}">
-      ${i.RenderIf(f?.childrens?.length,()=>j({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})))}),()=>j({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)?y:null,...v,builderAttrs:{...v.builderAttrs}}))}
+"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/products.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("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.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`
       <style id="${`custom-css-${e?.uid}`}">
         ${a}
@@ -11,14 +11,14 @@
           ${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",j={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 i.template`
   <gp-animation
     gp-interaction-wrapper
     display-init="${!1===o?"hide":"show"}"
     gp-data='${JSON.stringify({config:n,tag:l,opacity:d,notEnableAnimationWhenInit:!v})}'
     style="${{display:"contents"}}"
   >
-    <div style="${{...e.makeStyleResponsive("v",j),display:"contents"}}">${t}</div>
+    <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;

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

@@ -1,6 +1,6 @@
 '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("swr"),require("swr/infinite"),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/fragments/product-option.generated.js"),require("../graphql/fragments/product-option-value.generated.js"),require("../graphql/fragments/media.generated.js"),require("../graphql/fragments/variant.generated.js"),require("../graphql/fragments/selected-option.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-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("../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/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),exports.default=({uid:a,advanced:u})=>{let q=t.useEditorMode(),{css:l,javascript:n,rootClassName:p}=u?.editorData||{},d=l?.replaceAll(p,a),g=n?.replaceAll(p,a),o={css:`custom-css-${a}`,javascript:`custom-js-${a}`},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("swr"),require("swr/infinite"),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/products.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-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("../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/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),exports.default=({uid:u,advanced:a})=>{let q=t.useEditorMode(),{css:l,javascript:p,rootClassName:d}=a?.editorData||{},n=l?.replaceAll(d,u),o=p?.replaceAll(d,u),g={css:`custom-css-${u}`,javascript:`custom-js-${u}`},c=i.useMemo(()=>`
       try {
-        ${g}
+        ${o}
       } catch(err){}
-    `,[g]);return e.jsxs(e.Fragment,{children:[e.jsx(r,{children:!!l&&e.jsx("style",{id:o.css,dangerouslySetInnerHTML:{__html:d}})}),!!n&&"edit"!==q&&e.jsx(s,{id:o.javascript,dangerouslySetInnerHTML:{__html:c}})]})};
+    `,[o]);return e.jsxs(e.Fragment,{children:[e.jsx(r,{children:!!l&&e.jsx("style",{id:g.css,dangerouslySetInnerHTML:{__html:n}})}),!!p&&"edit"!==q&&e.jsx(s,{id:g.javascript,dangerouslySetInnerHTML:{__html:c}})]})};

package/dist/cjs/components/ai-assistant/AIAssistant.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("classnames"),s=require("../ai-generator/icons/AIIcon.js");require("zustand"),require("react");var i=require("../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),require("swr/infinite"),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/~~fragments~~/~~product-option~~.generated.js"),require("../../graphql/fragments/product-option-value.generated.js"),require("../../graphql/fragments/media.generated.js"),require("../../graphql/fragments/variant.generated.js"),require("../../graphql/fragments/selected-option.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-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/product-variants.generated.js"),require("dayjs"),require("@gem-sdk/core"),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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.AIAssistant=({uid:t,tag:a})=>{let{t:u}=i.useI18nStore();return e.jsx("div",{children:e.jsx("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e.jsxs("button",{className:r("gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:()=>{let e=new CustomEvent("editor:toolbar:open-ai-assistant",{detail:{componentUid:t,componentTag:a},bubbles:!0});window.dispatchEvent(e)},children:[e.jsx(s.AIIcon,{}),u("Ask Assistant")]})})})};
1	+ "use strict";var e=require("react/jsx-runtime"),r=require("classnames"),s=require("../ai-generator/icons/AIIcon.js");require("zustand"),require("react");var i=require("../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),require("swr/infinite"),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/products.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-little-detail.generated.js"),require("../../graphql/queries/product-medias.generated.js"),require("../../graphql/queries/product-variants.generated.js"),require("dayjs"),require("@gem-sdk/core"),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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.AIAssistant=({uid:t,tag:a})=>{let{t:u}=i.useI18nStore();return e.jsx("div",{children:e.jsx("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e.jsxs("button",{className:r("gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:()=>{let e=new CustomEvent("editor:toolbar:open-ai-assistant",{detail:{componentUid:t,componentTag:a},bubbles:!0});window.dispatchEvent(e)},children:[e.jsx(s.AIIcon,{}),u("Ask Assistant")]})})})};

package/dist/cjs/components/ai-generator/AIContentGenerator.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./icons/AIIcon.js"),s=require("./icons/CloseIcon.js"),i=require("./icons/ShowMoreIcon.js"),n=require("./icons/WarningIcon.js"),g=require("./icons/UpgradeIcon.js"),a=require("./components/PickProduct.js"),p=require("./components/ToneAndVoice.js"),o=require("classnames"),u=require("./hooks/useListenEventGenerate.js"),l=require("./hooks/useGettingGenerateRequest.js"),d=require("./hooks/useFlipPopup.js"),c=require("./hooks/useCheckingProductInside.js");require("zustand");var h=require("../../contexts/I18nContext.js");require("react-transition-group");var q=require("../../contexts/ShopContext.js"),m=require("dayjs");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/fragments/product-option.generated.js"),require("../../graphql/fragments/product-option-value.generated.js"),require("../../graphql/fragments/media.generated.js"),require("../../graphql/fragments/variant.generated.js"),require("../../graphql/fragments/selected-option.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("../../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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.AIContentGenerator=({...x})=>{let[j,f]=r.useState(!1),[b,v]=r.useState(!1),w=r.useRef(null),C=r.useRef(null),I=r.useRef(null),y=r.useRef(null),N=m().add(1,"month").startOf("month").format("DD MMM"),{t:k}=h.useI18nStore(),{popupPositionX:A,popupPositionY:S,isValidating:G,bodyMaxHeight:P}=d.useFlipPopup(j,{genTool:w,genPopup:C,genPopupHeader:I,genButtonWrapper:y}),{isGenerating:E,onGenerate:B,onOpenProductElementSettings:F,goToPricing:M}=u.useListenEventGenerate({uid:x.uid,tag:String(x.tag)}),{getRequestBody:R,prompt:U,changeProductName:D,changePrompt:L,changeTone:Q}=l.useGettingGenerateRequest(),{productElement:V,checkSectionHasProduct:W}=c.useCheckingProductInside(w),z=q.useShopStore(e=>e.generateContentLimitation),T=()=>{f(!1)},H=r.useCallback(e=>{let r=e.detail;if(r?.componentUid!==x.uid){T();return}W()},[x.uid,W]);return r.useEffect(()=>{E||T()},[E]),r.useEffect(()=>{if(V.productId){v(!1);return}v(!0)},[V]),r.useEffect(()=>(window.addEventListener("editor:active-component",H),()=>{window.removeEventListener("editor:active-component",H)}),[H]),e.jsxs("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:w,children:[e.jsx("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e.jsxs("button",{className:o({"gp-toolbar-ai-active":j},"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:()=>{f(!j)},children:[e.jsx(t.AIIcon,{}),k("AI Content")]})}),e.jsxs("div",{className:o({"gp-hidden":!j,"gp-right-0":"Section"===x.tag||"right"===A,"gp-left-0":"left"===A&&"Section"!==x.tag,"gp-top-8":"top"===S,"gp-bottom-8":"bottom"===S,"!gp-visible":!G},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:C,children:[e.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:I,children:[e.jsx("span",{className:"gp-font-medium gp-text-sm",children:k("Write with GemAI")}),e.jsx("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:T,children:e.jsx(s.CloseIcon,{})})]}),e.jsx("div",{className:o({"gp-overflow-auto":null!==P},"gp-pt-2 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl"),style:{maxHeight:null!==P?`${P}px`:"auto"},children:z?.isAllow?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gp-mb-4",children:e.jsx("span",{className:"gp-text-xs",children:k("What would you like to describe here?")})}),e.jsx("div",{className:"gp-mb-4 gp-flex",children:e.jsx("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:k("e.g: generate feature benefits"),rows:4,value:U,onChange:e=>{L(e.target.value)}})}),e.jsxs("div",{className:o({"gp-hidden":!b},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[e.jsx(p.ToneAndVoice,{changeToneAndVoice:Q}),e.jsx(a.PickProduct,{changeProductName:D,openProductSetting:()=>{F(V.uid??"")},productId:V.productId})]}),e.jsx("div",{children:e.jsxs("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:()=>{v(!b)},children:[k("Show more"),e.jsx("span",{className:o({"gp-rotate-180":b}),children:e.jsx(i.ShowMoreIcon,{})})]})})]}):e.jsxs("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[e.jsx("div",{className:"gp-flex-none gp-w-7 gp-h-7 gp-rounded-lg gp-bg-[#FFB800] gp-flex gp-justify-center gp-items-center",children:e.jsx(n.WarningIcon,{})}),e.jsxs("p",{className:"gp-text-xs gp-whitespace-normal",children:[k("You've reached {maxGenerateCount}/{maxGenerateCount} rewrites of your AI generative this month.",{maxGenerateCount:z?.maxGenerateCount}),e.jsx("br",{}),k("Resets on {nextMonth}.",{nextMonth:N})]})]})}),e.jsx("div",{className:"gp-p-4",ref:y,children:z?.isAllow?e.jsx("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:()=>{let e=R();B(e),T()},children:k(E?"Generating...":"Generate")}):e.jsxs("button",{className:"gp-flex gp-items-center gp-gap-2 gp-justify-center gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:M,children:[e.jsx(g.UpgradeIcon,{}),z?.nextQuota?k("Upgrade to generate {nextQuota} rewrites",{nextQuota:z?.nextQuota}):k("You have reached limit this month")]})})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./icons/AIIcon.js"),s=require("./icons/CloseIcon.js"),i=require("./icons/ShowMoreIcon.js"),n=require("./icons/WarningIcon.js"),p=require("./icons/UpgradeIcon.js"),g=require("./components/PickProduct.js"),o=require("./components/ToneAndVoice.js"),a=require("classnames"),u=require("./hooks/useListenEventGenerate.js"),l=require("./hooks/useGettingGenerateRequest.js"),d=require("./hooks/useFlipPopup.js"),c=require("./hooks/useCheckingProductInside.js");require("zustand");var h=require("../../contexts/I18nContext.js");require("react-transition-group");var q=require("../../contexts/ShopContext.js"),x=require("dayjs");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/products.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("../../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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.AIContentGenerator=({...m})=>{let[j,f]=r.useState(!1),[b,v]=r.useState(!1),w=r.useRef(null),C=r.useRef(null),I=r.useRef(null),y=r.useRef(null),N=x().add(1,"month").startOf("month").format("DD MMM"),{t:k}=h.useI18nStore(),{popupPositionX:A,popupPositionY:S,isValidating:G,bodyMaxHeight:P}=d.useFlipPopup(j,{genTool:w,genPopup:C,genPopupHeader:I,genButtonWrapper:y}),{isGenerating:E,onGenerate:B,onOpenProductElementSettings:F,goToPricing:M}=u.useListenEventGenerate({uid:m.uid,tag:String(m.tag)}),{getRequestBody:R,prompt:U,changeProductName:D,changePrompt:L,changeTone:Q}=l.useGettingGenerateRequest(),{productElement:V,checkSectionHasProduct:W}=c.useCheckingProductInside(w),z=q.useShopStore(e=>e.generateContentLimitation),T=()=>{f(!1)},H=r.useCallback(e=>{let r=e.detail;if(r?.componentUid!==m.uid){T();return}W()},[m.uid,W]);return r.useEffect(()=>{E||T()},[E]),r.useEffect(()=>{if(V.productId){v(!1);return}v(!0)},[V]),r.useEffect(()=>(window.addEventListener("editor:active-component",H),()=>{window.removeEventListener("editor:active-component",H)}),[H]),e.jsxs("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:w,children:[e.jsx("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e.jsxs("button",{className:a({"gp-toolbar-ai-active":j},"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:()=>{f(!j)},children:[e.jsx(t.AIIcon,{}),k("AI Content")]})}),e.jsxs("div",{className:a({"gp-hidden":!j,"gp-right-0":"Section"===m.tag||"right"===A,"gp-left-0":"left"===A&&"Section"!==m.tag,"gp-top-8":"top"===S,"gp-bottom-8":"bottom"===S,"!gp-visible":!G},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:C,children:[e.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:I,children:[e.jsx("span",{className:"gp-font-medium gp-text-sm",children:k("Write with GemAI")}),e.jsx("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:T,children:e.jsx(s.CloseIcon,{})})]}),e.jsx("div",{className:a({"gp-overflow-auto":null!==P},"gp-pt-2 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl"),style:{maxHeight:null!==P?`${P}px`:"auto"},children:z?.isAllow?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gp-mb-4",children:e.jsx("span",{className:"gp-text-xs",children:k("What would you like to describe here?")})}),e.jsx("div",{className:"gp-mb-4 gp-flex",children:e.jsx("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:k("e.g: generate feature benefits"),rows:4,value:U,onChange:e=>{L(e.target.value)}})}),e.jsxs("div",{className:a({"gp-hidden":!b},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[e.jsx(o.ToneAndVoice,{changeToneAndVoice:Q}),e.jsx(g.PickProduct,{changeProductName:D,openProductSetting:()=>{F(V.uid??"")},productId:V.productId})]}),e.jsx("div",{children:e.jsxs("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:()=>{v(!b)},children:[k("Show more"),e.jsx("span",{className:a({"gp-rotate-180":b}),children:e.jsx(i.ShowMoreIcon,{})})]})})]}):e.jsxs("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[e.jsx("div",{className:"gp-flex-none gp-w-7 gp-h-7 gp-rounded-lg gp-bg-[#FFB800] gp-flex gp-justify-center gp-items-center",children:e.jsx(n.WarningIcon,{})}),e.jsxs("p",{className:"gp-text-xs gp-whitespace-normal",children:[k("You've reached {maxGenerateCount}/{maxGenerateCount} rewrites of your AI generative this month.",{maxGenerateCount:z?.maxGenerateCount}),e.jsx("br",{}),k("Resets on {nextMonth}.",{nextMonth:N})]})]})}),e.jsx("div",{className:"gp-p-4",ref:y,children:z?.isAllow?e.jsx("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:()=>{let e=R();B(e),T()},children:k(E?"Generating...":"Generate")}):e.jsxs("button",{className:"gp-flex gp-items-center gp-gap-2 gp-justify-center gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:M,children:[e.jsx(p.UpgradeIcon,{}),z?.nextQuota?k("Upgrade to generate {nextQuota} rewrites",{nextQuota:z?.nextQuota}):k("You have reached limit this month")]})})]})]})};

package/dist/cjs/components/ai-generator/components/PickProduct.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../icons/SearchIcon.js"),t=require("../../../hooks/shop/use-products-query.js"),a=require("classnames");require("zustand");var i=require("../../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),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/fragments/product-option.generated.js"),require("../../../graphql/fragments/product-option-value.generated.js"),require("../../../graphql/fragments/media.generated.js"),require("../../../graphql/fragments/variant.generated.js"),require("../../../graphql/fragments/selected-option.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("../../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var u=require("../../../hooks/shop/use-product-query.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/builderUpsell.js"),require("../../../types/custom.js"),require("../../../types/animations.js"),exports.PickProduct=p=>{let{t:g}=i.useI18nStore(),[l,n]=r.useState(p.productId?void 0:{first:8}),{data:d,isLoading:c,isValidating:o,size:q,setSize:h}=t.useListProductQuery(l,{revalidateFirstPage:!1}),{data:m}=u.useProductQuery(p.productId),[j,x]=r.useState(),[f,b]=r.useState(!1),v=r.useRef(null),N=r.useRef(null),y=e=>{x(e),b(!1)},I=r.useMemo(()=>d?.reduce((e,r)=>[...e,...r.products?.edges??[]],[])??[],[d]);r.useEffect(()=>{if(I.length&&!j&&!p.productId){let e=I[0]?.node;e&&x({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[I,j,p.productId]),r.useEffect(()=>{j&&j.name&&p.changeProductName(j.name)},[j,p]),r.useEffect(()=>{m&&x({id:m.id,name:m.title,image:m.featuredImage?.src})},[m]);let w="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e.jsx("p",{className:"gp-py-2 gp-text-xs",children:g("Product")}),e.jsxs("div",{className:"gp-relative",children:[!c||j?e.jsxs("button",{className:a({"gp-cursor-default":p.productId},"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs"),onClick:()=>{p.productId||b(!f)},children:[e.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:j?.image||w,alt:"product_image"}),e.jsx("span",{className:"gp-truncate gp-max-w-[210px]",children:j?.name})]}):e.jsx("div",{children:e.jsxs("span",{className:"gp-text-xs",children:[g("Getting products"),"..."]})}),p.productId&&e.jsx("div",{className:"gp-mt-2 gp-text-xs",children:e.jsxs("p",{children:[g("You can manage it in")," ",e.jsx("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:()=>{p.openProductSetting()},children:g("Product element")})]})}),f&&e.jsxs("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:[e.jsxs("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[e.jsx(s.SearchIcon,{}),e.jsx("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:g("Search product")+"...",onChange:e=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{let r=e.target.value??"";if(r){n({first:8,where:{titleContainsFold:r}});return}n({first:8})},200)}})]}),e.jsxs("div",{className:"gp-max-h-[168px] gp-overflow-auto scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl",onScroll:e=>{let r=e.target;r.scrollHeight-r.scrollTop===r.clientHeight&&(N.current&&clearTimeout(N.current),N.current=setTimeout(()=>{h(q+1)},50))},children:[I?.map(r=>e.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{y({id:r.node?.id,name:r.node?.title,image:r.node?.featuredImage?.src})},children:[e.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:r.node?.featuredImage?.src||w,alt:"product_image"}),e.jsx("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:r.node?.title})]},r.node?.id)),c||o&&e.jsx("div",{className:"gp-p-2",children:e.jsxs("span",{className:"gp-text-xs",children:[g("Getting products"),"..."]})})]})]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../icons/SearchIcon.js"),t=require("../../../hooks/shop/use-products-query.js"),a=require("classnames");require("zustand");var i=require("../../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),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/products.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("../../../helpers/convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var u=require("../../../hooks/shop/use-product-query.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/builderUpsell.js"),require("../../../types/custom.js"),require("../../../types/animations.js"),exports.PickProduct=p=>{let{t:l}=i.useI18nStore(),[g,c]=r.useState(p.productId?void 0:{first:8}),{data:d,isLoading:n,isValidating:o,size:q,setSize:h}=t.useListProductQuery(g,{revalidateFirstPage:!1}),{data:m}=u.useProductQuery(p.productId),[x,j]=r.useState(),[f,b]=r.useState(!1),v=r.useRef(null),N=r.useRef(null),y=e=>{j(e),b(!1)},I=r.useMemo(()=>d?.reduce((e,r)=>[...e,...r.products?.edges??[]],[])??[],[d]);r.useEffect(()=>{if(I.length&&!x&&!p.productId){let e=I[0]?.node;e&&j({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[I,x,p.productId]),r.useEffect(()=>{x&&x.name&&p.changeProductName(x.name)},[x,p]),r.useEffect(()=>{m&&j({id:m.id,name:m.title,image:m.featuredImage?.src})},[m]);let w="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e.jsx("p",{className:"gp-py-2 gp-text-xs",children:l("Product")}),e.jsxs("div",{className:"gp-relative",children:[!n||x?e.jsxs("button",{className:a({"gp-cursor-default":p.productId},"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs"),onClick:()=>{p.productId||b(!f)},children:[e.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:x?.image||w,alt:"product_image"}),e.jsx("span",{className:"gp-truncate gp-max-w-[210px]",children:x?.name})]}):e.jsx("div",{children:e.jsxs("span",{className:"gp-text-xs",children:[l("Getting products"),"..."]})}),p.productId&&e.jsx("div",{className:"gp-mt-2 gp-text-xs",children:e.jsxs("p",{children:[l("You can manage it in")," ",e.jsx("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:()=>{p.openProductSetting()},children:l("Product element")})]})}),f&&e.jsxs("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:[e.jsxs("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[e.jsx(s.SearchIcon,{}),e.jsx("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:l("Search product")+"...",onChange:e=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{let r=e.target.value??"";if(r){c({first:8,where:{titleContainsFold:r}});return}c({first:8})},200)}})]}),e.jsxs("div",{className:"gp-max-h-[168px] gp-overflow-auto scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl",onScroll:e=>{let r=e.target;r.scrollHeight-r.scrollTop===r.clientHeight&&(N.current&&clearTimeout(N.current),N.current=setTimeout(()=>{h(q+1)},50))},children:[I?.map(r=>e.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{y({id:r.node?.id,name:r.node?.title,image:r.node?.featuredImage?.src})},children:[e.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:r.node?.featuredImage?.src||w,alt:"product_image"}),e.jsx("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:r.node?.title})]},r.node?.id)),n||o&&e.jsx("div",{className:"gp-p-2",children:e.jsxs("span",{className:"gp-text-xs",children:[l("Getting products"),"..."]})})]})]})]})]})};

package/dist/cjs/components/ai-generator/components/ToneAndVoice.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../icons/DropdownIcon.js"),a=require("classnames");require("zustand");var i=require("../../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),require("swr/infinite"),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/fragments/product-option.generated.js"),require("../../../graphql/fragments/product-option-value.generated.js"),require("../../../graphql/fragments/media.generated.js"),require("../../../graphql/fragments/variant.generated.js"),require("../../../graphql/fragments/selected-option.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-little-detail.generated.js"),require("../../../graphql/queries/product-medias.generated.js"),require("../../../graphql/queries/product-variants.generated.js"),require("dayjs"),require("@gem-sdk/core"),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/builderUpsell.js"),require("../../../types/custom.js"),require("../../../types/animations.js"),exports.ToneAndVoice=l=>{let{t}=i.useI18nStore(),u=[{label:t("Persuasive"),value:"Persuasive"},{label:t("Friendly"),value:"Friendly"},{label:t("Professional"),value:"Professional"},{label:t("Casual"),value:"Casual"}],[p,g]=r.useState(u[0]),[n,q]=r.useState(!1),o=e=>{g(e),q(!1)};return r.useEffect(()=>{p&&l.changeToneAndVoice(p.value)},[p,l]),e.jsx("div",{children:e.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e.jsx("p",{className:"gp-py-2 gp-text-xs",children:t("Tone and Voice")}),e.jsxs("div",{className:"gp-relative",children:[e.jsxs("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:()=>{q(!n)},children:[p?.label,e.jsx(s.DropdownIcon,{})]}),n?e.jsx("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:u.map(r=>e.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>o(r),children:[e.jsx("div",{className:a({"gp-invisible":p?.value!==r.value}),children:e.jsx(s.TickIcon,{})}),e.jsx("span",{className:"gp-text-xs",children:r.label})]},r.value))}):null]})]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../icons/DropdownIcon.js"),i=require("classnames");require("zustand");var a=require("../../../contexts/I18nContext.js");require("react-transition-group"),require("swr"),require("swr/infinite"),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/products.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-little-detail.generated.js"),require("../../../graphql/queries/product-medias.generated.js"),require("../../../graphql/queries/product-variants.generated.js"),require("dayjs"),require("@gem-sdk/core"),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/builderUpsell.js"),require("../../../types/custom.js"),require("../../../types/animations.js"),exports.ToneAndVoice=l=>{let{t:u}=a.useI18nStore(),t=[{label:u("Persuasive"),value:"Persuasive"},{label:u("Friendly"),value:"Friendly"},{label:u("Professional"),value:"Professional"},{label:u("Casual"),value:"Casual"}],[p,g]=r.useState(t[0]),[n,q]=r.useState(!1),o=e=>{g(e),q(!1)};return r.useEffect(()=>{p&&l.changeToneAndVoice(p.value)},[p,l]),e.jsx("div",{children:e.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e.jsx("p",{className:"gp-py-2 gp-text-xs",children:u("Tone and Voice")}),e.jsxs("div",{className:"gp-relative",children:[e.jsxs("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:()=>{q(!n)},children:[p?.label,e.jsx(s.DropdownIcon,{})]}),n?e.jsx("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:t.map(r=>e.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>o(r),children:[e.jsx("div",{className:i({"gp-invisible":p?.value!==r.value}),children:e.jsx(s.TickIcon,{})}),e.jsx("span",{className:"gp-text-xs",children:r.label})]},r.value))}):null]})]})})};

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"),a=require("../../constants/device.js");require("react-transition-group"),require("swr"),require("swr/infinite"),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/fragments/product-option.generated.js"),require("../../graphql/fragments/product-option-value.generated.js"),require("../../graphql/fragments/media.generated.js"),require("../../graphql/fragments/variant.generated.js"),require("../../graphql/fragments/selected-option.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-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"),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/builderUpsell.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=i.usePageType(),l=r.useRef(null),d=r.useRef(null),c=r.useRef(null),g=r.useRef(!1),p=r.useRef(0),q=r.useRef(0),m=r.useRef(null),[h,v]=r.useState(0),[f,b]=r.useState(!1),j=r.useRef(null),w=e=>{let r=e.clientY,t=Math.ceil(r-p.current),a=q.current||0,i=a+t>=0?`${a+t}px`:"0px";return{newValue:i}},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(()=>{g.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),g.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 a=0;a<t;a++){let t=e.children[a];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 a=t.getAttribute("data-toolbar-active");if(!a)return;let i=getComputedStyle(r),n=C(r,"data-spacing"),s=n?.querySelector("[data-spacing-margin-bottom]")||null;if(s&&d.current&&l.current){let t=i.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=i.paddingLeft,r=`-${e}`,t=`translate(${r}, -100%)`;d.current.style.left=r,l.current.style.transform=t}}},[]),k=e=>{let r=parseFloat(e);v(r),b(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{b(!1)},2e3);let t=r<=28&&r>=0?r/2+16:r>28?0:16;m.current&&(m.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)=>a.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":f,"data-value-number":!0,ref:m,children:h})]}),e.jsx("div",{ref:l,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(l.current){let r=getComputedStyle(l.current);p.current=e.clientY,q.current=parseFloat(r.top),S()}},onMouseUp:()=>{x()},role:"presentation"})]})})})};
+"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("swr"),require("swr/infinite"),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/products.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-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("../../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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js");const s=e=>{let t=r.useRef();return r.useEffect(()=>{t.current=e},[e]),t.current};exports.default=function(n){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:n.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),s=C(r,"data-spacing"),n=s?.querySelector("[data-spacing-margin-bottom]")||null;if(n&&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,n.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=s(n.advanced?.["spacing-setting"]);r.useEffect(()=>{let e=P(T,n.advanced?.["spacing-setting"]);R(e)},[T,n.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"!==n.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"})]})})})};

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"),s=require("../../contexts/ShopContext.js");require("swr"),require("swr/infinite"),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/fragments/product-option.generated.js"),require("../../graphql/fragments/product-option-value.generated.js"),require("../../graphql/fragments/media.generated.js"),require("../../graphql/fragments/variant.generated.js"),require("../../graphql/fragments/selected-option.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-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("../../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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js");const a=["starter","trial","trial2022"];exports.CreateThemeSection=({...u})=>{let{t:n}=i.useI18nStore(),o=s.useShopStore(e=>e.plan),l=s.useShopStore(e=>e.createThemeSectionCount),d=s.useShopStore(e=>e.limitCreateThemeSection),q=a.includes(o??""),c=q||d?.isLimit,p=c||void 0===l||l<1,h=r.useRef(),[g,j]=r.useState(!1),m=(e,r)=>{e.preventDefault(),e.stopPropagation(),r?.disabled||(c?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:q,limitCreateThemeSection:d,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:!!c}),"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:n("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"),s=require("../../contexts/ShopContext.js");require("swr"),require("swr/infinite"),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/products.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-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("../../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/builderUpsell.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),d=s.useShopStore(e=>e.limitCreateThemeSection),q=a.includes(n??""),c=q||d?.isLimit,p=c||void 0===l||l<1,h=r.useRef(),[g,j]=r.useState(!1),m=(e,r)=>{e.preventDefault(),e.stopPropagation(),r?.disabled||(c?C():v(),h.current&&clearTimeout(h.current),j(!1))},C=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},v=()=>{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:q,limitCreateThemeSection:d,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:!!c}),"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("swr"),require("swr/infinite"),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/~~fragments~~/~~product-option~~.generated.js"),require("../../graphql/fragments/product-option-value.generated.js"),require("../../graphql/fragments/media.generated.js"),require("../../graphql/fragments/variant.generated.js"),require("../../graphql/fragments/selected-option.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-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("../../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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js");const a={transition:"opacity 350ms ease-out",opacity:0},o={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:{...a~~,...o~~[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("swr"),require("swr/infinite"),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/products.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-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("../../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/builderUpsell.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")})]})]})})})]})})};

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

@@ -0,0 +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");require("react-transition-group"),require("swr"),require("swr/infinite"),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/products.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-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 s=require("./icons.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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.default=({isLoading:i,isUpdated:a,onUpgrade:t})=>{let{t:l}=r.useI18nStore(),u={old:{icon:e.jsx(s.CircleUpIcon,{}),label:l("Upgrade"),className:"gp-relative",showDot:!0},loading:{icon:e.jsx(s.LoadingIcon,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:e.jsx(s.CheckMarkIcon,{}),label:l("Updated"),className:"",showDot:!1}},p=u[i?"loading":a?"updated":"old"];return e.jsxs("button",{disabled:i,"data-toolbar-upgrade-element":"true",className:"gp-flex gp-gap-[6px] gp-items-center hover:gp-bg-[#3B3B3B] gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed ",onClick:t,children:[e.jsx("div",{className:`gp-shrink-0 gp-overflow-hidden ${p.className}`,children:p.icon}),p.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]"})}),p.label&&e.jsx("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:p.label})]})};

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

@@ -0,0 +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");var i=require("../constant.js");require("swr"),require("swr/infinite"),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/products.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-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 t=require("./UpgradeButton.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/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.default=({tag:u,uid:a})=>{let[q,l]=r.useState(!1),o=s.usePageStore(e=>e.oldElements),n=r.useMemo(()=>!!a&&(o?.some(e=>e.uid===a)??!1),[o,a]),d=r.useMemo(()=>n&&!!u&&!i.oldElementTags.includes(u),[n,u]),p=r.useCallback(e=>{e.preventDefault(),e.stopPropagation(),l(!0),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:a,fromTag:u}}))},[u,a]);return(r.useEffect(()=>{d&&l(!1)},[d]),u&&a&&n)?e.jsx(t.default,{isLoading:q,isUpdated:d,onUpgrade:p}):null};

package/dist/cjs/components/upgrade-element/icons.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use client';
2	+ "use strict";var C=require("react/jsx-runtime");exports.CheckMarkIcon=()=>C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:C.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.6241 4.77571C12.8584 5.01003 12.8584 5.38993 12.6241 5.62424L7.42407 10.8242C7.18975 11.0586 6.80986 11.0586 6.57554 10.8242L3.97554 8.22424C3.74123 7.98993 3.74123 7.61003 3.97554 7.37571C4.20986 7.1414 4.58975 7.1414 4.82407 7.37571L6.9998 9.55145L11.7755 4.77571C12.0099 4.5414 12.3898 4.5414 12.6241 4.77571Z",fill:"#F9F9F9"})}),exports.CircleUpIcon=()=>C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[C.jsx("path",{d:"M6.50098 4.6583L6.50098 10.5366C6.50098 10.8128 6.72483 11.0366 7.00098 11.0366C7.27712 11.0366 7.50098 10.8128 7.50098 10.5366L7.50098 4.65845L9.01147 6.16738C9.20683 6.36254 9.52341 6.36237 9.71857 6.16701C9.91374 5.97165 9.91357 5.65506 9.71821 5.4599L7.3595 3.10364C7.33765 3.08116 7.3137 3.06073 7.28797 3.04266C7.27238 3.03172 7.25613 3.02164 7.23931 3.0125C7.16846 2.97401 7.08727 2.95215 7.00098 2.95215C6.94395 2.95215 6.88916 2.96169 6.8381 2.97928C6.76849 3.00319 6.7031 3.0429 6.64753 3.09841L4.28359 5.4599C4.08823 5.65506 4.08807 5.97165 4.28323 6.16701C4.47839 6.36237 4.79497 6.36254 4.99033 6.16738L6.50098 4.6583Z",fill:"#F9F9F9"}),C.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 6.9941C0 3.13088 3.13487 0 7.00083 0C10.8668 0 14.0017 3.13088 14.0017 6.9941C14.0017 10.8573 10.8668 13.9882 7.00083 13.9882C3.13487 13.9882 0 10.8573 0 6.9941ZM7.00083 1C3.68617 1 1 3.68414 1 6.9941C1 10.3041 3.68617 12.9882 7.00083 12.9882C10.3155 12.9882 13.0017 10.3041 13.0017 6.9941C13.0017 3.68414 10.3155 1 7.00083 1Z",fill:"#F9F9F9"})]}),exports.LoadingIcon=()=>C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:C.jsx("path",{d:"M8 11.5C8.27614 11.5 8.5 11.7239 8.5 12V14.5C8.5 14.7761 8.27614 15 8 15C7.72386 15 7.5 14.7761 7.5 14.5V12C7.5 11.7239 7.72386 11.5 8 11.5ZM4.81836 10.4746C5.01355 10.2795 5.33013 10.2796 5.52539 10.4746C5.72063 10.6699 5.72059 10.9864 5.52539 11.1816L3.75781 12.9502C3.56261 13.1451 3.24598 13.1451 3.05078 12.9502C2.85552 12.7549 2.85552 12.4374 3.05078 12.2422L4.81836 10.4746ZM10.4746 10.4746C10.6699 10.2796 10.9865 10.2795 11.1816 10.4746L12.9492 12.2422C13.1445 12.4374 13.1445 12.7549 12.9492 12.9502C12.754 13.1451 12.4374 13.1451 12.2422 12.9502L10.4746 11.1816C10.2794 10.9864 10.2794 10.6699 10.4746 10.4746ZM4 7.5C4.27614 7.5 4.5 7.72386 4.5 8C4.5 8.27614 4.27614 8.5 4 8.5H1.5C1.22386 8.5 1 8.27614 1 8C1 7.72386 1.22386 7.5 1.5 7.5H4ZM14.5 7.5C14.7761 7.5 15 7.72386 15 8C15 8.27614 14.7761 8.5 14.5 8.5H12C11.7239 8.5 11.5 8.27614 11.5 8C11.5 7.72386 11.7239 7.5 12 7.5H14.5ZM3.0498 3.0498C3.24501 2.85487 3.56164 2.85487 3.75684 3.0498L5.52441 4.81836C5.71962 5.01363 5.71966 5.33015 5.52441 5.52539C5.32915 5.72039 5.01257 5.72052 4.81738 5.52539L3.0498 3.75781C2.85454 3.56255 2.85454 3.24507 3.0498 3.0498ZM12.2432 3.0498C12.4384 2.85487 12.755 2.85487 12.9502 3.0498C13.1455 3.24507 13.1455 3.56255 12.9502 3.75781L11.1826 5.52539C10.9874 5.72052 10.6708 5.72039 10.4756 5.52539C10.2803 5.33015 10.2804 5.01363 10.4756 4.81836L12.2432 3.0498ZM8 1C8.27614 1 8.5 1.22386 8.5 1.5V4C8.5 4.27614 8.27614 4.5 8 4.5C7.72386 4.5 7.5 4.27614 7.5 4V1.5C7.5 1.22386 7.72386 1 8 1Z",fill:"#F9F9F9"})});

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("zustand"),s=require("../helpers/clone-deep.js"),r=require("../helpers/normalize-builder-data.js");function l(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}const n=t.createContext(null),d={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},a=(e,t,n)=>i.createStore((i,a)=>({state:e,loaded:!1,isThemeSectionEditor:!!n,pageName:t,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,addItem:e=>{let{position:t,data:l}=e,n=a().state,d=Date.now();if("section"===e.type){if(!Array.isArray(l)){let e=l.uid,r=n.ROOT;r.childrens?r.childrens.splice(t??0,0,e):r.childrens=[e],r.dateModified=d,i({state:{...n,[e]:{uid:e,type:"section",label:l.label},ROOT:s.cloneDeep(r)}})}}else{let{id:l,data:a}=e,c=l?n[l]??n.ROOT:n.ROOT;if("section"===c.type)return;if(Array.isArray(a)){let e=a.map(e=>e.uid),l=a.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,...e),i({state:{...n,...l,[c.uid]:s.cloneDeep(c)}})}else{let e=r.normalizeBuilderData(a);c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,a.uid),i({state:{...n,...e,[c.uid]:s.cloneDeep(c)}})}}},changeItemProp:(e,t,s)=>{if(!s||!["setting","style","advanced"].includes(s))return;let r=a().state,l=r[e];if(l?.type!=="section"&&l){let n=Date.now();switch(l.dateModified=n,s){case"setting":i({state:{...r,[e]:{...l,settings:{...l.settings,...t}}}});break;case"style":i({state:{...r,[e]:{...l,styles:{...l.styles,...t}}}});break;case"advanced":i({state:{...r,[e]:{...l,advanced:{...l.advanced,...t}}}})}}},forceChangeItemProp:(e,t,s)=>{if(!s||!["setting","style","advanced"].includes(s))return;let r=a().state,l=r[e];if(l?.type!=="section"&&l){let n=Date.now();switch(l.dateModified=n,s){case"setting":i({state:{...r,[e]:{...l,settings:t}}});break;case"style":i({state:{...r,[e]:{...l,styles:t}}});break;case"advanced":i({state:{...r,[e]:{...l,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:s,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let l=a().state,n=l[e];if(n?.type!=="section"&&n){let d={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===s?(console.warn("Data is undefined"),delete d[r][t]):d[r][t]=s,i({state:{...l,[e]:{...n,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>a().state[e],getState:()=>a().state,removeItem:e=>{if("ROOT"===e)i({state:{ROOT:d}});else{let t=a().state;!function e(t,i){let s=i[t];s&&(delete i[t],"section"!==s.type&&s.childrens?.map(t=>e(t,i)))}(e,t);let r=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(r){let l=Date.now(),[n,d]=r;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=l,i({state:{...t,[n]:s.cloneDeep(d)}})}}},moveItem:(e,t,r)=>{let n=a().state,d=n[e],c=n[t];if(d&&c&&"section"!==c.type){if("section"===d.type){let t=n.ROOT;if(!t.childrens)return;let d=t.childrens.findIndex(t=>t===e);l(t.childrens,d,r??0),i({state:{...n,ROOT:s.cloneDeep(t)}})}else{let a=Object.entries(n).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(d&&a){let o=Date.now(),[,u]=a;if("section"===u.type)return;if(u.dateModified=o,t===u.uid&&u.childrens){let t=u.childrens.findIndex(t=>t===e);u.childrens&&t!==r&&(l(u.childrens,t,r??0),i({state:{...n,[u.uid]:s.cloneDeep(u)}}))}else u.childrens=u.childrens?.filter(t=>t!==e),c&&(c.dateModified=o,c.childrens=c.childrens??[],c.childrens.splice(r??0,0,d.uid),i({state:{...n,[c.uid]:s.cloneDeep(c),[u.uid]:s.cloneDeep(u)}}))}}}},forceChangeState:e=>{i({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),s=e.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});i({loaded:!0,state:{ROOT:{...d,childrens:t},...s}})}else{let t=r.normalizeBuilderData(e);i({loaded:!0,state:{ROOT:{...d,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let r=a().state,l=r.ROOT;l.childrens||(l.childrens=[]),l.childrens.splice(t??0,0,e.uid),i({state:{...r,ROOT:s.cloneDeep(l)}})},getParents:(e,t)=>{let i=a().state,s=[],r=0,l=e;for(;!t||!(r>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(l));if(!e)break;let[,t]=e;if(!t)break;s.push(t),l=t.uid,r++}return s},updateItemName:(e,t)=>{let r=a().state,l=r[e];l&&(l.name=t,i({state:{...r,[e]:s.cloneDeep(l)}}))},updateItemAttribute:(e,t,s)=>{if(!s||!["label","customLabel","isShopifyVisibility","tag"].includes(s))return;let r=a().state,l=r[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let n={...l,[s]:t};i({state:{...r,[e]:n}})}},dismissPublishError:e=>{let t=a().errorSectionList;if(!Array.isArray(t))return;let s=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);i({errorSectionList:s})},setErrorSectionList:e=>i({errorSectionList:e})}));exports.BuilderPreviewProvider=({children:i,state:s,isThemeSectionEditor:r,pageName:l,lazy:d,...c})=>{let o=d?t.Suspense:t.Fragment,u=t.useMemo(()=>a(s,l,r),[s,r,l]);return e.jsx(o,{children:e.jsx(n.Provider,{...c,value:u,children:i})})},exports.useBuilderPreviewStore=(e,s)=>{let r=t.useContext(n);if(!r)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return i.useStore(r,e,s)};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("zustand"),s=require("../helpers/clone-deep.js"),r=require("../helpers/normalize-builder-data.js");function l(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}const n=t.createContext(null),d={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},a=(e,t,n)=>i.createStore((i,a)=>({state:e,loaded:!1,isThemeSectionEditor:!!n,pageName:t,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,addItem:e=>{let{position:t,data:l}=e,n=a().state,d=Date.now();if("section"===e.type){if(!Array.isArray(l)){let e=l.uid,r=n.ROOT;r.childrens?r.childrens.splice(t??0,0,e):r.childrens=[e],r.dateModified=d,i({state:{...n,[e]:{uid:e,type:"section",label:l.label},ROOT:s.cloneDeep(r)}})}}else{let{id:l,data:a}=e,c=l?n[l]??n.ROOT:n.ROOT;if("section"===c.type)return;if(Array.isArray(a)){let e=a.map(e=>e.uid),l=a.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,...e),i({state:{...n,...l,[c.uid]:s.cloneDeep(c)}})}else{let e=r.normalizeBuilderData(a);c.dateModified=d,c.childrens=c.childrens??[],c.childrens.splice(t??0,0,a.uid),i({state:{...n,...e,[c.uid]:s.cloneDeep(c)}})}}},changeItemProp:(e,t,s)=>{if(!s||!["setting","style","advanced"].includes(s))return;let r=a().state,l=r[e];if(l?.type!=="section"&&l){let n=Date.now();switch(l.dateModified=n,s){case"setting":i({state:{...r,[e]:{...l,settings:{...l.settings,...t}}}});break;case"style":i({state:{...r,[e]:{...l,styles:{...l.styles,...t}}}});break;case"advanced":i({state:{...r,[e]:{...l,advanced:{...l.advanced,...t}}}})}}},forceChangeItemProp:(e,t,s)=>{if(!s||!["setting","style","advanced"].includes(s))return;let r=a().state,l=r[e];if(l?.type!=="section"&&l){let n=Date.now();switch(l.dateModified=n,s){case"setting":i({state:{...r,[e]:{...l,settings:t}}});break;case"style":i({state:{...r,[e]:{...l,styles:t}}});break;case"advanced":i({state:{...r,[e]:{...l,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:s,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let l=a().state,n=l[e];if(n?.type!=="section"&&n){let d={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===s?(console.warn("Data is undefined"),delete d[r][t]):d[r][t]=s,i({state:{...l,[e]:{...n,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>a().state[e],getState:()=>a().state,removeItem:e=>{if("ROOT"===e)i({state:{ROOT:d}});else{let t=a().state;!function e(t,i){let s=i[t];s&&(delete i[t],"section"!==s.type&&s.childrens?.map(t=>e(t,i)))}(e,t);let r=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(r){let l=Date.now(),[n,d]=r;if("section"===d.type)return;d.childrens=d.childrens?.filter(t=>t!==e),d.dateModified=l,i({state:{...t,[n]:s.cloneDeep(d)}})}}},moveItem:(e,t,r)=>{let n=a().state,d=n[e],c=n[t];if(d&&c&&"section"!==c.type){if("section"===d.type){let t=n.ROOT;if(!t.childrens)return;let d=t.childrens.findIndex(t=>t===e);l(t.childrens,d,r??0),i({state:{...n,ROOT:s.cloneDeep(t)}})}else{let a=Object.entries(n).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(d&&a){let o=Date.now(),[,u]=a;if("section"===u.type)return;if(u.dateModified=o,t===u.uid&&u.childrens){let t=u.childrens.findIndex(t=>t===e);u.childrens&&t!==r&&(l(u.childrens,t,r??0),i({state:{...n,[u.uid]:s.cloneDeep(u)}}))}else u.childrens=u.childrens?.filter(t=>t!==e),c&&(c.dateModified=o,c.childrens=c.childrens??[],c.childrens.splice(r??0,0,d.uid),i({state:{...n,[c.uid]:s.cloneDeep(c),[u.uid]:s.cloneDeep(u)}}))}}}},forceChangeState:e=>{i({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),s=e.reduceRight((e,t)=>{let i=r.normalizeBuilderData(t);return{...e,...i}},{});i({loaded:!0,state:{ROOT:{...d,childrens:t},...s}})}else{let t=r.normalizeBuilderData(e);i({loaded:!0,state:{ROOT:{...d,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let r=a().state,l=r.ROOT;l.childrens||(l.childrens=[]),l.childrens.splice(t??0,0,e.uid),i({state:{...r,ROOT:s.cloneDeep(l)}})},getParents:(e,t)=>{let i=a().state,s=[],r=0,l=e;for(;!t||!(r>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(l));if(!e)break;let[,t]=e;if(!t)break;s.push(t),l=t.uid,r++}return s},updateItemName:(e,t)=>{let r=a().state,l=r[e];l&&(l.name=t,i({state:{...r,[e]:s.cloneDeep(l)}}))},updateItemAttribute:(e,t,s)=>{if(!s||!["label","customLabel","isShopifyVisibility","tag"].includes(s))return;let r=a().state,l=r[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let n={...l,[s]:t};i({state:{...r,[e]:n}})}},updateAllItemAttribute:(e,t)=>{if(!e||!["tag"].includes(e))return;let s=a().state,r={};for(let{uid:i,value:l}of t){let t=s[i];if(!t)continue;let n={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:l};r[i]=n}Object.keys(r).length>0&&i({state:{...s,...r}})},dismissPublishError:e=>{let t=a().errorSectionList;if(!Array.isArray(t))return;let s=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);i({errorSectionList:s})},setErrorSectionList:e=>i({errorSectionList:e})}));exports.BuilderPreviewProvider=({children:i,state:s,isThemeSectionEditor:r,pageName:l,lazy:d,...c})=>{let o=d?t.Suspense:t.Fragment,u=t.useMemo(()=>a(s,l,r),[s,r,l]);return e.jsx(o,{children:e.jsx(n.Provider,{...c,value:u,children:i})})},exports.useBuilderPreviewStore=(e,s)=>{let r=t.useContext(n);if(!r)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return i.useStore(r,e,s)};