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

package/dist/cjs/components/RenderPreview.js

@@ -1,66 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactErrorBoundary = require('react-error-boundary');
-var BuilderComponent = require('../contexts/BuilderComponent.js');
-var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
-var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
-var RenderSection = require('./RenderSection.js');
-
-const RenderPreview = ({ uid, ...passProps })=>{
-    const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    if (!item) return null;
-    if (item?.type === 'section') {
-        return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
-            sectionId: item.uid
-        });
-    } else {
-        return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
-            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapperPreview.default, {
-                    ...item,
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            "aria-label": "Error message",
-                            children: error.message
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("button", {
-                            type: "button",
-                            onClick: resetErrorBoundary,
-                            children: "Try again"
-                        })
-                    ]
-                }),
-            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
-                ...item,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
-                })
-            })
-        }, item.uid);
-    }
-};
-const RenderPreviewMemo = /*#__PURE__*/ react.memo(RenderPreview);
-RenderPreviewMemo.displayName = 'RenderPreviewMemo';
-
-exports.default = RenderPreviewMemo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactErrorBoundary=require("react-error-boundary"),BuilderComponent=require("../contexts/BuilderComponent.js"),BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ComponentWrapperPreview=require("./ComponentWrapperPreview.js"),RenderSection=require("./RenderSection.js");const RenderPreview=({uid:e,...r})=>{let t=BuilderPreviewContext.useBuilderPreviewStore(r=>r.getItem(e)),n=BuilderComponent.useBuilderComponent(t?.tag);return t?t?.type==="section"?jsxRuntime.jsx(RenderSection.default,{sectionId:t.uid}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:r})=>jsxRuntime.jsxs(ComponentWrapperPreview.default,{...t,children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:r,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapperPreview.default,{...t,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderPreviewMemo,{uid:e},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r})})},t.uid):null},RenderPreviewMemo=react.memo(RenderPreview);RenderPreviewMemo.displayName="RenderPreviewMemo",exports.default=RenderPreviewMemo;

package/dist/cjs/components/RenderSection.js

@@ -1,23 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var BuilderContext = require('../contexts/BuilderContext.js');
-var SectionContext = require('../contexts/SectionContext.js');
-var RenderBlock = require('./RenderBlock.js');
-
-const RenderSection = ({ sectionId })=>{
-    const state = SectionContext.useSection(sectionId);
-    if (!state) return null;
-    return /*#__PURE__*/ jsxRuntime.jsx(BuilderContext.BuilderProvider, {
-        state: state,
-        children: /*#__PURE__*/ jsxRuntime.jsx(RenderBlock.default, {
-            uid: sectionId
-        })
-    }, sectionId);
-};
-const RenderSectionMemo = /*#__PURE__*/ react.memo(RenderSection);
-
-exports.default = RenderSectionMemo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),BuilderContext=require("../contexts/BuilderContext.js"),SectionContext=require("../contexts/SectionContext.js"),RenderBlock=require("./RenderBlock.js");const RenderSection=({sectionId:e})=>{let t=SectionContext.useSection(e);return t?jsxRuntime.jsx(BuilderContext.BuilderProvider,{state:t,children:jsxRuntime.jsx(RenderBlock.default,{uid:e})},e):null},RenderSectionMemo=react.memo(RenderSection);exports.default=RenderSectionMemo;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),AIIcon=require("./icons/AIIcon.js"),CloseIcon=require("./icons/CloseIcon.js"),ShowMoreIcon=require("./icons/ShowMoreIcon.js"),PickProduct=require("./components/PickProduct.js"),ToneAndVoice=require("./components/ToneAndVoice.js"),classNames=require("classnames"),useListenEventGenerate=require("./hooks/useListenEventGenerate.js"),useGettingGenerateRequest=require("./hooks/useGettingGenerateRequest.js");const AIContentGenerator=({...e})=>{let[t,s]=react.useState(!1),[n,p]=react.useState(!1),[i,r]=react.useState(!1),{isGenerating:o,onGenerate:a}=useListenEventGenerate.useListenEventGenerate(e.uid),{getRequestBody:c,prompt:x,changeProductName:g,changePrompt:u}=useGettingGenerateRequest.useGettingGenerateRequest(),l=()=>{s(!t)},d=()=>{s(!1)},m=e=>{u(e.target.value)},j=react.useCallback(t=>{let s=t.detail;s?.componentUid!==e.uid?(p(!1),d()):p(!0)},[e.uid]),h=()=>{r(!i)},R=()=>{let e=c();a(e)};return react.useEffect(()=>{o||d()},[o]),react.useEffect(()=>(window.addEventListener("editor:active-component",j),()=>{window.removeEventListener("editor:active-component",j)}),[j]),jsxRuntime.jsxs("div",{className:`gp-relative ${!n&&"gp-hidden"}`,children:[jsxRuntime.jsx("div",{className:"gp-border-r-[#6a6a6a] gp-border-r-[1px] gp-pr-[4px] gp-mr-[4px]",children:jsxRuntime.jsxs("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:l,children:[jsxRuntime.jsx(AIIcon.AIIcon,{}),"AI Content"]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!t},"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:[jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-[14px]",children:[jsxRuntime.jsx("span",{className:"gp-font-medium gp-text-[14px]",children:"Write with GemAI"}),jsxRuntime.jsx("button",{className:"gp-p-[8px] gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-[6px]",onClick:d,children:jsxRuntime.jsx(CloseIcon.CloseIcon,{})})]}),jsxRuntime.jsxs("div",{className:"gp-mt-[8px]",children:[jsxRuntime.jsx("div",{className:"gp-mb-[16px]",children:jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:"What would you like to describe here?"})}),jsxRuntime.jsx("div",{className:"gp-mb-[16px] gp-flex",children:jsxRuntime.jsx("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:x,onChange:m})}),jsxRuntime.jsx("div",{className:"gp-mb-[16px]",children:jsxRuntime.jsxs("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:h,children:["Show more",jsxRuntime.jsx("span",{className:classNames({"gp-rotate-180":i}),children:jsxRuntime.jsx(ShowMoreIcon.ShowMoreIcon,{})})]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!i},"gp-mb-[16px] gp-gap-[16px] gp-flex gp-flex-col"),children:[jsxRuntime.jsx(ToneAndVoice.ToneAndVoice,{}),jsxRuntime.jsx(PickProduct.PickProduct,{changeProductName:g})]}),jsxRuntime.jsx("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:R,children:o?"Generating...":"Generate"})]})]})]})};exports.AIContentGenerator=AIContentGenerator;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");const AIGenContentLoading=({...e})=>{let[t,n]=react.useState(!1),[r,a]=react.useState(1),s=react.useRef(null),i=react.useCallback(t=>{let r=t.detail;if(r?.sectionUid===e.uid){if("loading"===r.status){n(!0);return}if("success"===r.status){n(!1);return}}},[e.uid]);return react.useEffect(()=>{if(t){s.current=setInterval(()=>{a(e=>3===e?1:e+1)},500);return}s.current&&clearInterval(s.current)},[t]),react.useEffect(()=>(window.addEventListener("editor:ai-generate-content-status",i),()=>{window.removeEventListener("editor:ai-generate-content-status",i)}),[i]),t?jsxRuntime.jsx("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:jsxRuntime.jsxs("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(r).keys()).map(()=>".")]})}):null};exports.AIGenContentLoading=AIGenContentLoading;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var useProductsQuery=require("../../../hooks/shop/use-products-query.js");require("vanilla-lazyload"),require("../../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("../../../helpers/convert.js");const PickProduct=e=>{let{data:s,isLoading:r}=useProductsQuery.useProductsQuery([]),[t,p]=react.useState(),[a,u]=react.useState(!1),i=()=>{u(!a)},g=e=>{p(e),u(!1)};return react.useEffect(()=>{if(s?.products?.edges.length&&!t){let e=s.products.edges[0]?.node;e&&p({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[s,t]),react.useEffect(()=>{t&&t.name&&e.changeProductName(t.name)},[t,e]),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[jsxRuntime.jsx("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Product"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[r?jsxRuntime.jsx("div",{children:jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:"Getting products..."})}):jsxRuntime.jsxs("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:i,children:[jsxRuntime.jsx("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:t?.image,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px]",children:t?.name})]}),a&&jsxRuntime.jsx("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:s?.products?.edges.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[8px] gp-items-center",onClick:()=>{g({id:e.node?.id,name:e.node?.title,image:e.node?.featuredImage?.src})},children:[jsxRuntime.jsx("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:e.node?.featuredImage?.src,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px] gp-text-[12px]",children:e.node?.title})]},e.node?.id))})]})]})};exports.PickProduct=PickProduct;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),DropdownIcon=require("../icons/DropdownIcon.js"),classNames=require("classnames");const ToneAndVoice=()=>{let e=["Persuasive","Friendly","Professional","Casual"],[s,p]=react.useState(e[0]),[n,i]=react.useState(!1),t=()=>{i(!n)},x=e=>{p(e),i(!1)};return jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[jsxRuntime.jsx("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Tone and Voice"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[jsxRuntime.jsxs("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:[s,jsxRuntime.jsx(DropdownIcon.DropdownIcon,{})]}),n?jsxRuntime.jsx("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:e.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[12px] gp-items-center",onClick:()=>x(e),children:[jsxRuntime.jsx("div",{className:classNames({"gp-invisible":s!==e}),children:jsxRuntime.jsx(DropdownIcon.TickIcon,{})}),jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:e})]},e))}):null]})]})})};exports.ToneAndVoice=ToneAndVoice;

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

@@ -0,0 +1 @@
+"use strict";var react=require("react");const useGettingGenerateRequest=()=>{let[e,t]=react.useState(""),[r,s]=react.useState(""),[a,u]=react.useState(""),c=e=>{t(e.slice(0,200))},n=e=>{s(e)},i=e=>{u(e)},G=()=>({prompt:e,productName:r,tone:a});return{prompt:e,changePrompt:c,productName:r,changeProductName:n,tone:a,changeTone:i,getRequestBody:G}};exports.useGettingGenerateRequest=useGettingGenerateRequest;

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

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

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime");const AIIcon=()=>{let s=()=>Math.random().toString(36).substring(7),t=s();return jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("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(#${t}_0)`}),jsxRuntime.jsx("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(#${t}_1)`}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:`${t}_0`,x1:"15.3433",y1:"2.56054",x2:"4.24885",y2:"1.00838",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#D8E1FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#C8ACFF"})]}),jsxRuntime.jsxs("linearGradient",{id:`${t}_1`,x1:"15.3433",y1:"2.56054",x2:"4.24885",y2:"1.00838",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#D8E1FF"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#C8ACFF"})]})]})]})};exports.AIIcon=AIIcon;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime");const CloseIcon=()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{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"})});exports.CloseIcon=CloseIcon;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime");const DropdownIcon=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("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=()=>jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("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"})});exports.DropdownIcon=DropdownIcon,exports.TickIcon=TickIcon;

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

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime");const ShowMoreIcon=()=>jsxRuntime.jsx("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("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"})});exports.ShowMoreIcon=ShowMoreIcon;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),makeStyle=require("../../helpers/make-style.js"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("../../helpers/convert.js");var useLivePageAnimation=require("../../hooks/animation/useLivePageAnimation.js");const AnimationWrapper=({children:e,settings:r,tag:t})=>{let i=react.useRef(null),a=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",s=e=>{if("desktop"===e);else if("tablet"===e)return r?.tablet??r?.desktop;else if("mobile"===e)return r?.mobile??r?.tablet??r?.desktop;return r?.desktop},n=e=>+!(s(e)?.enabled&&!["shake","none"].includes(a(s(e),"appear"))),o={desktop:n("desktop"),tablet:n("tablet"),mobile:n("mobile")};return useLivePageAnimation.useLivePageAnimation(i,r,t),jsxRuntime.jsx("div",{ref:i,style:{...makeStyle.makeStyleResponsive("op",o)},children:e})};exports.default=AnimationWrapper;

package/dist/cjs/components/constant.js

@@ -1,54 +1 @@
-'use strict';
-
-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'
-];
-
-exports.customRenderChildren = customRenderChildren;
-exports.disableWrap = disableWrap;
-exports.excludeApplyStyle = excludeApplyStyle;
+"use strict";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","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"];exports.customRenderChildren=customRenderChildren,exports.disableWrap=disableWrap,exports.excludeApplyStyle=excludeApplyStyle,exports.postPurchaseRequiredElements=postPurchaseRequiredElements,exports.postPurchaseWrapElements=postPurchaseWrapElements;

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

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Spacing = require('./Spacing.js');
-
-function Resize(props) {
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(Spacing.default, {
-            ...props
-        })
-    });
-}
-
-exports.default = Resize;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Spacing=require("./Spacing.js");function Resize(e){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Spacing.default,{...e})})}exports.default=Resize;

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

@@ -1,248 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('zustand');
-var BuilderPreviewContext = require('../../contexts/BuilderPreviewContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('../../helpers/convert.js');
-
-function Spacing(props) {
-    const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
-    const $bottomDrag = react.useRef(null);
-    const $bottomBg = react.useRef(null);
-    const delayMouseMove = react.useRef(null);
-    const isDragging = react.useRef(false);
-    const startY = react.useRef(0);
-    const marginBottom = react.useRef(0);
-    const $visualNumberValue = react.useRef(null);
-    const [marginBottomValue, setMarginBottomValue] = react.useState(0);
-    const [isShowVisual, setIsShowVisual] = react.useState(false);
-    const hideVisualNumberValue = react.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 = react.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']);
-    react.useEffect(()=>{
-        // validate spacing setting changed
-        if (JSON.stringify(previousAdvanced) !== JSON.stringify(props.advanced?.['spacing-setting'])) {
-            updateSpacing();
-        }
-    }, [
-        previousAdvanced,
-        props.advanced,
-        updateSpacing
-    ]);
-    const onWindowResize = react.useCallback(()=>{
-        updateSpacing();
-    }, [
-        updateSpacing
-    ]);
-    react.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__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: props.tag !== 'Section' && /*#__PURE__*/ jsxRuntime.jsx("div", {
-            "data-spacing": true,
-            "data-spacing-theme-section": isThemeSectionEditor,
-            className: "gp-absolute gp-w-full gp-bottom-0",
-            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                "data-spacing-margin-bottom": true,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        "data-spacing-margin-bottom-bg": true,
-                        ref: $bottomBg,
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                "data-spacing-margin-bottom-value": true
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                "data-active": isShowVisual,
-                                "data-value-number": true,
-                                ref: $visualNumberValue,
-                                children: marginBottomValue
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        ref: $bottomDrag,
-                        "data-spacing-margin-bottom-drag": true,
-                        onMouseDown: onMouseDown,
-                        onMouseUp: onMouseUp,
-                        role: "presentation"
-                    })
-                ]
-            })
-        })
-    });
-}
-const usePrevious = (value)=>{
-    const ref = react.useRef();
-    react.useEffect(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
-};
-
-exports.default = Spacing;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../../contexts/BuilderPreviewContext.js");require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../../hooks/shop.js");function Spacing(e){let t=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),r=shop.usePageType(),n=react.useRef(null),a=react.useRef(null),i=react.useRef(null),u=react.useRef(!1),o=react.useRef(0),s=react.useRef(0),c=react.useRef(null),[l,d]=react.useState(0),[m,p]=react.useState(!1),g=react.useRef(null),v=e=>{let t=e.clientY,r=Math.ceil(t-o.current),n=s.current||0,a=n+r>=0?`${n+r}px`:"0px";return{newValue:a}},f=e=>{if(n.current&&a.current){let{newValue:t}=v(e);a.current.style.height=t,n.current.style.top=t;let r=n.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,y(t))}},b=()=>{h()},w=()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{u.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",f),document.addEventListener("mouseup",b)},100)},h=()=>{i.current&&clearTimeout(i.current),u.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),n.current){let t=getComputedStyle(n.current),r=t.top,a=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:e.uid,marginBottom:r}});window.dispatchEvent(a)}let r=n.current?.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=""),document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",b)},x=(e,t)=>{let r=e.children.length;if(r)for(let n=0;n<r;n++){let r=e.children[n];if(r){let e=r.getAttribute(t);if(e)return r}}},j=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},E=react.useCallback(()=>{let e=n.current?.closest("[data-toolbar-wrap]");if(!e)return;let t=x(e,"data-toolbar");if(!t)return;let r=t.getAttribute("data-toolbar-active");if(!r)return;let i=getComputedStyle(e),u=x(e,"data-spacing"),o=u?.querySelector("[data-spacing-margin-bottom]")||null;if(o&&a.current&&n.current){let t=i.marginBottom;if(y(t),0>parseFloat(t)&&(t="0"),a.current.style.height=t,n.current.style.top=t,o.setAttribute("data-spacing-margin-bottom-active","true"),j(e))a.current.style.left="0";else{let e=i.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;a.current.style.left=t,n.current.style.transform=r}}},[]),y=e=>{let t=parseFloat(e);d(t),p(!0),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{p(!1)},2e3);let r=t<28&&t>=0?t/2+16:t>28?0:16;c.current&&(c.current.style.transform=`translateY(${r}px)`)},R=usePrevious(e.advanced?.["spacing-setting"]);react.useEffect(()=>{JSON.stringify(R)!==JSON.stringify(e.advanced?.["spacing-setting"])&&E()},[R,e.advanced,E]);let q=react.useCallback(()=>{E()},[E]);return react.useEffect(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",E),window.addEventListener("editor:toolbar:update-padding-left",E),window.addEventListener("resize",q),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",E),window.removeEventListener("editor:toolbar:update-padding-left",E),window.removeEventListener("resize",q)}),[q,E]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:"Section"!==e.tag&&"POST_PURCHASE"!==r&&jsxRuntime.jsx("div",{"data-spacing":!0,"data-spacing-theme-section":t,className:"gp-absolute gp-w-full gp-bottom-0",children:jsxRuntime.jsxs("div",{"data-spacing-margin-bottom":!0,children:[jsxRuntime.jsxs("div",{"data-spacing-margin-bottom-bg":!0,ref:a,children:[jsxRuntime.jsx("div",{"data-spacing-margin-bottom-value":!0}),jsxRuntime.jsx("div",{"data-active":m,"data-value-number":!0,ref:c,children:l})]}),jsxRuntime.jsx("div",{ref:n,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(n.current){let t=getComputedStyle(n.current);o.current=e.clientY,s.current=parseFloat(t.top),w()}},onMouseUp:()=>{h()},role:"presentation"})]})})})}require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("../../helpers/convert.js");const usePrevious=e=>{let t=react.useRef();return react.useEffect(()=>{t.current=e},[e]),t.current};exports.default=Spacing;

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

@@ -1,56 +1 @@
-'use strict';
-
-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'
-};
-
-exports.colorPreset = colorPreset;
+"use strict";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"};exports.colorPreset=colorPreset;