@gem-sdk/core 1.38.0 → 2.0.0-dev.832

package/dist/esm/components/RenderPreview.js

@@ -1,62 +1 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import { useBuilderComponent } from '../contexts/BuilderComponent.js';
-import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
-import ComponentWrapperPreview from './ComponentWrapperPreview.js';
-import RenderSectionMemo from './RenderSection.js';
-
-const RenderPreview = ({ uid, ...passProps })=>{
-    const item = useBuilderPreviewStore((s)=>s.getItem(uid));
-    const Component = useBuilderComponent(item?.tag);
-    if (!item) return null;
-    if (item?.type === 'section') {
-        return /*#__PURE__*/ jsx(RenderSectionMemo, {
-            sectionId: item.uid
-        });
-    } else {
-        return /*#__PURE__*/ jsx(ErrorBoundary, {
-            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxs(ComponentWrapperPreview, {
-                    ...item,
-                    children: [
-                        /*#__PURE__*/ jsx("span", {
-                            "aria-label": "Error message",
-                            children: error.message
-                        }),
-                        /*#__PURE__*/ jsx("button", {
-                            type: "button",
-                            onClick: resetErrorBoundary,
-                            children: "Try again"
-                        })
-                    ]
-                }),
-            children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
-                ...item,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
-                })
-            })
-        }, item.uid);
-    }
-};
-const RenderPreviewMemo = /*#__PURE__*/ memo(RenderPreview);
-RenderPreviewMemo.displayName = 'RenderPreviewMemo';
-
-export { RenderPreviewMemo as default };
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as t}from"react";import{ErrorBoundary as i}from"react-error-boundary";import{useBuilderComponent as n}from"../contexts/BuilderComponent.js";import{useBuilderPreviewStore as o}from"../contexts/BuilderPreviewContext.js";import s from"./ComponentWrapperPreview.js";import d from"./RenderSection.js";let RenderPreview=({uid:t,...l})=>{let m=o(e=>e.getItem(t)),a=n(m?.tag);return m?m?.type==="section"?e(d,{sectionId:m.uid}):e(i,{fallbackRender:({error:t,resetErrorBoundary:i})=>r(s,{...m,children:[e("span",{"aria-label":"Error message",children:t.message}),e("button",{type:"button",onClick:i,children:"Try again"})]}),children:e(s,{...m,children:m?.childrens?.length?e(a,{builderProps:{uid:t,builderData:m},styles:m.styles,setting:m.settings,...l,children:m.childrens.map(r=>e(RenderPreviewMemo,{uid:r},r))}):e(a,{builderProps:{uid:t,builderData:m},styles:m.styles,setting:m.settings,...l})})},m.uid):null},RenderPreviewMemo=t(RenderPreview);RenderPreviewMemo.displayName="RenderPreviewMemo";export{RenderPreviewMemo as default};

package/dist/esm/components/RenderSection.js

@@ -1,19 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
-import { BuilderProvider } from '../contexts/BuilderContext.js';
-import { useSection } from '../contexts/SectionContext.js';
-import RenderBlockMemo from './RenderBlock.js';
-
-const RenderSection = ({ sectionId })=>{
-    const state = useSection(sectionId);
-    if (!state) return null;
-    return /*#__PURE__*/ jsx(BuilderProvider, {
-        state: state,
-        children: /*#__PURE__*/ jsx(RenderBlockMemo, {
-            uid: sectionId
-        })
-    }, sectionId);
-};
-const RenderSectionMemo = /*#__PURE__*/ memo(RenderSection);
-
-export { RenderSectionMemo as default };
+import{jsx as e}from"react/jsx-runtime";import{memo as t}from"react";import{BuilderProvider as o}from"../contexts/BuilderContext.js";import{useSection as r}from"../contexts/SectionContext.js";import n from"./RenderBlock.js";let RenderSection=({sectionId:t})=>{let i=r(t);return i?e(o,{state:i,children:e(n,{uid:t})},t):null},RenderSectionMemo=t(RenderSection);export{RenderSectionMemo as default};

package/dist/esm/components/ai-generator/AIContentGenerator.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as p}from"react/jsx-runtime";import{useState as t,useCallback as o,useEffect as n}from"react";import{AIIcon as r}from"./icons/AIIcon.js";import{CloseIcon as g}from"./icons/CloseIcon.js";import{ShowMoreIcon as i}from"./icons/ShowMoreIcon.js";import{PickProduct as a}from"./components/PickProduct.js";import{ToneAndVoice as s}from"./components/ToneAndVoice.js";import l from"classnames";import{useListenEventGenerate as c}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as d}from"./hooks/useGettingGenerateRequest.js";let AIContentGenerator=({...m})=>{let[x,u]=t(!1),[h,f]=t(!1),[b,v]=t(!1),{isGenerating:N,onGenerate:w}=c(m.uid),{getRequestBody:A,prompt:C,changeProductName:j,changePrompt:G}=d(),k=()=>{u(!x)},I=()=>{u(!1)},B=e=>{G(e.target.value)},y=o(e=>{let p=e.detail;p?.componentUid!==m.uid?(f(!1),I()):f(!0)},[m.uid]),E=()=>{v(!b)},L=()=>{let e=A();w(e)};return n(()=>{N||I()},[N]),n(()=>(window.addEventListener("editor:active-component",y),()=>{window.removeEventListener("editor:active-component",y)}),[y]),e("div",{className:`gp-relative ${!h&&"gp-hidden"}`,children:[p("div",{className:"gp-border-r-[#6a6a6a] gp-border-r-[1px] gp-pr-[4px] gp-mr-[4px]",children:e("button",{className:"gp-p-[4px] gp-text-[12px] gp-flex gp-gap-[4px] gp-items-center gp-rounded-[6px] hover:gp-bg-[#3B3B3B] gp-font-medium",onClick:k,children:[p(r,{}),"AI Content"]})}),e("div",{className:l({"gp-hidden":!x},"gp-absolute gp-top-[32px] gp-right-0 gp-rounded-[8px] gp-bg-[#151515] gp-p-[16px] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-[14px]",children:[p("span",{className:"gp-font-medium gp-text-[14px]",children:"Write with GemAI"}),p("button",{className:"gp-p-[8px] gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-[6px]",onClick:I,children:p(g,{})})]}),e("div",{className:"gp-mt-[8px]",children:[p("div",{className:"gp-mb-[16px]",children:p("span",{className:"gp-text-[12px]",children:"What would you like to describe here?"})}),p("div",{className:"gp-mb-[16px] gp-flex",children:p("textarea",{className:"gp-p-[8px] gp-bg-[#333333] gp-rounded-[8px] gp-w-full gp-text-[12px] gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: Generate feature benefits",rows:4,value:C,onChange:B})}),p("div",{className:"gp-mb-[16px]",children:e("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-[8px] gp-rounded-[8px] gp-gap-[8px] gp-text-[12px] gp-font-medium",onClick:E,children:["Show more",p("span",{className:l({"gp-rotate-180":b}),children:p(i,{})})]})}),e("div",{className:l({"gp-hidden":!b},"gp-mb-[16px] gp-gap-[16px] gp-flex gp-flex-col"),children:[p(s,{}),p(a,{changeProductName:j})]}),p("button",{className:"gp-rounded-[8px] gp-w-full gp-text-[12px] gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-[8px]",onClick:L,children:N?"Generating...":"Generate"})]})]})]})};export{AIContentGenerator};

package/dist/esm/components/ai-generator/AIGenContentLoading.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as r,useCallback as i,useEffect as a}from"react";let AIGenContentLoading=({...s})=>{let[o,l]=n(!1),[u,f]=n(1),g=r(null),c=i(e=>{let t=e.detail;if(t?.sectionUid===s.uid){if("loading"===t.status){l(!0);return}if("success"===t.status){l(!1);return}}},[s.uid]);return a(()=>{if(o){g.current=setInterval(()=>{f(e=>3===e?1:e+1)},500);return}g.current&&clearInterval(g.current)},[o]),a(()=>(window.addEventListener("editor:ai-generate-content-status",c),()=>{window.removeEventListener("editor:ai-generate-content-status",c)}),[c]),o?e("div",{className:"gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-[#ffffff] gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center",children:t("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(u).keys()).map(()=>".")]})}):null};export{AIGenContentLoading};

package/dist/esm/components/ai-generator/components/PickProduct.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as p}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductsQuery as a}from"../../../hooks/shop/use-products-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"../../../helpers/convert.js";let PickProduct=g=>{let{data:o,isLoading:s}=a([]),[d,i]=t(),[c,l]=t(!1),m=()=>{l(!c)},n=e=>{i(e),l(!1)};return r(()=>{if(o?.products?.edges.length&&!d){let e=o.products.edges[0]?.node;e&&i({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[o,d]),r(()=>{d&&d.name&&g.changeProductName(d.name)},[d,g]),e("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[p("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Product"}),e("div",{className:"gp-relative",children:[s?p("div",{children:p("span",{className:"gp-text-[12px]",children:"Getting products..."})}):e("button",{className:"gp-flex gp-gap-[8px] gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:m,children:[p("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:d?.image,alt:"product_image"}),p("span",{className:"gp-truncate gp-max-w-[210px]",children:d?.name})]}),c&&p("div",{className:"gp-absolute gp-w-full gp-top-[64px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:o?.products?.edges.map(t=>e("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[8px] gp-items-center",onClick:()=>{n({id:t.node?.id,name:t.node?.title,image:t.node?.featuredImage?.src})},children:[p("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:t.node?.featuredImage?.src,alt:"product_image"}),p("span",{className:"gp-truncate gp-max-w-[210px] gp-text-[12px]",children:t.node?.title})]},t.node?.id))})]})]})};export{PickProduct};

package/dist/esm/components/ai-generator/components/ToneAndVoice.js

@@ -0,0 +1 @@
+import{jsx as p,jsxs as e}from"react/jsx-runtime";import{useState as l}from"react";import{DropdownIcon as g,TickIcon as n}from"../icons/DropdownIcon.js";import r from"classnames";let ToneAndVoice=()=>{let i=["Persuasive","Friendly","Professional","Casual"],[o,s]=l(i[0]),[a,c]=l(!1),t=()=>{c(!a)},d=p=>{s(p),c(!1)};return p("div",{children:e("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[p("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Tone and Voice"}),e("div",{className:"gp-relative",children:[e("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:t,children:[o,p(g,{})]}),a?p("div",{className:"gp-absolute gp-w-full gp-top-[40px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:i.map(l=>e("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[12px] gp-items-center",onClick:()=>d(l),children:[p("div",{className:r({"gp-invisible":o!==l}),children:p(n,{})}),p("span",{className:"gp-text-[12px]",children:l})]},l))}):null]})]})})};export{ToneAndVoice};

package/dist/esm/components/ai-generator/hooks/useGettingGenerateRequest.js

@@ -0,0 +1 @@
+import{useState as e}from"react";let useGettingGenerateRequest=()=>{let[t,r]=e(""),[n,s]=e(""),[u,i]=e(""),G=e=>{r(e.slice(0,200))},a=e=>{s(e)},l=e=>{i(e)},o=()=>({prompt:t,productName:n,tone:u});return{prompt:t,changePrompt:G,productName:n,changeProductName:a,tone:u,changeTone:l,getRequestBody:o}};export{useGettingGenerateRequest};

package/dist/esm/components/ai-generator/hooks/useListenEventGenerate.js

@@ -0,0 +1 @@
+import{useState as e,useCallback as t,useEffect as n}from"react";let useListenEventGenerate=i=>{let[s,o]=e(!1),a=e=>{let t=new CustomEvent("editor:toolbar:ai-generate-content",{bubbles:!0,detail:{componentUid:i,genRequest:e}});window.dispatchEvent(t),o(!0),r("loading")},r=e=>{let t=new CustomEvent("editor:ai-generate-content-status",{bubbles:!0,detail:{status:e,sectionUid:i}});window.dispatchEvent(t)},d=t(e=>{let t=e.detail;t?.sectionUid===i&&"success"===t.status&&o(!1)},[i]);return n(()=>(window.addEventListener("editor:ai-generate-content-status",d),()=>{window.removeEventListener("editor:ai-generate-content-status",d)}),[d]),{isGenerating:s,onGenerate:a}};export{useListenEventGenerate};

package/dist/esm/components/ai-generator/icons/AIIcon.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as r}from"react/jsx-runtime";let AIIcon=()=>{let e=()=>Math.random().toString(36).substring(7),o=e();return t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r("path",{d:"M11.6363 2.67137C11.5886 2.52361 11.3795 2.52361 11.3318 2.67137L11.1133 3.34797C11.0352 3.58971 10.8469 3.78 10.606 3.86067L9.93715 4.08465C9.79156 4.1334 9.79156 4.33933 9.93715 4.38809L10.606 4.61207C10.8469 4.69273 11.0352 4.88302 11.1133 5.12477L11.3318 5.80137C11.3795 5.94913 11.5886 5.94913 11.6363 5.80137L11.8549 5.12477C11.933 4.88302 12.1212 4.69273 12.3621 4.61207L13.031 4.38809C13.1766 4.33933 13.1766 4.1334 13.031 4.08465L12.3621 3.86067C12.1212 3.78 11.933 3.58971 11.8549 3.34797L11.6363 2.67137Z",fill:`url(#${o}_0)`}),r("path",{d:"M7.61245 3.30705C7.54086 3.08541 7.22728 3.08541 7.15569 3.30705L6.39541 5.6608C6.16115 6.38604 5.59636 6.9569 4.87367 7.19891L2.56369 7.97242C2.3453 8.04555 2.34531 8.35445 2.5637 8.42758L4.87367 9.2011C5.59636 9.4431 6.16115 10.014 6.39541 10.7392L7.15569 13.093C7.22728 13.3146 7.54086 13.3146 7.61245 13.093L8.37273 10.7392C8.60699 10.014 9.17178 9.4431 9.89447 9.2011L12.2044 8.42758C12.4228 8.35445 12.4228 8.04555 12.2044 7.97242L9.89447 7.1989C9.17178 6.9569 8.60699 6.38604 8.37273 5.6608L7.61245 3.30705Z",fill:`url(#${o}_1)`}),t("defs",{children:[t("linearGradient",{id:`${o}_0`,x1:"15.3433",y1:"2.56054",x2:"4.24885",y2:"1.00838",gradientUnits:"userSpaceOnUse",children:[r("stop",{stopColor:"#D8E1FF"}),r("stop",{offset:"1",stopColor:"#C8ACFF"})]}),t("linearGradient",{id:`${o}_1`,x1:"15.3433",y1:"2.56054",x2:"4.24885",y2:"1.00838",gradientUnits:"userSpaceOnUse",children:[r("stop",{stopColor:"#D8E1FF"}),r("stop",{offset:"1",stopColor:"#C8ACFF"})]})]})]})};export{AIIcon};

package/dist/esm/components/ai-generator/icons/CloseIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";let CloseIcon=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1757L8.84833 8L12.0241 4.82427C12.2584 4.58995 12.2584 4.21005 12.0241 3.97574C11.7898 3.74142 11.4099 3.74142 11.1755 3.97574L7.9998 7.15148L4.82407 3.97574C4.58975 3.74142 4.20986 3.74142 3.97554 3.97574C3.74123 4.21005 3.74123 4.58995 3.97554 4.82427L7.15128 8L3.97554 11.1757C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84853L11.1755 12.0243Z",fill:"#F9F9F9"})});export{CloseIcon};

package/dist/esm/components/ai-generator/icons/DropdownIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";let DropdownIcon=()=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.13313 7.62204C5.31064 7.45932 5.59845 7.45932 5.77596 7.62204L10 11.4941L14.224 7.62204C14.4016 7.45932 14.6894 7.45932 14.8669 7.62204C15.0444 7.78476 15.0444 8.04858 14.8669 8.21129L10.3214 12.378C10.1439 12.5407 9.8561 12.5407 9.67859 12.378L5.13313 8.21129C4.95562 8.04858 4.95562 7.78476 5.13313 7.62204Z",fill:"#F9F9F9"})}),TickIcon=()=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.8415 5.1766C16.0528 5.41207 16.0528 5.79383 15.8415 6.0293L7.95016 14.8234C7.84869 14.9365 7.71107 15 7.56757 15C7.42408 15 7.28645 14.9365 7.18499 14.8234L4.15846 11.4505C3.94717 11.215 3.94718 10.8333 4.15848 10.5978C4.36978 10.3623 4.71236 10.3623 4.92365 10.5978L7.56759 13.5443L15.0764 5.1766C15.2877 4.94113 15.6302 4.94113 15.8415 5.1766Z",fill:"#00C853"})});export{DropdownIcon,TickIcon};

package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";let ShowMoreIcon=()=>e("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.60651 6.09763C4.74852 5.96746 4.97876 5.96746 5.12077 6.09763L8.5 9.19526L11.8792 6.09763C12.0212 5.96746 12.2515 5.96746 12.3935 6.09763C12.5355 6.22781 12.5355 6.43886 12.3935 6.56904L8.75713 9.90237C8.61512 10.0325 8.38488 10.0325 8.24287 9.90237L4.60651 6.56904C4.4645 6.43886 4.4645 6.22781 4.60651 6.09763Z",fill:"#F9F9F9"})});export{ShowMoreIcon};

package/dist/esm/components/animation/AnimationWrapper.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t}from"../../helpers/make-style.js";import{useRef as r}from"react";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"../../helpers/convert.js";import{useLivePageAnimation as o}from"../../hooks/animation/useLivePageAnimation.js";let AnimationWrapper=({children:i,settings:a,tag:s})=>{let m=r(null),p=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",n=e=>{if("desktop"===e);else if("tablet"===e)return a?.tablet??a?.desktop;else if("mobile"===e)return a?.mobile??a?.tablet??a?.desktop;return a?.desktop},l=e=>+!(n(e)?.enabled&&!["shake","none"].includes(p(n(e),"appear"))),d={desktop:l("desktop"),tablet:l("tablet"),mobile:l("mobile")};return o(m,a,s),e("div",{ref:m,style:{...t("op",d)},children:i})};export{AnimationWrapper as default};

package/dist/esm/components/constant.js

@@ -1,50 +1 @@
-const disableWrap = [
-    'Col',
-    'CollectionBanner',
-    'Row',
-    'Section',
-    'Image',
-    'Text',
-    'Button',
-    'ProductButton',
-    'Cart',
-    'Tabs',
-    'TabItem',
-    'Carousel',
-    'CarouselItem',
-    'ShopPayButton',
-    'AccordionItem',
-    'Video',
-    'Header',
-    'HeroBanner',
-    'Icon',
-    'HTMLCode',
-    'IconListHoz',
-    'IconListItem',
-    'CSSCode',
-    'FormEmail',
-    'FormDropdown',
-    'SubmitButton',
-    'Dialog',
-    'TextField',
-    'FormTextarea',
-    'ProductPrice',
-    'Product',
-    'ProductImages',
-    'ProductImagesV2',
-    'Sticky',
-    'Heading'
-];
-const customRenderChildren = [
-    'Accordion',
-    'AccordionItem',
-    'Row',
-    'IconList',
-    'Tabs'
-];
-const excludeApplyStyle = [
-    'IconListV2',
-    'IconList'
-];
-
-export { customRenderChildren, disableWrap, excludeApplyStyle };
+let disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductImages","ProductImagesV2","PostPurchaseProductImages","Sticky","Heading"],customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs"],excludeApplyStyle=["IconListV2","IconList"],postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductPriceBreakdown","PostPurchaseProductImages","PostPurchaseCalloutText"],postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"];export{customRenderChildren,disableWrap,excludeApplyStyle,postPurchaseRequiredElements,postPurchaseWrapElements};

package/dist/esm/components/resize/Resize.js

@@ -1,12 +1 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import Spacing from './Spacing.js';
-
-function Resize(props) {
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx(Spacing, {
-            ...props
-        })
-    });
-}
-
-export { Resize as default };
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import i from"./Spacing.js";function Resize(t){return e(r,{children:e(i,{...t})})}export{Resize as default};

package/dist/esm/components/resize/Spacing.js

@@ -1,244 +1 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import 'zustand';
-import { useBuilderPreviewStore } from '../../contexts/BuilderPreviewContext.js';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../../hooks/useCartUI.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
-import '../../helpers/convert.js';
-
-function Spacing(props) {
-    const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
-    const $bottomDrag = useRef(null);
-    const $bottomBg = useRef(null);
-    const delayMouseMove = useRef(null);
-    const isDragging = useRef(false);
-    const startY = useRef(0);
-    const marginBottom = useRef(0);
-    const $visualNumberValue = useRef(null);
-    const [marginBottomValue, setMarginBottomValue] = useState(0);
-    const [isShowVisual, setIsShowVisual] = useState(false);
-    const hideVisualNumberValue = useRef(null);
-    const getNewValueMargin = (event)=>{
-        const top = event.clientY;
-        const diffY = Math.ceil(top - startY.current);
-        const currentValue = marginBottom.current || 0;
-        const newValue = currentValue + diffY >= 0 ? `${currentValue + diffY}px` : `0px`;
-        return {
-            newValue
-        };
-    };
-    const onMouseMoveDocument = (event)=>{
-        if ($bottomDrag.current && $bottomBg.current) {
-            // $bottomDrag.current.
-            const { newValue } = getNewValueMargin(event);
-            $bottomBg.current.style.height = newValue;
-            $bottomDrag.current.style.top = newValue;
-            const $component = $bottomDrag.current.closest('[data-toolbar-wrap]');
-            if ($component) {
-                $component.style.marginBottom = newValue;
-                onShowMarginBottomNumber(newValue);
-            }
-        }
-    };
-    const onMouseUpDocument = ()=>{
-        endDrag();
-    };
-    const startDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        delayMouseMove.current = setTimeout(()=>{
-            isDragging.current = true;
-            const event = new CustomEvent('editor:toolbar:resize-spacing', {
-                bubbles: true,
-                detail: {
-                    value: true
-                }
-            });
-            window.dispatchEvent(event);
-            document.addEventListener('mousemove', onMouseMoveDocument);
-            document.addEventListener('mouseup', onMouseUpDocument);
-        }, 100);
-    };
-    const endDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        isDragging.current = false;
-        const event = new CustomEvent('editor:toolbar:resize-spacing', {
-            bubbles: true,
-            detail: {
-                value: false
-            }
-        });
-        window.dispatchEvent(event);
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            const marginBottom = style.top;
-            const event = new CustomEvent('editor:toolbar:change-margin-bottom', {
-                bubbles: true,
-                detail: {
-                    componentUid: props.uid,
-                    marginBottom
-                }
-            });
-            window.dispatchEvent(event);
-        }
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if ($component) {
-            $component.style.marginBottom = '';
-        }
-        document.removeEventListener('mousemove', onMouseMoveDocument);
-        document.removeEventListener('mouseup', onMouseUpDocument);
-    };
-    const onMouseDown = (event)=>{
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            startY.current = event.clientY;
-            marginBottom.current = parseFloat(style.top);
-            startDrag();
-        }
-    };
-    const onMouseUp = ()=>{
-        endDrag();
-    };
-    const getChildrenByAttrSelector = ($el, attrSelector)=>{
-        const childLen = $el.children.length;
-        if (childLen) {
-            for(let i = 0; i < childLen; i++){
-                const children = $el.children[i];
-                if (children) {
-                    const is = children.getAttribute(attrSelector);
-                    if (is) {
-                        return children;
-                    }
-                }
-            }
-        }
-    };
-    const isLayoutElement = (el)=>{
-        const tag = el.getAttribute('data-component-tag');
-        return tag === 'Row' || tag === 'Product';
-    };
-    const updateSpacing = useCallback(()=>{
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if (!$component) return;
-        const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
-        if (!toolbar) return;
-        const isActive = toolbar.getAttribute('data-toolbar-active');
-        if (!isActive) return;
-        const style = getComputedStyle($component);
-        const $spacing = getChildrenByAttrSelector($component, 'data-spacing');
-        const $marginBottom = ($spacing?.querySelector('[data-spacing-margin-bottom]')) || null;
-        if ($marginBottom) {
-            if ($bottomBg.current && $bottomDrag.current) {
-                let value = style.marginBottom;
-                onShowMarginBottomNumber(value);
-                if (parseFloat(value) < 0) {
-                    value = '0';
-                }
-                $bottomBg.current.style.height = value;
-                $bottomDrag.current.style.top = value;
-                $marginBottom.setAttribute('data-spacing-margin-bottom-active', 'true');
-                if (isLayoutElement($component)) {
-                    $bottomBg.current.style.left = '0';
-                } else {
-                    const paddingLeft = style.paddingLeft;
-                    const leftValue = `-${paddingLeft}`;
-                    const translateCss = `translate(${leftValue}, -100%)`;
-                    $bottomBg.current.style.left = leftValue;
-                    $bottomDrag.current.style.transform = translateCss;
-                }
-            }
-        }
-    }, []);
-    const onShowMarginBottomNumber = (value)=>{
-        const parsedValue = parseFloat(value);
-        setMarginBottomValue(parsedValue);
-        setIsShowVisual(true);
-        if (hideVisualNumberValue.current) clearTimeout(hideVisualNumberValue.current);
-        hideVisualNumberValue.current = setTimeout(()=>{
-            setIsShowVisual(false);
-        }, 2000);
-        // break point 28px
-        const topPosition = parsedValue < 28 && parsedValue >= 0 ? parsedValue / 2 + 16 : parsedValue > 28 ? 0 : 16;
-        if ($visualNumberValue.current) {
-            $visualNumberValue.current.style.transform = `translateY(${topPosition}px)`;
-        }
-    };
-    const previousAdvanced = usePrevious(props.advanced?.['spacing-setting']);
-    useEffect(()=>{
-        // validate spacing setting changed
-        if (JSON.stringify(previousAdvanced) !== JSON.stringify(props.advanced?.['spacing-setting'])) {
-            updateSpacing();
-        }
-    }, [
-        previousAdvanced,
-        props.advanced,
-        updateSpacing
-    ]);
-    const onWindowResize = useCallback(()=>{
-        updateSpacing();
-    }, [
-        updateSpacing
-    ]);
-    useEffect(()=>{
-        window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-        window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
-        window.addEventListener('resize', onWindowResize);
-        return ()=>{
-            window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-            window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
-            window.removeEventListener('resize', onWindowResize);
-        };
-    }, [
-        onWindowResize,
-        updateSpacing
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: props.tag !== 'Section' && /*#__PURE__*/ jsx("div", {
-            "data-spacing": true,
-            "data-spacing-theme-section": isThemeSectionEditor,
-            className: "gp-absolute gp-w-full gp-bottom-0",
-            children: /*#__PURE__*/ jsxs("div", {
-                "data-spacing-margin-bottom": true,
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        "data-spacing-margin-bottom-bg": true,
-                        ref: $bottomBg,
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                "data-spacing-margin-bottom-value": true
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                "data-active": isShowVisual,
-                                "data-value-number": true,
-                                ref: $visualNumberValue,
-                                children: marginBottomValue
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        ref: $bottomDrag,
-                        "data-spacing-margin-bottom-drag": true,
-                        onMouseDown: onMouseDown,
-                        onMouseUp: onMouseUp,
-                        role: "presentation"
-                    })
-                ]
-            })
-        })
-    });
-}
-const usePrevious = (value)=>{
-    const ref = useRef();
-    useEffect(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
-};
-
-export { Spacing as default };
+import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as n,useState as o,useCallback as a,useEffect as i}from"react";import"zustand";import{useBuilderPreviewStore as l}from"../../contexts/BuilderPreviewContext.js";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as u}from"../../hooks/shop.js";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"../../helpers/convert.js";function Spacing(s){let c=l(t=>t.isThemeSectionEditor),d=u(),m=n(null),p=n(null),g=n(null),v=n(!1),b=n(0),f=n(0),w=n(null),[h,y]=o(0),[E,S]=o(!1),L=n(null),C=t=>{let e=t.clientY,r=Math.ceil(e-b.current),n=f.current||0,o=n+r>=0?`${n+r}px`:"0px";return{newValue:o}},x=t=>{if(m.current&&p.current){let{newValue:e}=C(t);p.current.style.height=e,m.current.style.top=e;let r=m.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e,B(e))}},T=()=>{P()},z=()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{v.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},P=()=>{g.current&&clearTimeout(g.current),v.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),m.current){let t=getComputedStyle(m.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:s.uid,marginBottom:e}});window.dispatchEvent(r)}let e=m.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},j=(t,e)=>{let r=t.children.length;if(r)for(let n=0;n<r;n++){let r=t.children[n];if(r){let t=r.getAttribute(e);if(t)return r}}},A=t=>{let e=t.getAttribute("data-component-tag");return"Row"===e||"Product"===e},k=a(()=>{let t=m.current?.closest("[data-toolbar-wrap]");if(!t)return;let e=j(t,"data-toolbar");if(!e)return;let r=e.getAttribute("data-toolbar-active");if(!r)return;let n=getComputedStyle(t),o=j(t,"data-spacing"),a=o?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&p.current&&m.current){let e=n.marginBottom;if(B(e),0>parseFloat(e)&&(e="0"),p.current.style.height=e,m.current.style.top=e,a.setAttribute("data-spacing-margin-bottom-active","true"),A(t))p.current.style.left="0";else{let t=n.paddingLeft,e=`-${t}`,r=`translate(${e}, -100%)`;p.current.style.left=e,m.current.style.transform=r}}},[]),B=t=>{let e=parseFloat(t);y(e),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=e<28&&e>=0?e/2+16:e>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},U=usePrevious(s.advanced?.["spacing-setting"]);i(()=>{JSON.stringify(U)!==JSON.stringify(s.advanced?.["spacing-setting"])&&k()},[U,s.advanced,k]);let $=a(()=>{k()},[k]);return i(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",k),window.addEventListener("editor:toolbar:update-padding-left",k),window.addEventListener("resize",$),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",k),window.removeEventListener("editor:toolbar:update-padding-left",k),window.removeEventListener("resize",$)}),[$,k]),t(e,{children:"Section"!==s.tag&&"POST_PURCHASE"!==d&&t("div",{"data-spacing":!0,"data-spacing-theme-section":c,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:p,children:[t("div",{"data-spacing-margin-bottom-value":!0}),t("div",{"data-active":E,"data-value-number":!0,ref:w,children:h})]}),t("div",{ref:m,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(m.current){let e=getComputedStyle(m.current);b.current=t.clientY,f.current=parseFloat(e.top),z()}},onMouseUp:()=>{P()},role:"presentation"})]})})})}let usePrevious=t=>{let e=n();return i(()=>{e.current=t},[t]),e.current};export{Spacing as default};

package/dist/esm/components/src/product/helpers/variant-presets.js

@@ -1,54 +1 @@
-const colorPreset = {
-    black: '#000000',
-    white: '#FFFFFF',
-    gray: '#808080',
-    red: '#FF0000',
-    blue: '#0000FF',
-    green: '#008000',
-    yellow: '#FFFF00',
-    orange: '#FFA500',
-    pink: '#FFC0CB',
-    purple: '#800080',
-    brown: '#A52A2A',
-    cyan: '#00FFFF',
-    magenta: '#FF00FF',
-    teal: '#008080',
-    navy: '#000080',
-    maroon: '#800000',
-    gold: '#FFD700',
-    silver: '#C0C0C0',
-    beige: '#F5F5DC',
-    ivory: '#FFFFF0',
-    lavender: '#E6E6FA',
-    indigo: '#4B0082',
-    coral: '#FF7F50',
-    mint: '#98FF98',
-    'sky blue': '#87CEEB',
-    salmon: '#FA8072',
-    olive: '#808000',
-    lilac: '#C8A2C8',
-    peach: '#FFDAB9',
-    turquoise: '#40E0D0',
-    ruby: '#E0115F',
-    bronze: '#CD7F32',
-    slate: '#708090',
-    charcoal: '#36454F',
-    sand: '#C2B280',
-    mauve: '#E0B0FF',
-    tangerine: '#FF4500',
-    'mint green': '#00FF99',
-    'forest green': '#228B22',
-    'ruby red': '#9B111E',
-    marigold: '#FFB928',
-    eggplant: '#990066',
-    'coral pink': '#F88379',
-    mustard: '#FFDB58',
-    'sky gray': '#B0C4DE',
-    'dusty rose': '#FF9BAE',
-    'olive green': '#556B2F',
-    coffee: '#6F4E37',
-    'lilac gray': '#C8A2C8',
-    'steel blue': '#4682B4'
-};
-
-export { colorPreset };
+let colorPreset={black:"#000000",white:"#FFFFFF",gray:"#808080",red:"#FF0000",blue:"#0000FF",green:"#008000",yellow:"#FFFF00",orange:"#FFA500",pink:"#FFC0CB",purple:"#800080",brown:"#A52A2A",cyan:"#00FFFF",magenta:"#FF00FF",teal:"#008080",navy:"#000080",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",beige:"#F5F5DC",ivory:"#FFFFF0",lavender:"#E6E6FA",indigo:"#4B0082",coral:"#FF7F50",mint:"#98FF98","sky blue":"#87CEEB",salmon:"#FA8072",olive:"#808000",lilac:"#C8A2C8",peach:"#FFDAB9",turquoise:"#40E0D0",ruby:"#E0115F",bronze:"#CD7F32",slate:"#708090",charcoal:"#36454F",sand:"#C2B280",mauve:"#E0B0FF",tangerine:"#FF4500","mint green":"#00FF99","forest green":"#228B22","ruby red":"#9B111E",marigold:"#FFB928",eggplant:"#990066","coral pink":"#F88379",mustard:"#FFDB58","sky gray":"#B0C4DE","dusty rose":"#FF9BAE","olive green":"#556B2F",coffee:"#6F4E37","lilac gray":"#C8A2C8","steel blue":"#4682B4"};export{colorPreset};

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -1,115 +1 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useRef, useState } from 'react';
-import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
-import 'zustand';
-import { useShopStore } from '../../contexts/ShopContext.js';
-import '@gem-sdk/adapter-shopify';
-import 'swr';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../../hooks/useCartUI.js';
-import '../../helpers/convert.js';
-
-const SHOW_TOOLTIP_TIMEOUT = 600;
-const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;
-const LIMIT_PLANS = [
-    'starter',
-    'trial',
-    'trial2022'
-];
-const CreateThemeSection = ({ ...props })=>{
-    const shopPlan = useShopStore((s)=>s.plan);
-    const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
-    const isLimit = LIMIT_PLANS.includes(shopPlan ?? '');
-    const isRenderTooltip = isLimit || createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
-    const timeoutRef = useRef();
-    const [isShowTooltip, setIsShowTooltip] = useState(false);
-    const showTooltip = ()=>{
-        if (!isRenderTooltip) return;
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(()=>{
-            setIsShowTooltip(true);
-        }, SHOW_TOOLTIP_TIMEOUT);
-    };
-    const hideTooltip = ()=>{
-        if (!isRenderTooltip) return;
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        setIsShowTooltip(false);
-    };
-    const onActions = (e, options)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (options?.disabled) return;
-        isLimit ? onUpgrade() : onCreate();
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        setIsShowTooltip(false);
-    };
-    const onUpgrade = ()=>{
-        const eventUpgrade = new CustomEvent('editor:toolbar:upgrade', {
-            bubbles: true
-        });
-        window.dispatchEvent(eventUpgrade);
-    };
-    const onCreate = ()=>{
-        const eventCreate = new CustomEvent('editor:toolbar:create-theme-section', {
-            bubbles: true,
-            detail: {
-                componentUid: props.uid
-            }
-        });
-        window.dispatchEvent(eventCreate);
-    };
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs(ThemeSectionTooltip, {
-            isLimit: isLimit,
-            isShow: isShowTooltip,
-            isRender: isRenderTooltip,
-            onActions: onActions,
-            onMouseEnter: showTooltip,
-            onMouseLeave: hideTooltip,
-            children: [
-                isRenderTooltip && /*#__PURE__*/ jsx("div", {
-                    "data-toolbar-create-theme-section": true,
-                    children: "You can create reusable sections"
-                }),
-                /*#__PURE__*/ jsx("div", {
-                    "data-toolbar-active-create-theme-section-wrapper": true,
-                    children: /*#__PURE__*/ jsxs("div", {
-                        "data-toolbar-active-create-theme-section": true,
-                        onClick: (e)=>onActions(e, {
-                                disabled: isLimit
-                            }),
-                        "aria-hidden": "true",
-                        children: [
-                            /*#__PURE__*/ jsxs("svg", {
-                                width: "16",
-                                height: "16",
-                                viewBox: "0 0 16 16",
-                                fill: "none",
-                                children: [
-                                    /*#__PURE__*/ 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"
-                                    }),
-                                    /*#__PURE__*/ 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"
-                                    }),
-                                    /*#__PURE__*/ 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"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx("p", {
-                                children: "Create Theme Section"
-                            })
-                        ]
-                    })
-                })
-            ]
-        })
-    });
-};
-
-export { CreateThemeSection };
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i}from"react";import{ThemeSectionTooltip as a}from"./ThemeSectionTooltip.js";import"zustand";import{useShopStore as n}from"../../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"classnames";import"../../helpers/convert.js";let SHOW_TOOLTIP_TIMEOUT=600,NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP=1,LIMIT_PLANS=["starter","trial","trial2022"],CreateThemeSection=({...c})=>{let l=n(e=>e.plan),s=n(e=>e.createThemeSectionCount),d=LIMIT_PLANS.includes(l??""),m=d||void 0===s||s<1,p=o(),[h,u]=i(!1),C=()=>{m&&(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{u(!0)},600))},T=()=>{m&&(p.current&&clearTimeout(p.current),u(!1))},v=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(d?b():w(),p.current&&clearTimeout(p.current),u(!1))},b=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},w=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:c.uid}});window.dispatchEvent(e)};return e(t,{children:r(a,{isLimit:d,isShow:h,isRender:m,onActions:v,onMouseEnter:C,onMouseLeave:T,children:[m&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:r("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>v(e,{disabled:d}),"aria-hidden":"true",children:[r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("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("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("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("p",{children:"Create Theme Section"})]})})]})})};export{CreateThemeSection};