@gem-sdk/core 17.0.0-dev.90 → 17.0.0-dev.94

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 (39) hide show
  1. package/dist/cjs/components/InteractionSuffix.js +1 -1
  2. package/dist/cjs/components/RenderCustomCode.js +2 -2
  3. package/dist/cjs/components/RenderPreview.js +1 -1
  4. package/dist/cjs/components/ai-assistant/AIAssistant.js +1 -1
  5. package/dist/cjs/components/ai-generator/AIContentGenerator.js +1 -1
  6. package/dist/cjs/components/ai-generator/components/PickProduct.js +1 -1
  7. package/dist/cjs/components/ai-generator/components/ToneAndVoice.js +1 -1
  8. package/dist/cjs/components/constant.js +1 -1
  9. package/dist/cjs/components/resize/Spacing.js +1 -1
  10. package/dist/cjs/components/theme-section/CreateThemeSection.js +1 -1
  11. package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +1 -1
  12. package/dist/cjs/components/upgrade-element/UpgradeButton.js +1 -1
  13. package/dist/cjs/contexts/ProductContext.js +1 -1
  14. package/dist/cjs/helpers/interaction/index.js +1 -1
  15. package/dist/cjs/hooks/useAnimations.js +1 -1
  16. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -1
  17. package/dist/cjs/hooks/useProduct.js +1 -1
  18. package/dist/cjs/hooks/useTagRenderPreview.js +1 -0
  19. package/dist/cjs/upsell-components/RenderPreviewUpsell.js +1 -1
  20. package/dist/esm/components/InteractionSuffix.js +1 -1
  21. package/dist/esm/components/RenderCustomCode.js +1 -1
  22. package/dist/esm/components/RenderPreview.js +1 -1
  23. package/dist/esm/components/ai-assistant/AIAssistant.js +1 -1
  24. package/dist/esm/components/ai-generator/AIContentGenerator.js +1 -1
  25. package/dist/esm/components/ai-generator/components/PickProduct.js +1 -1
  26. package/dist/esm/components/ai-generator/components/ToneAndVoice.js +1 -1
  27. package/dist/esm/components/constant.js +1 -1
  28. package/dist/esm/components/resize/Spacing.js +1 -1
  29. package/dist/esm/components/theme-section/CreateThemeSection.js +1 -1
  30. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -1
  31. package/dist/esm/components/upgrade-element/UpgradeButton.js +1 -1
  32. package/dist/esm/contexts/ProductContext.js +1 -1
  33. package/dist/esm/helpers/interaction/index.js +1 -1
  34. package/dist/esm/hooks/useAnimations.js +1 -1
  35. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -1
  36. package/dist/esm/hooks/useProduct.js +1 -1
  37. package/dist/esm/hooks/useTagRenderPreview.js +1 -0
  38. package/dist/esm/upsell-components/RenderPreviewUpsell.js +1 -1
  39. package/package.json +3 -3
package/dist/cjs/components/InteractionSuffix.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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")})})};
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");require("zustand"),require("react");var t=require("../contexts/PageContext.js");require("react-transition-group"),require("./constant.js"),require("swr"),require("swr/infinite"),require("../graphql/queries/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/RenderCustomCode.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- "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(()=>`
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/head"),s=require("next/script"),i=require("react");require("zustand"),require("react-transition-group"),require("./constant.js"),require("swr"),require("swr/infinite"),require("../graphql/queries/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:n}=a?.editorData||{},d=l?.replaceAll(n,u),o=p?.replaceAll(n,u),g={css:`custom-css-${u}`,javascript:`custom-js-${u}`},c=i.useMemo(()=>`
3
3
  try {
4
4
  ${o}
5
5
  } catch(err){}
6
- `,[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}})]})};
6
+ `,[o]);return e.jsxs(e.Fragment,{children:[e.jsx(r,{children:!!l&&e.jsx("style",{id:g.css,dangerouslySetInnerHTML:{__html:d}})}),!!p&&"edit"!==q&&e.jsx(s,{id:g.javascript,dangerouslySetInnerHTML:{__html:c}})]})};
package/dist/cjs/components/RenderPreview.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-error-boundary"),s=require("../contexts/BuilderComponent.js"),i=require("../contexts/BuilderPreviewContext.js"),n=require("./ComponentWrapperPreview.js"),l=require("./RenderSection.js");const u=r.memo(({uid:r,...d})=>{let a=i.useBuilderPreviewStore(e=>e.getItem(r)),o=s.useBuilderComponent(a?.tag);return a?a?.type==="section"?e.jsx(l.default,{sectionId:a.uid}):e.jsx(t.ErrorBoundary,{fallbackRender:({error:r,resetErrorBoundary:t})=>e.jsxs(n.default,{...a,children:[e.jsx("span",{"aria-label":"Error message",children:r.message}),e.jsx("button",{type:"button",onClick:t,children:"Try again"})]}),children:e.jsx(n.default,{...a,children:a?.childrens?.length?e.jsx(o,{builderProps:{uid:r,builderData:a},styles:a.styles,setting:a.settings,...d,children:a.childrens.map(r=>e.jsx(u,{parentStyle:d?.parentStyle,"bundle-item":d?.["bundle-item"],uid:r},r))}):e.jsx(o,{builderProps:{uid:r,builderData:a},styles:a.styles,setting:a.settings,...d})})},a.uid):null});u.displayName="RenderPreviewMemo",exports.default=u;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-error-boundary"),s=require("../contexts/BuilderComponent.js"),i=require("../contexts/BuilderPreviewContext.js"),n=require("./ComponentWrapperPreview.js"),l=require("./RenderSection.js"),u=require("../hooks/useTagRenderPreview.js");const d=r.memo(({uid:r,...a})=>{let o=i.useBuilderPreviewStore(e=>e.getItem(r)),{tag:c}=u.default(o),p=s.useBuilderComponent(c);return o?o?.type==="section"?e.jsx(l.default,{sectionId:o.uid}):e.jsx(t.ErrorBoundary,{fallbackRender:({error:r,resetErrorBoundary:t})=>e.jsxs(n.default,{...o,children:[e.jsx("span",{"aria-label":"Error message",children:r.message}),e.jsx("button",{type:"button",onClick:t,children:"Try again"})]}),children:e.jsx(n.default,{...o,children:o?.childrens?.length?e.jsx(p,{builderProps:{uid:r,builderData:o},styles:o.styles,setting:o.settings,...a,children:o.childrens.map(r=>e.jsx(d,{parentStyle:a?.parentStyle,"bundle-item":a?.["bundle-item"],uid:r},r))}):e.jsx(p,{builderProps:{uid:r,builderData:o},styles:o.styles,setting:o.settings,...a})})},o.uid):null});d.displayName="RenderPreviewMemo",exports.default=d;
package/dist/cjs/components/ai-assistant/AIAssistant.js CHANGED
@@ -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/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")]})})})};
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("../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("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
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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")]})})]})]})};
2
+ "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"),require("../constant.js");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
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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"),"..."]})})]})]})]})]})};
2
+ "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("../../constant.js"),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:n,isLoading:d,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(()=>n?.reduce((e,r)=>[...e,...r.products?.edges??[]],[])??[],[n]);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:[!d||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)),d||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
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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]})]})})};
2
+ "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("../../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("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/constant.js CHANGED
@@ -1 +1 @@
1
- "use strict";exports.ableGenerateContentElements=["Section"],exports.customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],exports.disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],exports.excludeApplyStyle=["IconListV2","IconList","ProductBadge"],exports.oldElementTags=["ProductImages","ProductImagesV2","ProductList","Carousel","CarouselItem"],exports.postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],exports.postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"];
1
+ "use strict";const e=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}],t=[...new Set(e.flatMap(e=>e.old))],o=e.reduce((e,t)=>(t.old.forEach(o=>{e[o]=t.new}),e),{});exports.ableGenerateContentElements=["Section"],exports.customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],exports.disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],exports.excludeApplyStyle=["IconListV2","IconList","ProductBadge"],exports.oldElementTags=t,exports.oldToNewTagMap=o,exports.postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],exports.postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"];
package/dist/cjs/components/resize/Spacing.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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"})]})})})};
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("zustand");var t=require("../../contexts/BuilderPreviewContext.js"),i=require("../../constants/device.js");require("react-transition-group"),require("../constant.js"),require("swr"),require("swr/infinite"),require("../../graphql/queries/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),q=r.useRef(0),m=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=q.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;m.current&&(m.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:m,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,q.current=parseFloat(r.top),S()}},onMouseUp:()=>{x()},role:"presentation"})]})})})};
package/dist/cjs/components/theme-section/CreateThemeSection.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "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")})]})})]})})};
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./ThemeSectionTooltip.js");require("zustand");var i=require("../../contexts/I18nContext.js");require("../constant.js");var s=require("../../contexts/ShopContext.js");require("swr"),require("swr/infinite"),require("../../graphql/queries/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),q=s.useShopStore(e=>e.limitCreateThemeSection),d=a.includes(n??""),c=d||q?.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:d,limitCreateThemeSection:q,isShow:g,isRender:p,onActions:m,onMouseEnter:()=>{p&&(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{j(!0)},600))},onMouseLeave:()=>{p&&(h.current&&clearTimeout(h.current),j(!1))},children:[p&&e.jsx("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e.jsx("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:e.jsxs("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>m(e,{disabled:!!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
@@ -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/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")})]})]})})})]})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group");require("zustand");var i=require("../../contexts/I18nContext.js"),s=require("../../helpers/cls.js");require("../constant.js"),require("swr"),require("swr/infinite"),require("../../graphql/queries/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 CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("zustand");var r=require("../../contexts/I18nContext.js");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})]})};
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("../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 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/contexts/ProductContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("zustand");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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");var i=require("../helpers/variant.js");require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var s=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");const a=r.createContext(null),u=e=>t.createStore((r,t)=>({...e,updateProperty:(e,t)=>{r(r=>({properties:r.properties?.map(r=>r.key===e?{...r,...t}:r)}))},setUseProductCompareAtPrice:e=>{r({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{r({shouldRequireUploadMessage:e})},setRequireUpload:e=>{r({requireUpload:e})},addProperty:e=>{let i=t().properties;i?.some(r=>r.key===e.key)||r(r=>({properties:[...r.properties??[],e]}))},removeProperty:e=>{r(r=>({properties:r.properties?.filter(r=>r.key!==e)}))},setQuantity:e=>{r({quantity:e>0?e:1})},setProductFeaturedImage:e=>{r({featuredImageGlobal:e})},incrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r+1}})},decrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r>2?r-1:1}})},setSelectedOption:(e,t)=>{r(r=>e&&t?{selectedOptions:{...r?.selectedOptions,[e]:t}}:r)},forceSelectedOption:e=>{r(r=>({selectedOptions:{...r?.selectedOptions,...e}}))},updateIsSubmit:e=>{r({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{r({updatePrice:e})},setHasPreSelected:e=>{r({hasPreSelected:e})},setIsChangeSelectedOption:e=>{r({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{r({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{r({selectedSellingPlan:e})}}));exports.ProductProvider=({children:t,product:l,initialVariantId:n,initialVariantBaseId:o,quantity:d=1,isSyncProduct:p,hasPreSelected:q,uid:c})=>{let g=r.useId(),h=r.useMemo(()=>{let e,r={},t=!!n&&"Latest"!==n,a=t?n:void 0;if(l){let t=s.flattenConnection(l.variants),a=t[0],u=t.find(e=>i.checkInStock(e)),d=t.find(e=>e?.id===n||e?.baseID===o)??u??a;r=d?.selectedOptions?.reduce((e,r)=>r.name?{...e,[r.name]:r.value}:e,{}),e=l.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??l.featuredImage}return u({product:l,quantity:d,selectedOptions:r,uiqueId:g,featuredImageGlobal:e,isSyncProduct:p,hasPreSelected:q,uid:c,offerSingleVariantID:a})},[l,d,g,p,q,n,c]);return e.jsx(a.Provider,{value:h,children:e.jsx(e.Fragment,{children:t})})},exports.useProductStore=(e,i)=>{let s=r.useContext(a);if(!s)throw Error("Element of product must be used inside a Product");return t.useStore(s,e,i)};
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("zustand");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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");var s=require("../helpers/variant.js");require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");const a=r.createContext(null),u=e=>t.createStore((r,t)=>({...e,updateProperty:(e,t)=>{r(r=>({properties:r.properties?.map(r=>r.key===e?{...r,...t}:r)}))},setUseProductCompareAtPrice:e=>{r({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{r({shouldRequireUploadMessage:e})},setRequireUpload:e=>{r({requireUpload:e})},addProperty:e=>{let s=t().properties;s?.some(r=>r.key===e.key)||r(r=>({properties:[...r.properties??[],e]}))},removeProperty:e=>{r(r=>({properties:r.properties?.filter(r=>r.key!==e)}))},setQuantity:e=>{r({quantity:e>0?e:1})},setProductFeaturedImage:e=>{r({featuredImageGlobal:e})},incrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r+1}})},decrementQuantity:()=>{r(e=>{let r=e.quantity??1;return{quantity:r>2?r-1:1}})},setSelectedOption:(e,t)=>{r(r=>e&&t?{selectedOptions:{...r?.selectedOptions,[e]:t}}:r)},forceSelectedOption:e=>{r(r=>({selectedOptions:{...r?.selectedOptions,...e}}))},updateIsSubmit:e=>{r({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{r({updatePrice:e})},setHasPreSelected:e=>{r({hasPreSelected:e})},setIsChangeSelectedOption:e=>{r({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{r({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{r({selectedSellingPlan:e})}}));exports.ProductProvider=({children:t,product:n,initialVariantId:l,initialVariantBaseId:o,quantity:d=1,isSyncProduct:p,hasPreSelected:q,uid:c})=>{let g=r.useId(),h=r.useMemo(()=>{let e,r={},t=!!l&&"Latest"!==l,a=t?l:void 0;if(n){let t=i.flattenConnection(n.variants),a=t[0],u=t.find(e=>s.checkInStock(e)),d=t.find(e=>e?.id===l||e?.baseID===o)??u??a;r=d?.selectedOptions?.reduce((e,r)=>r.name?{...e,[r.name]:r.value}:e,{}),e=n.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??n.featuredImage}return u({product:n,quantity:d,selectedOptions:r,uiqueId:g,featuredImageGlobal:e,isSyncProduct:p,hasPreSelected:q,uid:c,offerSingleVariantID:a})},[n,d,g,p,q,l,c]);return e.jsx(a.Provider,{value:h,children:e.jsx(e.Fragment,{children:t})})},exports.useProductStore=(e,s)=>{let i=r.useContext(a);if(!i)throw Error("Element of product must be used inside a Product");return t.useStore(i,e,s)};
package/dist/cjs/helpers/interaction/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react");require("react/jsx-runtime"),require("zustand");var r=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"),require("@gem-sdk/core"),require("../convert.js"),require("crc-32"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("../../graphql/queries/product-value-label.generated.js"),require("../../hooks/useStickyStore.js"),require("../../types/builder.js"),require("../../types/builderUpsell.js"),require("../../types/custom.js"),require("../../types/animations.js"),exports.useInteraction=()=>{let t=e.useRef(),i=r.usePageStore(e=>e.setInteractionIsSelectOnPage),a=r.usePageStore(e=>e.sidebarMode),s=r.usePageStore(e=>e.interactionData?.selectType),n=r.usePageStore(e=>e.interactionData);function u(e,r){return!(e instanceof Document)&&e?.matches(r)?e:e?.querySelector(r)}let l=(e,r,t)=>{let i=e=>{let r=e.detail;t&&t(r)};return e.addEventListener(r,i),()=>e.removeEventListener(r,i)},o=e.useMemo(()=>"interaction"===a&&(!n?.isSelectOnPage||"PAGE"===s),[a,n?.isSelectOnPage,s]),c=e.useMemo(()=>n?.isSelectOnPage,[n?.isSelectOnPage]),q=e.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:r,elementRef:i},a)=>{let s=u(i?.current||t.current||document,r);if(s)return l(s,e,a)},trigger:({event:e,data:r,selector:t,element:i})=>{let a=i||document.body?.querySelector(t);if(!a)return;let s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:r}});a.dispatchEvent(s)},saveToElementInteractionData:(e,r,t)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),a=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[r]:t}))},closeSelectOnPage:()=>{i(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:t,findElementIncludingSelf:u,getInteractionPreviousData:(e,r)=>{let t=e.getAttribute("gp-data-interaction"),i=JSON.parse(t||"{}");return{previousData:i[r],interactionDataJson:i}},changeSelectMode:e=>{let r=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(r)},selectInteractionElement:({componentUid:e,settingType:r,$target:t})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:r,$target:t}});window.dispatchEvent(i)},isInteractionMode:o,isSelectOnPage:c,interactionListenerLoaded:q}};
2
+ "use strict";var e=require("react");require("react/jsx-runtime"),require("zustand");var r=require("../../contexts/PageContext.js");require("react-transition-group"),require("../../components/constant.js"),require("swr"),require("swr/infinite"),require("../../graphql/queries/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("../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.useInteraction=()=>{let t=e.useRef(),i=r.usePageStore(e=>e.setInteractionIsSelectOnPage),a=r.usePageStore(e=>e.sidebarMode),s=r.usePageStore(e=>e.interactionData?.selectType),n=r.usePageStore(e=>e.interactionData);function u(e,r){return!(e instanceof Document)&&e?.matches(r)?e:e?.querySelector(r)}let l=(e,r,t)=>{let i=e=>{let r=e.detail;t&&t(r)};return e.addEventListener(r,i),()=>e.removeEventListener(r,i)},o=e.useMemo(()=>"interaction"===a&&(!n?.isSelectOnPage||"PAGE"===s),[a,n?.isSelectOnPage,s]),c=e.useMemo(()=>n?.isSelectOnPage,[n?.isSelectOnPage]),q=e.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:r,elementRef:i},a)=>{let s=u(i?.current||t.current||document,r);if(s)return l(s,e,a)},trigger:({event:e,data:r,selector:t,element:i})=>{let a=i||document.body?.querySelector(t);if(!a)return;let s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:r}});a.dispatchEvent(s)},saveToElementInteractionData:(e,r,t)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),a=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[r]:t}))},closeSelectOnPage:()=>{i(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:t,findElementIncludingSelf:u,getInteractionPreviousData:(e,r)=>{let t=e.getAttribute("gp-data-interaction"),i=JSON.parse(t||"{}");return{previousData:i[r],interactionDataJson:i}},changeSelectMode:e=>{let r=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(r)},selectInteractionElement:({componentUid:e,settingType:r,$target:t})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:r,$target:t}});window.dispatchEvent(i)},isInteractionMode:o,isSelectOnPage:c,interactionListenerLoaded:q}};
package/dist/cjs/hooks/useAnimations.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../helpers/animations.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("classnames"),require("dayjs"),require("@gem-sdk/core"),require("../helpers/convert.js"),require("crc-32"),exports.useAnimations=()=>{let{zoom:r,shake:i,fade:s,slide:u}=e.animations();return{zoom:r,shake:i,fade:s,slide:u}};
2
+ "use strict";var e=require("../helpers/animations.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core"),require("../helpers/convert.js"),require("crc-32"),exports.useAnimations=()=>{let{zoom:r,shake:i,fade:s,slide:u}=e.animations();return{zoom:r,shake:i,fade:s,slide:u}};
package/dist/cjs/hooks/useInitialSwatchesOptions.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("swr"),r=require("../graphql/queries/product-value-label.generated.js"),s=require("../components/src/product/helpers/variant-presets.js"),t=require("./shop.js"),i=require("./useFetchHandle.js"),a=require("../contexts/ShopContext.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var u=require("../helpers/is-browser.js");require("../helpers/convert.js"),require("crc-32");let l=!1,o=!1;const n=(e,r)=>{let t=e?s.colorPreset[e.toLocaleLowerCase()]:void 0,i=t?[t]:[],a=r?.[0];return!a&&i.length&&(o=!0),a?[a]:i},p=(e,r)=>{let s=[],t=e.find(e=>e.name===r);return t?.values.forEach(e=>{e.label&&!s.includes(e.label)&&s.push(e.label)}),s},q=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},c=(e,r)=>(e&&e?.map(e=>{let s=p(r,e.optionTitle),t=q(e.optionValues);s.forEach(r=>{t.includes(r)||e.optionValues.push({label:r,colors:n(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(l=!0),{label:e.label??"",colors:n(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),d=async e=>{let s=async s=>{let t=await e([r.ProductOptionNameDocument.toString(),s]);return t};return s({})};exports.default=r=>{let s=i.useFetchHandle(),n=a.useShopStore(e=>e.changeSwatches),{swatches:p}=t.useSwatches(),{data:q}=e(["/query/productOptionName",{productOptionName:[]}],async()=>d(s),{revalidateOnMount:!0}),g=[];if(p?.forEach(e=>{g.push(e.optionTitle)}),q?.productOptionName?.forEach(e=>{g.includes(e)||(l=!0,p?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];c(p,r),u.default()&&p?.length&&(l||o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:p}),"*"),n(p)),l=!1};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("swr"),r=require("../graphql/queries/product-value-label.generated.js"),s=require("../components/src/product/helpers/variant-presets.js"),t=require("./shop.js"),i=require("./useFetchHandle.js"),a=require("../contexts/ShopContext.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js"),require("./useStickyStore.js"),require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var u=require("../helpers/is-browser.js");require("../helpers/convert.js"),require("crc-32");let l=!1,o=!1;const n=(e,r)=>{let t=e?s.colorPreset[e.toLocaleLowerCase()]:void 0,i=t?[t]:[],a=r?.[0];return!a&&i.length&&(o=!0),a?[a]:i},p=(e,r)=>{let s=[],t=e.find(e=>e.name===r);return t?.values.forEach(e=>{e.label&&!s.includes(e.label)&&s.push(e.label)}),s},q=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},c=(e,r)=>(e&&e?.map(e=>{let s=p(r,e.optionTitle),t=q(e.optionValues);s.forEach(r=>{t.includes(r)||e.optionValues.push({label:r,colors:n(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(l=!0),{label:e.label??"",colors:n(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),d=async e=>{let s=async s=>{let t=await e([r.ProductOptionNameDocument.toString(),s]);return t};return s({})};exports.default=r=>{let s=i.useFetchHandle(),n=a.useShopStore(e=>e.changeSwatches),{swatches:p}=t.useSwatches(),{data:q}=e(["/query/productOptionName",{productOptionName:[]}],async()=>d(s),{revalidateOnMount:!0}),g=[];if(p?.forEach(e=>{g.push(e.optionTitle)}),q?.productOptionName?.forEach(e=>{g.includes(e)||(l=!0,p?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];c(p,r),u.default()&&p?.length&&(l||o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:p}),"*"),n(p)),l=!1};
package/dist/cjs/hooks/useProduct.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react"),r=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand");var t=require("../contexts/PageContext.js");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js");var u=require("./useFormatMoney.js");require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js");var s=require("../helpers/variant.js"),o=require("./shop/useShopifyLink.js");require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");var a=require("../helpers/product.js");const n=()=>r.useProductStore(e=>e.product),c=()=>{let t=r.useProductStore(e=>e.setSelectedOption),u=r.useProductStore(e=>e.selectedOptions),s=r.useProductStore(e=>e.forceSelectedOption),o=r.useProductStore(e=>e.isSyncProduct),i=r.useProductStore(e=>e.isChangeSelectedOption),a=r.useProductStore(e=>e.setIsChangeSelectedOption),n=r.useProductStore(e=>e.offerSingleVariantID),c=e.useCallback((e,r,u,s)=>{if(!s&&o){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:u,isManualChange:!0}});window.dispatchEvent(t)}t(e,r),a(!0)},[o,t,a]),d=e.useCallback((e,r,t,u)=>{if(!t&&o){let t=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:r,isManualChange:u}});window.dispatchEvent(t)}s(e)},[s,o]);return e.useMemo(()=>({isChangeSelectedOption:i,selectedOptions:u,setSelectedOption:c,forceSelectedOption:d,offerSingleVariantID:n}),[u,c,d])},d=()=>{let e=r.useProductStore(e=>e.product?.variants);return i.flattenConnection(e)},l=()=>{let{selectedOptions:r}=c(),t=d();return e.useMemo(()=>a.getSelectedVariant(t,r),[r,t])};exports.useCheckAvailableVariantInStock=(e,r)=>{let t=d();return!!t&&t.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}return!1})},exports.useCurrentVariant=l,exports.useCurrentVariantInStock=()=>{let e=l(),r=n();return s.checkInStock(e,r)},exports.useFeaturedImageGlobal=()=>r.useProductStore(e=>e.featuredImageGlobal),exports.useHasPreSelected=()=>{let t=r.useProductStore(e=>e.hasPreSelected),u=r.useProductStore(e=>e.setHasPreSelected);return e.useMemo(()=>({hasPreSelected:t,setHasPreSelected:u}),[t,u])},exports.useIsSyncProduct=()=>r.useProductStore(e=>e.isSyncProduct),exports.useProduct=n,exports.useProductBundleDiscount=()=>{let e=r.useProductStore(e=>e.useProductCompareAtPrice),t=r.useProductStore(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},exports.useProductOfferDiscount=()=>{let e=t.usePageStore(e=>e.productOffers),r=n(),s=l(),o=e?.find(e=>e?.node?.objectBaseID===r?.baseID)?.node;if(!o||!o.isEnabled)return 0;let i=o?.value;if(o&&"PERCENTAGE"===o.valueType&&i){let e=u.convertDecimalToNumber(s?.price)??0;i=i*e/100}return i||0},exports.useProductProperties=()=>r.useProductStore(e=>e.properties),exports.useProductShopifyEditLink=()=>{let e=r.useProductStore(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:u}=o.useShopifyLink({productId:t});return{linkEditProduct:u,redirectProductShopifyLink:()=>{u&&window.open(u,"_blank")}}},exports.useQuantity=()=>{let t=r.useProductStore(e=>e.quantity),u=r.useProductStore(e=>e.updatePrice),s=r.useProductStore(e=>e.decrementQuantity),o=r.useProductStore(e=>e.incrementQuantity),i=r.useProductStore(e=>e.setQuantity),a=r.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),n=r.useProductStore(e=>e.isSyncProduct),c=r.useProductStore(e=>e.product),d=c?.id,l=e.useCallback(()=>{i(1)},[i]);return e.useEffect(()=>{if(n){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:t,productId:d}});window.dispatchEvent(e)}},[t,n,d]),e.useMemo(()=>({quantity:t,hasUpdatePrice:u,increment:o,decrement:s,reset:l,setQuantity:i,setUpdatePrice:a}),[s,o,t,l,i,a,u])},exports.useSelectedOption=c,exports.useUniqProductID=()=>r.useProductStore(e=>e.uiqueId),exports.useVariant=r=>{let t=d();return e.useMemo(()=>t?.find(e=>e?.id===r),[r,t])},exports.useVariantOutStock=(e,r,t)=>{let{selectedOptions:u}=c(),o=d(),i=t.optionNumber-1;if(t.position<i)return o.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}});let n=a.getSelectedVariant(o,{...u,[e]:r});return s.checkInStock(n)},exports.useVariants=d;
2
+ "use strict";var e=require("react"),r=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand");var t=require("../contexts/PageContext.js");require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/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("./useCartUI.js");var u=require("./useFormatMoney.js");require("../graphql/queries/product-value-label.generated.js"),require("./useStickyStore.js");var s=require("../helpers/variant.js"),o=require("./shop/useShopifyLink.js");require("../types/builder.js"),require("../types/builderUpsell.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group"),require("../components/constant.js"),require("classnames"),require("dayjs"),require("@gem-sdk/core");var i=require("../helpers/flatten-connection.js");require("../helpers/convert.js"),require("crc-32");var a=require("../helpers/product.js");const n=()=>r.useProductStore(e=>e.product),c=()=>{let t=r.useProductStore(e=>e.setSelectedOption),u=r.useProductStore(e=>e.selectedOptions),s=r.useProductStore(e=>e.forceSelectedOption),o=r.useProductStore(e=>e.isSyncProduct),i=r.useProductStore(e=>e.isChangeSelectedOption),a=r.useProductStore(e=>e.setIsChangeSelectedOption),n=r.useProductStore(e=>e.offerSingleVariantID),c=e.useCallback((e,r,u,s)=>{if(!s&&o){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:u,isManualChange:!0}});window.dispatchEvent(t)}t(e,r),a(!0)},[o,t,a]),d=e.useCallback((e,r,t,u)=>{if(!t&&o){let t=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:r,isManualChange:u}});window.dispatchEvent(t)}s(e)},[s,o]);return e.useMemo(()=>({isChangeSelectedOption:i,selectedOptions:u,setSelectedOption:c,forceSelectedOption:d,offerSingleVariantID:n}),[u,c,d])},d=()=>{let e=r.useProductStore(e=>e.product?.variants);return i.flattenConnection(e)},l=()=>{let{selectedOptions:r}=c(),t=d();return e.useMemo(()=>a.getSelectedVariant(t,r),[r,t])};exports.useCheckAvailableVariantInStock=(e,r)=>{let t=d();return!!t&&t.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}return!1})},exports.useCurrentVariant=l,exports.useCurrentVariantInStock=()=>{let e=l(),r=n();return s.checkInStock(e,r)},exports.useFeaturedImageGlobal=()=>r.useProductStore(e=>e.featuredImageGlobal),exports.useHasPreSelected=()=>{let t=r.useProductStore(e=>e.hasPreSelected),u=r.useProductStore(e=>e.setHasPreSelected);return e.useMemo(()=>({hasPreSelected:t,setHasPreSelected:u}),[t,u])},exports.useIsSyncProduct=()=>r.useProductStore(e=>e.isSyncProduct),exports.useProduct=n,exports.useProductBundleDiscount=()=>{let e=r.useProductStore(e=>e.useProductCompareAtPrice),t=r.useProductStore(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},exports.useProductOfferDiscount=()=>{let e=t.usePageStore(e=>e.productOffers),r=n(),s=l(),o=e?.find(e=>e?.node?.objectBaseID===r?.baseID)?.node;if(!o||!o.isEnabled)return 0;let i=o?.value;if(o&&"PERCENTAGE"===o.valueType&&i){let e=u.convertDecimalToNumber(s?.price)??0;i=i*e/100}return i||0},exports.useProductProperties=()=>r.useProductStore(e=>e.properties),exports.useProductShopifyEditLink=()=>{let e=r.useProductStore(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:u}=o.useShopifyLink({productId:t});return{linkEditProduct:u,redirectProductShopifyLink:()=>{u&&window.open(u,"_blank")}}},exports.useQuantity=()=>{let t=r.useProductStore(e=>e.quantity),u=r.useProductStore(e=>e.updatePrice),s=r.useProductStore(e=>e.decrementQuantity),o=r.useProductStore(e=>e.incrementQuantity),i=r.useProductStore(e=>e.setQuantity),a=r.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),n=r.useProductStore(e=>e.isSyncProduct),c=r.useProductStore(e=>e.product),d=c?.id,l=e.useCallback(()=>{i(1)},[i]);return e.useEffect(()=>{if(n){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:t,productId:d}});window.dispatchEvent(e)}},[t,n,d]),e.useMemo(()=>({quantity:t,hasUpdatePrice:u,increment:o,decrement:s,reset:l,setQuantity:i,setUpdatePrice:a}),[s,o,t,l,i,a,u])},exports.useSelectedOption=c,exports.useUniqProductID=()=>r.useProductStore(e=>e.uiqueId),exports.useVariant=r=>{let t=d();return e.useMemo(()=>t?.find(e=>e?.id===r),[r,t])},exports.useVariantOutStock=(e,r,t)=>{let{selectedOptions:u}=c(),o=d(),i=t.optionNumber-1;if(t.position<i)return o.some(t=>{if(t){let{selectedOptions:u}=t,o=u?.some(t=>t?.name===e&&t.value===r),i=s.checkInStock(t);return o&&i}});let n=a.getSelectedVariant(o,{...u,[e]:r});return s.checkInStock(n)},exports.useVariants=d;
package/dist/cjs/hooks/useTagRenderPreview.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../components/constant.js");const a=(e,a)=>t.oldToNewTagMap[e]===a;exports.default=t=>{let[r,s]=e.useState(t?.tag);return e.useEffect(()=>{r&&t?.tag&&!a(r,t.tag)&&s(t.tag)},[t?.tag]),{tag:r}};
package/dist/cjs/upsell-components/RenderPreviewUpsell.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../contexts/BuilderUpsellWidget.js");require("zustand");var i=require("../contexts/BuilderPreviewUpsellContext.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"),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");var t=require("react-error-boundary"),u=require("./WrapperWidgetPreview.js");const a=r.memo(({...r})=>{let a=i.useBuilderPreviewUpsellStore(e=>e.widget),l=s.useBuilderUpsellWidget(a?.tag);return a?e.jsx(t.ErrorBoundary,{fallbackRender:({error:r,resetErrorBoundary:s})=>e.jsxs(u.default,{...a,children:[e.jsx("span",{"aria-label":"Error message",children:r.message}),e.jsx("button",{type:"button",onClick:s,children:"Try again"})]}),children:e.jsx(u.default,{...a,children:e.jsx(l,{builderProps:{widgetId:a.widgetId,layoutCid:a.layoutCid,builderData:a},styles:a.styles,setting:a.settings,...r})})},a.widgetId):null});a.displayName="RenderPreviewUpsellMemo",exports.default=a;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../contexts/BuilderUpsellWidget.js");require("zustand");var i=require("../contexts/BuilderPreviewUpsellContext.js");require("react-transition-group"),require("../components/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"),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");var t=require("react-error-boundary"),u=require("./WrapperWidgetPreview.js");const a=r.memo(({...r})=>{let a=i.useBuilderPreviewUpsellStore(e=>e.widget),l=s.useBuilderUpsellWidget(a?.tag);return a?e.jsx(t.ErrorBoundary,{fallbackRender:({error:r,resetErrorBoundary:s})=>e.jsxs(u.default,{...a,children:[e.jsx("span",{"aria-label":"Error message",children:r.message}),e.jsx("button",{type:"button",onClick:s,children:"Try again"})]}),children:e.jsx(u.default,{...a,children:e.jsx(l,{builderProps:{widgetId:a.widgetId,layoutCid:a.layoutCid,builderData:a},styles:a.styles,setting:a.settings,...r})})},a.widgetId):null});a.displayName="RenderPreviewUpsellMemo",exports.default=a;
package/dist/esm/components/InteractionSuffix.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useI18nStore as r}from"@gem-sdk/core";import"zustand";import"react";import{usePageStore as i}from"../contexts/PageContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import{useInteraction as p}from"../helpers/interaction/index.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";let s=({uid:s})=>{let{closeSelectOnPage:o,selectInteractionElement:a}=p(),{t:n}=r(),g=i(e=>e.interactionData?.settingType||""),l=i(e=>e.interactionData?.isSelectOnPage);return e(t,{children:l&&e("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=>{a({$target:e.target,componentUid:s,settingType:g}),o()},"data-setup-interaction":!0,children:n("TRIGGER"===g?"Set as trigger":"Set as target")})})};export{s as InteractionSuffix};
2
+ import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useI18nStore as r}from"@gem-sdk/core";import"zustand";import"react";import{usePageStore as i}from"../contexts/PageContext.js";import"react-transition-group";import"./constant.js";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import{useInteraction as p}from"../helpers/interaction/index.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";let s=({uid:s})=>{let{closeSelectOnPage:o,selectInteractionElement:a}=p(),{t:n}=r(),g=i(e=>e.interactionData?.settingType||""),l=i(e=>e.interactionData?.isSelectOnPage);return e(t,{children:l&&e("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=>{a({$target:e.target,componentUid:s,settingType:g}),o()},"data-setup-interaction":!0,children:n("TRIGGER"===g?"Set as trigger":"Set as target")})})};export{s as InteractionSuffix};
package/dist/esm/components/RenderCustomCode.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import s from"next/head";import i from"next/script";import{useMemo as p}from"react";import"zustand";import"react-transition-group";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import{useEditorMode as o}from"../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";let a=({uid:a,advanced:l})=>{let m=o(),{css:n,javascript:d,rootClassName:g}=l?.editorData||{},u=n?.replaceAll(g,a),c=d?.replaceAll(g,a),h={css:`custom-css-${a}`,javascript:`custom-js-${a}`},q=p(()=>`
2
+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import s from"next/head";import i from"next/script";import{useMemo as p}from"react";import"zustand";import"react-transition-group";import"./constant.js";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import{useEditorMode as o}from"../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";let a=({uid:a,advanced:l})=>{let m=o(),{css:n,javascript:d,rootClassName:g}=l?.editorData||{},u=n?.replaceAll(g,a),c=d?.replaceAll(g,a),h={css:`custom-css-${a}`,javascript:`custom-js-${a}`},q=p(()=>`
3
3
  try {
4
4
  ${c}
5
5
  } catch(err){}
package/dist/esm/components/RenderPreview.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- 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 l from"./ComponentWrapperPreview.js";import s from"./RenderSection.js";let a=t(({uid:t,...d})=>{let m=o(e=>e.getItem(t)),p=n(m?.tag);return m?m?.type==="section"?e(s,{sectionId:m.uid}):e(i,{fallbackRender:({error:t,resetErrorBoundary:i})=>r(l,{...m,children:[e("span",{"aria-label":"Error message",children:t.message}),e("button",{type:"button",onClick:i,children:"Try again"})]}),children:e(l,{...m,children:m?.childrens?.length?e(p,{builderProps:{uid:t,builderData:m},styles:m.styles,setting:m.settings,...d,children:m.childrens.map(r=>e(a,{parentStyle:d?.parentStyle,"bundle-item":d?.["bundle-item"],uid:r},r))}):e(p,{builderProps:{uid:t,builderData:m},styles:m.styles,setting:m.settings,...d})})},m.uid):null});a.displayName="RenderPreviewMemo";export{a as default};
2
+ 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 l from"./RenderSection.js";import d from"../hooks/useTagRenderPreview.js";let m=t(({uid:t,...a})=>{let p=o(e=>e.getItem(t)),{tag:u}=d(p),c=n(u);return p?p?.type==="section"?e(l,{sectionId:p.uid}):e(i,{fallbackRender:({error:t,resetErrorBoundary:i})=>r(s,{...p,children:[e("span",{"aria-label":"Error message",children:t.message}),e("button",{type:"button",onClick:i,children:"Try again"})]}),children:e(s,{...p,children:p?.childrens?.length?e(c,{builderProps:{uid:t,builderData:p},styles:p.styles,setting:p.settings,...a,children:p.childrens.map(r=>e(m,{parentStyle:a?.parentStyle,"bundle-item":a?.["bundle-item"],uid:r},r))}):e(c,{builderProps:{uid:t,builderData:p},styles:p.styles,setting:p.settings,...a})})},p.uid):null});m.displayName="RenderPreviewMemo";export{m as default};
package/dist/esm/components/ai-assistant/AIAssistant.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"classnames";import{AIIcon as i}from"../ai-generator/icons/AIIcon.js";import"zustand";import"react";import{useI18nStore as s}from"../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let p=({uid:p,tag:o})=>{let{t:a}=s();return e("div",{children:e("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:r("button",{className:t("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:p,componentTag:o},bubbles:!0});window.dispatchEvent(e)},children:[e(i,{}),a("Ask Assistant")]})})})};export{p as AIAssistant};
1
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"classnames";import{AIIcon as s}from"../ai-generator/icons/AIIcon.js";import"zustand";import"react";import{useI18nStore as i}from"../../contexts/I18nContext.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let p=({uid:p,tag:o})=>{let{t:a}=i();return e("div",{children:e("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:r("button",{className:t("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:p,componentTag:o},bubbles:!0});window.dispatchEvent(e)},children:[e(s,{}),a("Ask Assistant")]})})})};export{p as AIAssistant};
package/dist/esm/components/ai-generator/AIContentGenerator.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useState as o,useRef as p,useCallback as i,useEffect as n}from"react";import{AIIcon as s}from"./icons/AIIcon.js";import{CloseIcon as g}from"./icons/CloseIcon.js";import{ShowMoreIcon as a}from"./icons/ShowMoreIcon.js";import{WarningIcon as l}from"./icons/WarningIcon.js";import{UpgradeIcon as m}from"./icons/UpgradeIcon.js";import{PickProduct as d}from"./components/PickProduct.js";import{ToneAndVoice as c}from"./components/ToneAndVoice.js";import u from"classnames";import{useListenEventGenerate as h}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as f}from"./hooks/useGettingGenerateRequest.js";import{useFlipPopup as x}from"./hooks/useFlipPopup.js";import{useCheckingProductInside as b}from"./hooks/useCheckingProductInside.js";import"zustand";import{useI18nStore as j}from"../../contexts/I18nContext.js";import"react-transition-group";import{useShopStore as v}from"../../contexts/ShopContext.js";import q from"dayjs";import"@gem-sdk/core";import"swr";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let w=({...w})=>{let[y,C]=o(!1),[N,k]=o(!1),I=p(null),A=p(null),G=p(null),S=p(null),B=q().add(1,"month").startOf("month").format("DD MMM"),{t:F}=j(),{popupPositionX:M,popupPositionY:P,isValidating:D,bodyMaxHeight:E}=x(y,{genTool:I,genPopup:A,genPopupHeader:G,genButtonWrapper:S}),{isGenerating:U,onGenerate:L,onOpenProductElementSettings:Q,goToPricing:z}=h({uid:w.uid,tag:String(w.tag)}),{getRequestBody:V,prompt:W,changeProductName:H,changePrompt:R,changeTone:T}=f(),{productElement:Y,checkSectionHasProduct:O}=b(I),$=v(e=>e.generateContentLimitation),J=()=>{C(!1)},K=i(e=>{let t=e.detail;if(t?.componentUid!==w.uid){J();return}O()},[w.uid,O]);return n(()=>{U||J()},[U]),n(()=>{if(Y.productId){k(!1);return}k(!0)},[Y]),n(()=>(window.addEventListener("editor:active-component",K),()=>{window.removeEventListener("editor:active-component",K)}),[K]),e("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:I,children:[t("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e("button",{className:u({"gp-toolbar-ai-active":y},"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:()=>{C(!y)},children:[t(s,{}),F("AI Content")]})}),e("div",{className:u({"gp-hidden":!y,"gp-right-0":"Section"===w.tag||"right"===M,"gp-left-0":"left"===M&&"Section"!==w.tag,"gp-top-8":"top"===P,"gp-bottom-8":"bottom"===P,"!gp-visible":!D},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:A,children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:G,children:[t("span",{className:"gp-font-medium gp-text-sm",children:F("Write with GemAI")}),t("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:J,children:t(g,{})})]}),t("div",{className:u({"gp-overflow-auto":null!==E},"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!==E?`${E}px`:"auto"},children:$?.isAllow?e(r,{children:[t("div",{className:"gp-mb-4",children:t("span",{className:"gp-text-xs",children:F("What would you like to describe here?")})}),t("div",{className:"gp-mb-4 gp-flex",children:t("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:F("e.g: generate feature benefits"),rows:4,value:W,onChange:e=>{R(e.target.value)}})}),e("div",{className:u({"gp-hidden":!N},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[t(c,{changeToneAndVoice:T}),t(d,{changeProductName:H,openProductSetting:()=>{Q(Y.uid??"")},productId:Y.productId})]}),t("div",{children:e("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:()=>{k(!N)},children:[F("Show more"),t("span",{className:u({"gp-rotate-180":N}),children:t(a,{})})]})})]}):e("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[t("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:t(l,{})}),e("p",{className:"gp-text-xs gp-whitespace-normal",children:[F("You've reached {maxGenerateCount}/{maxGenerateCount} rewrites of your AI generative this month.",{maxGenerateCount:$?.maxGenerateCount}),t("br",{}),F("Resets on {nextMonth}.",{nextMonth:B})]})]})}),t("div",{className:"gp-p-4",ref:S,children:$?.isAllow?t("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=V();L(e),J()},children:F(U?"Generating...":"Generate")}):e("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:z,children:[t(m,{}),$?.nextQuota?F("Upgrade to generate {nextQuota} rewrites",{nextQuota:$?.nextQuota}):F("You have reached limit this month")]})})]})]})};export{w as AIContentGenerator};
2
+ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useState as o,useRef as p,useCallback as i,useEffect as n}from"react";import{AIIcon as s}from"./icons/AIIcon.js";import{CloseIcon as g}from"./icons/CloseIcon.js";import{ShowMoreIcon as a}from"./icons/ShowMoreIcon.js";import{WarningIcon as l}from"./icons/WarningIcon.js";import{UpgradeIcon as m}from"./icons/UpgradeIcon.js";import{PickProduct as d}from"./components/PickProduct.js";import{ToneAndVoice as c}from"./components/ToneAndVoice.js";import u from"classnames";import{useListenEventGenerate as h}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as f}from"./hooks/useGettingGenerateRequest.js";import{useFlipPopup as x}from"./hooks/useFlipPopup.js";import{useCheckingProductInside as b}from"./hooks/useCheckingProductInside.js";import"zustand";import{useI18nStore as j}from"../../contexts/I18nContext.js";import"react-transition-group";import"../constant.js";import{useShopStore as v}from"../../contexts/ShopContext.js";import q from"dayjs";import"@gem-sdk/core";import"swr";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let w=({...w})=>{let[y,C]=o(!1),[N,k]=o(!1),I=p(null),A=p(null),G=p(null),S=p(null),B=q().add(1,"month").startOf("month").format("DD MMM"),{t:F}=j(),{popupPositionX:M,popupPositionY:P,isValidating:D,bodyMaxHeight:E}=x(y,{genTool:I,genPopup:A,genPopupHeader:G,genButtonWrapper:S}),{isGenerating:U,onGenerate:L,onOpenProductElementSettings:Q,goToPricing:z}=h({uid:w.uid,tag:String(w.tag)}),{getRequestBody:V,prompt:W,changeProductName:H,changePrompt:R,changeTone:T}=f(),{productElement:Y,checkSectionHasProduct:O}=b(I),$=v(e=>e.generateContentLimitation),J=()=>{C(!1)},K=i(e=>{let t=e.detail;if(t?.componentUid!==w.uid){J();return}O()},[w.uid,O]);return n(()=>{U||J()},[U]),n(()=>{if(Y.productId){k(!1);return}k(!0)},[Y]),n(()=>(window.addEventListener("editor:active-component",K),()=>{window.removeEventListener("editor:active-component",K)}),[K]),e("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:I,children:[t("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e("button",{className:u({"gp-toolbar-ai-active":y},"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:()=>{C(!y)},children:[t(s,{}),F("AI Content")]})}),e("div",{className:u({"gp-hidden":!y,"gp-right-0":"Section"===w.tag||"right"===M,"gp-left-0":"left"===M&&"Section"!==w.tag,"gp-top-8":"top"===P,"gp-bottom-8":"bottom"===P,"!gp-visible":!D},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:A,children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:G,children:[t("span",{className:"gp-font-medium gp-text-sm",children:F("Write with GemAI")}),t("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:J,children:t(g,{})})]}),t("div",{className:u({"gp-overflow-auto":null!==E},"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!==E?`${E}px`:"auto"},children:$?.isAllow?e(r,{children:[t("div",{className:"gp-mb-4",children:t("span",{className:"gp-text-xs",children:F("What would you like to describe here?")})}),t("div",{className:"gp-mb-4 gp-flex",children:t("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:F("e.g: generate feature benefits"),rows:4,value:W,onChange:e=>{R(e.target.value)}})}),e("div",{className:u({"gp-hidden":!N},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[t(c,{changeToneAndVoice:T}),t(d,{changeProductName:H,openProductSetting:()=>{Q(Y.uid??"")},productId:Y.productId})]}),t("div",{children:e("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:()=>{k(!N)},children:[F("Show more"),t("span",{className:u({"gp-rotate-180":N}),children:t(a,{})})]})})]}):e("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[t("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:t(l,{})}),e("p",{className:"gp-text-xs gp-whitespace-normal",children:[F("You've reached {maxGenerateCount}/{maxGenerateCount} rewrites of your AI generative this month.",{maxGenerateCount:$?.maxGenerateCount}),t("br",{}),F("Resets on {nextMonth}.",{nextMonth:B})]})]})}),t("div",{className:"gp-p-4",ref:S,children:$?.isAllow?t("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=V();L(e),J()},children:F(U?"Generating...":"Generate")}):e("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:z,children:[t(m,{}),$?.nextQuota?F("Upgrade to generate {nextQuota} rewrites",{nextQuota:$?.nextQuota}):F("You have reached limit this month")]})})]})]})};export{w as AIContentGenerator};
package/dist/esm/components/ai-generator/components/PickProduct.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as p,useMemo as s,useEffect as a}from"react";import{SearchIcon as i}from"../icons/SearchIcon.js";import{useListProductQuery as o}from"../../../hooks/shop/use-products-query.js";import l from"classnames";import"zustand";import{useI18nStore as g}from"../../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"dayjs";import"@gem-sdk/core";import"../../../graphql/queries/collection-detail-filter.generated.js";import"../../../graphql/queries/collection.generated.js";import"../../../graphql/queries/collections.generated.js";import"../../../graphql/queries/published-theme-pages.generated.js";import"../../../graphql/queries/products.generated.js";import"../../../graphql/queries/store-property.generated.js";import"../../../graphql/queries/preview-page.generated.js";import"../../../graphql/queries/published-shop-metas.generated.js";import"../../../graphql/queries/shop-shopify.generated.js";import"../../../graphql/queries/articles.generated.js";import"../../../graphql/queries/blogs.generated.js";import"../../../graphql/queries/products-with-selling-plans.generated.js";import"../../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../../graphql/queries/product-variants.generated.js";import"../../../graphql/queries/product-little-detail.generated.js";import"../../../graphql/queries/product-medias.generated.js";import"../../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductQuery as d}from"../../../hooks/shop/use-product-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../graphql/queries/product-value-label.generated.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/builderUpsell.js";import"../../../types/custom.js";import"../../../types/animations.js";let n=n=>{let{t:c}=g(),[m,u]=t(n.productId?void 0:{first:8}),{data:h,isLoading:f,isValidating:q,size:x,setSize:b}=o(m,{revalidateFirstPage:!1}),{data:j}=d(n.productId),[v,N]=t(),[w,y]=t(!1),I=p(null),k=p(null),C=e=>{N(e),y(!1)},P=s(()=>h?.reduce((e,r)=>[...e,...r.products?.edges??[]],[])??[],[h]);a(()=>{if(P.length&&!v&&!n.productId){let e=P[0]?.node;e&&N({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[P,v,n.productId]),a(()=>{v&&v.name&&n.changeProductName(v.name)},[v,n]),a(()=>{j&&N({id:j.id,name:j.title,image:j.featuredImage?.src})},[j]);let S="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[r("p",{className:"gp-py-2 gp-text-xs",children:c("Product")}),e("div",{className:"gp-relative",children:[!f||v?e("button",{className:l({"gp-cursor-default":n.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:()=>{n.productId||y(!w)},children:[r("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:v?.image||S,alt:"product_image"}),r("span",{className:"gp-truncate gp-max-w-[210px]",children:v?.name})]}):r("div",{children:e("span",{className:"gp-text-xs",children:[c("Getting products"),"..."]})}),n.productId&&r("div",{className:"gp-mt-2 gp-text-xs",children:e("p",{children:[c("You can manage it in")," ",r("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:()=>{n.openProductSetting()},children:c("Product element")})]})}),w&&e("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("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[r(i,{}),r("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:c("Search product")+"...",onChange:e=>{I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{let r=e.target.value??"";if(r){u({first:8,where:{titleContainsFold:r}});return}u({first:8})},200)}})]}),e("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&&(k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{b(x+1)},50))},children:[P?.map(t=>e("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{C({id:t.node?.id,name:t.node?.title,image:t.node?.featuredImage?.src})},children:[r("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:t.node?.featuredImage?.src||S,alt:"product_image"}),r("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:t.node?.title})]},t.node?.id)),f||q&&r("div",{className:"gp-p-2",children:e("span",{className:"gp-text-xs",children:[c("Getting products"),"..."]})})]})]})]})]})};export{n as PickProduct};
2
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as p,useMemo as s,useEffect as a}from"react";import{SearchIcon as i}from"../icons/SearchIcon.js";import{useListProductQuery as o}from"../../../hooks/shop/use-products-query.js";import l from"classnames";import"zustand";import{useI18nStore as g}from"../../../contexts/I18nContext.js";import"react-transition-group";import"../../constant.js";import"swr";import"dayjs";import"@gem-sdk/core";import"../../../graphql/queries/collection-detail-filter.generated.js";import"../../../graphql/queries/collection.generated.js";import"../../../graphql/queries/collections.generated.js";import"../../../graphql/queries/published-theme-pages.generated.js";import"../../../graphql/queries/products.generated.js";import"../../../graphql/queries/store-property.generated.js";import"../../../graphql/queries/preview-page.generated.js";import"../../../graphql/queries/published-shop-metas.generated.js";import"../../../graphql/queries/shop-shopify.generated.js";import"../../../graphql/queries/articles.generated.js";import"../../../graphql/queries/blogs.generated.js";import"../../../graphql/queries/products-with-selling-plans.generated.js";import"../../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../../graphql/queries/product-variants.generated.js";import"../../../graphql/queries/product-little-detail.generated.js";import"../../../graphql/queries/product-medias.generated.js";import"../../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductQuery as n}from"../../../hooks/shop/use-product-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../graphql/queries/product-value-label.generated.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/builderUpsell.js";import"../../../types/custom.js";import"../../../types/animations.js";let d=d=>{let{t:c}=g(),[m,u]=t(d.productId?void 0:{first:8}),{data:h,isLoading:f,isValidating:q,size:x,setSize:j}=o(m,{revalidateFirstPage:!1}),{data:b}=n(d.productId),[v,N]=t(),[w,y]=t(!1),I=p(null),k=p(null),C=e=>{N(e),y(!1)},P=s(()=>h?.reduce((e,r)=>[...e,...r.products?.edges??[]],[])??[],[h]);a(()=>{if(P.length&&!v&&!d.productId){let e=P[0]?.node;e&&N({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[P,v,d.productId]),a(()=>{v&&v.name&&d.changeProductName(v.name)},[v,d]),a(()=>{b&&N({id:b.id,name:b.title,image:b.featuredImage?.src})},[b]);let S="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[r("p",{className:"gp-py-2 gp-text-xs",children:c("Product")}),e("div",{className:"gp-relative",children:[!f||v?e("button",{className:l({"gp-cursor-default":d.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:()=>{d.productId||y(!w)},children:[r("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:v?.image||S,alt:"product_image"}),r("span",{className:"gp-truncate gp-max-w-[210px]",children:v?.name})]}):r("div",{children:e("span",{className:"gp-text-xs",children:[c("Getting products"),"..."]})}),d.productId&&r("div",{className:"gp-mt-2 gp-text-xs",children:e("p",{children:[c("You can manage it in")," ",r("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:()=>{d.openProductSetting()},children:c("Product element")})]})}),w&&e("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("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[r(i,{}),r("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:c("Search product")+"...",onChange:e=>{I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{let r=e.target.value??"";if(r){u({first:8,where:{titleContainsFold:r}});return}u({first:8})},200)}})]}),e("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&&(k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{j(x+1)},50))},children:[P?.map(t=>e("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{C({id:t.node?.id,name:t.node?.title,image:t.node?.featuredImage?.src})},children:[r("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:t.node?.featuredImage?.src||S,alt:"product_image"}),r("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:t.node?.title})]},t.node?.id)),f||q&&r("div",{className:"gp-p-2",children:e("span",{className:"gp-text-xs",children:[c("Getting products"),"..."]})})]})]})]})]})};export{d as PickProduct};
package/dist/esm/components/ai-generator/components/ToneAndVoice.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as p,useEffect as t}from"react";import{DropdownIcon as s,TickIcon as i}from"../icons/DropdownIcon.js";import l from"classnames";import"zustand";import{useI18nStore as a}from"../../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../../graphql/queries/collection-detail-filter.generated.js";import"../../../graphql/queries/collection.generated.js";import"../../../graphql/queries/collections.generated.js";import"../../../graphql/queries/published-theme-pages.generated.js";import"../../../graphql/queries/products.generated.js";import"../../../graphql/queries/store-property.generated.js";import"../../../graphql/queries/preview-page.generated.js";import"../../../graphql/queries/published-shop-metas.generated.js";import"../../../graphql/queries/shop-shopify.generated.js";import"../../../graphql/queries/articles.generated.js";import"../../../graphql/queries/blogs.generated.js";import"../../../graphql/queries/products-with-selling-plans.generated.js";import"../../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../../graphql/queries/product-little-detail.generated.js";import"../../../graphql/queries/product-medias.generated.js";import"../../../graphql/queries/product-variants.generated.js";import"dayjs";import"@gem-sdk/core";import"../../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../graphql/queries/product-value-label.generated.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/builderUpsell.js";import"../../../types/custom.js";import"../../../types/animations.js";let o=o=>{let{t:g}=a(),n=[{label:g("Persuasive"),value:"Persuasive"},{label:g("Friendly"),value:"Friendly"},{label:g("Professional"),value:"Professional"},{label:g("Casual"),value:"Casual"}],[m,d]=p(n[0]),[u,c]=p(!1),h=e=>{d(e),c(!1)};return t(()=>{m&&o.changeToneAndVoice(m.value)},[m,o]),e("div",{children:r("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:g("Tone and Voice")}),r("div",{className:"gp-relative",children:[r("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:()=>{c(!u)},children:[m?.label,e(s,{})]}),u?e("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:n.map(p=>r("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>h(p),children:[e("div",{className:l({"gp-invisible":m?.value!==p.value}),children:e(i,{})}),e("span",{className:"gp-text-xs",children:p.label})]},p.value))}):null]})]})})};export{o as ToneAndVoice};
2
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as p,useEffect as t}from"react";import{DropdownIcon as s,TickIcon as i}from"../icons/DropdownIcon.js";import l from"classnames";import"zustand";import{useI18nStore as a}from"../../../contexts/I18nContext.js";import"react-transition-group";import"../../constant.js";import"swr";import"swr/infinite";import"../../../graphql/queries/collection-detail-filter.generated.js";import"../../../graphql/queries/collection.generated.js";import"../../../graphql/queries/collections.generated.js";import"../../../graphql/queries/published-theme-pages.generated.js";import"../../../graphql/queries/products.generated.js";import"../../../graphql/queries/store-property.generated.js";import"../../../graphql/queries/preview-page.generated.js";import"../../../graphql/queries/published-shop-metas.generated.js";import"../../../graphql/queries/shop-shopify.generated.js";import"../../../graphql/queries/articles.generated.js";import"../../../graphql/queries/blogs.generated.js";import"../../../graphql/queries/products-with-selling-plans.generated.js";import"../../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../../graphql/queries/product-little-detail.generated.js";import"../../../graphql/queries/product-medias.generated.js";import"../../../graphql/queries/product-variants.generated.js";import"dayjs";import"@gem-sdk/core";import"../../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../graphql/queries/product-value-label.generated.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/builderUpsell.js";import"../../../types/custom.js";import"../../../types/animations.js";let o=o=>{let{t:g}=a(),n=[{label:g("Persuasive"),value:"Persuasive"},{label:g("Friendly"),value:"Friendly"},{label:g("Professional"),value:"Professional"},{label:g("Casual"),value:"Casual"}],[m,d]=p(n[0]),[u,c]=p(!1),h=e=>{d(e),c(!1)};return t(()=>{m&&o.changeToneAndVoice(m.value)},[m,o]),e("div",{children:r("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:g("Tone and Voice")}),r("div",{className:"gp-relative",children:[r("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:()=>{c(!u)},children:[m?.label,e(s,{})]}),u?e("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:n.map(p=>r("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>h(p),children:[e("div",{className:l({"gp-invisible":m?.value!==p.value}),children:e(i,{})}),e("span",{className:"gp-text-xs",children:p.label})]},p.value))}):null]})]})})};export{o as ToneAndVoice};
package/dist/esm/components/constant.js CHANGED
@@ -1 +1 @@
1
- let e=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],t=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],o=["IconListV2","IconList","ProductBadge"],r=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],s=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],c=["Section"],a=["ProductImages","ProductImagesV2","ProductList","Carousel","CarouselItem"];export{c as ableGenerateContentElements,t as customRenderChildren,e as disableWrap,o as excludeApplyStyle,a as oldElementTags,r as postPurchaseRequiredElements,s as postPurchaseWrapElements};
1
+ let e=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],t=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],o=["IconListV2","IconList","ProductBadge"],r=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],a=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],s=["Section"],c=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}],u=[...new Set(c.flatMap(e=>e.old))],P=c.reduce((e,t)=>(t.old.forEach(o=>{e[o]=t.new}),e),{});export{s as ableGenerateContentElements,t as customRenderChildren,e as disableWrap,o as excludeApplyStyle,u as oldElementTags,P as oldToNewTagMap,r as postPurchaseRequiredElements,a as postPurchaseWrapElements};
package/dist/esm/components/resize/Spacing.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o,useCallback as a,useEffect as n}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import{usePageType as p}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";function u(u){let m=s(e=>e.isThemeSectionEditor),c=p(),g=i(null),h=i(null),v=i(null),b=i(!1),f=i(0),q=i(0),w=i(null),[j,y]=o(0),[E,S]=o(!1),L=i(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),i=q.current||0,o=i+r>=0?`${i+r}px`:"0px";return{newValue:o}},x=e=>{if(g.current&&h.current){let{newValue:t}=C(e);h.current.style.height=t,g.current.style.top=t;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,P(t))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),g.current){let e=getComputedStyle(g.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:u.uid,marginBottom:t}});window.dispatchEvent(r)}let t=g.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},A=(e,t)=>{let r=e.children.length;if(r)for(let i=0;i<r;i++){let r=e.children[i];if(r){let e=r.getAttribute(t);if(e)return r}}},U=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},B=a(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let i=r.getAttribute("data-toolbar-active");if(!i)return;let o=getComputedStyle(t),a=A(t,"data-spacing"),n=a?.querySelector("[data-spacing-margin-bottom]")||null;if(n&&h.current&&g.current){let r=o.marginBottom;if(e&&P(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,n.setAttribute("data-spacing-margin-bottom-active","true"),U(t))h.current.style.left="0";else{let e=o.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),P=e=>{let t=parseFloat(e);y(t),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},$=d(u.advanced?.["spacing-setting"]);n(()=>{let e=F($,u.advanced?.["spacing-setting"]);B(e)},[$,u.advanced,B]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=a(()=>{B()},[B]);return n(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>B),window.addEventListener("editor:toolbar:update-padding-left",()=>B),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>B),window.removeEventListener("editor:toolbar:update-padding-left",()=>B),window.removeEventListener("resize",M)}),[M,B]),e(t,{children:"Section"!==u.tag&&"POST_PURCHASE"!==c&&e("div",{"data-spacing":!0,"data-spacing-theme-section":m,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:h,children:[e("div",{"data-spacing-margin-bottom-value":!0}),e("div",{"data-active":E,"data-value-number":!0,ref:w,children:j})]}),e("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(g.current){let t=getComputedStyle(g.current);f.current=e.clientY,q.current=parseFloat(t.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let d=e=>{let t=i();return n(()=>{t.current=e},[e]),t.current};export{u as default};
2
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o,useCallback as n,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import{usePageType as p}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";function u(u){let m=s(e=>e.isThemeSectionEditor),c=p(),g=i(null),h=i(null),v=i(null),b=i(!1),f=i(0),q=i(0),w=i(null),[j,y]=o(0),[E,S]=o(!1),L=i(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),i=q.current||0,o=i+r>=0?`${i+r}px`:"0px";return{newValue:o}},x=e=>{if(g.current&&h.current){let{newValue:t}=C(e);h.current.style.height=t,g.current.style.top=t;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,P(t))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),g.current){let e=getComputedStyle(g.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:u.uid,marginBottom:t}});window.dispatchEvent(r)}let t=g.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},A=(e,t)=>{let r=e.children.length;if(r)for(let i=0;i<r;i++){let r=e.children[i];if(r){let e=r.getAttribute(t);if(e)return r}}},U=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},B=n(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let i=r.getAttribute("data-toolbar-active");if(!i)return;let o=getComputedStyle(t),n=A(t,"data-spacing"),a=n?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&h.current&&g.current){let r=o.marginBottom;if(e&&P(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),U(t))h.current.style.left="0";else{let e=o.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),P=e=>{let t=parseFloat(e);y(t),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},$=d(u.advanced?.["spacing-setting"]);a(()=>{let e=F($,u.advanced?.["spacing-setting"]);B(e)},[$,u.advanced,B]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=n(()=>{B()},[B]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>B),window.addEventListener("editor:toolbar:update-padding-left",()=>B),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>B),window.removeEventListener("editor:toolbar:update-padding-left",()=>B),window.removeEventListener("resize",M)}),[M,B]),e(t,{children:"Section"!==u.tag&&"POST_PURCHASE"!==c&&e("div",{"data-spacing":!0,"data-spacing-theme-section":m,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:h,children:[e("div",{"data-spacing-margin-bottom-value":!0}),e("div",{"data-active":E,"data-value-number":!0,ref:w,children:j})]}),e("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(g.current){let t=getComputedStyle(g.current);f.current=e.clientY,q.current=parseFloat(t.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let d=e=>{let t=i();return a(()=>{t.current=e},[e]),t.current};export{u as default};
package/dist/esm/components/theme-section/CreateThemeSection.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as s}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import{useShopStore as p}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let l=["starter","trial","trial2022"],n=({...n})=>{let{t:m}=a(),d=p(e=>e.plan),c=p(e=>e.createThemeSectionCount),u=p(e=>e.limitCreateThemeSection),h=l.includes(d??""),g=h||u?.isLimit,q=g||void 0===c||c<1,j=i(),[C,b]=o(!1),v=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?w():f(),j.current&&clearTimeout(j.current),b(!1))},w=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},f=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:n.uid}});window.dispatchEvent(e)};return e(t,{children:r(s,{isFreeLimit:h,limitCreateThemeSection:u,isShow:C,isRender:q,onActions:v,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{b(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),b(!1))},children:[q&&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:!!g}),"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:m("Create Theme Section")})]})})]})})};export{n as CreateThemeSection};
2
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as s}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import"../constant.js";import{useShopStore as p}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let n=["starter","trial","trial2022"],l=({...l})=>{let{t:m}=a(),d=p(e=>e.plan),c=p(e=>e.createThemeSectionCount),u=p(e=>e.limitCreateThemeSection),h=n.includes(d??""),g=h||u?.isLimit,q=g||void 0===c||c<1,j=i(),[C,b]=o(!1),v=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?w():f(),j.current&&clearTimeout(j.current),b(!1))},w=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},f=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:l.uid}});window.dispatchEvent(e)};return e(t,{children:r(s,{isFreeLimit:h,limitCreateThemeSection:u,isShow:C,isRender:q,onActions:v,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{b(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),b(!1))},children:[q&&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:!!g}),"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:m("Create Theme Section")})]})})]})})};export{l as CreateThemeSection};
package/dist/esm/components/theme-section/ThemeSectionTooltip.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as r}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let l={transition:"opacity 350ms ease-out",opacity:0},p={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},n=({isShow:n,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:g,onActions:q})=>{let{t:y}=s(),_=o(null),j=m?y("Upgrade to create Theme Section"):y("Create Theme Section"),b=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:g,children:[d,c&&e(r,{in:n,timeout:350,nodeRef:_,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:_,style:{...l,...p[o]},children:h?.isLimit&&!m?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:y("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[y("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:y("Upgrade plan to create more")})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:y("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:y("A global section that can be used on all your GemPages & Shopify pages.")})]}),i("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":m}),children:[e("button",{onClick:e=>q(e),children:y(j)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:y("Learn more about Theme Section")})]})]})})})]})})};export{n as ThemeSectionTooltip};
1
+ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as r}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let l={transition:"opacity 350ms ease-out",opacity:0},n={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},p=({isShow:p,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:g,onActions:q})=>{let{t:y}=s(),_=o(null),j=m?y("Upgrade to create Theme Section"):y("Create Theme Section"),b=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:g,children:[d,c&&e(r,{in:p,timeout:350,nodeRef:_,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:_,style:{...l,...n[o]},children:h?.isLimit&&!m?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:y("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[y("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:y("Upgrade plan to create more")})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:y("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:y("A global section that can be used on all your GemPages & Shopify pages.")})]}),i("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":m}),children:[e("button",{onClick:e=>q(e),children:y(j)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:y("Learn more about Theme Section")})]})]})})})]})})};export{p as ThemeSectionTooltip};
package/dist/esm/components/upgrade-element/UpgradeButton.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{CheckMarkIcon as p,LoadingIcon as s,CircleUpIcon as i}from"./icons.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let a=({isLoading:a,isUpdated:o,onUpgrade:l})=>{let{t:g}=t(),d={old:{icon:r(i,{}),label:g("Upgrade"),className:"gp-relative",showDot:!0},loading:{icon:r(s,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(p,{}),label:g("Updated"),className:"",showDot:!1}},n=d[a?"loading":o?"updated":"old"];return e("button",{disabled:a,"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:l,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${n.className}`,children:n.icon}),n.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),n.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:n.label})]})};export{a as default};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{CheckMarkIcon as p,LoadingIcon as s,CircleUpIcon as i}from"./icons.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let a=({isLoading:a,isUpdated:o,onUpgrade:l})=>{let{t:g}=t(),d={old:{icon:r(i,{}),label:g("Upgrade"),className:"gp-relative",showDot:!0},loading:{icon:r(s,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(p,{}),label:g("Updated"),className:"",showDot:!1}},n=d[a?"loading":o?"updated":"old"];return e("button",{disabled:a,"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:l,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${n.className}`,children:n.icon}),n.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),n.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:n.label})]})};export{a as default};
package/dist/esm/contexts/ProductContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as s,createContext as o}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import{checkInStock as l}from"../helpers/variant.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";let d=o(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:s,product:o,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:g,uid:q})=>{let h=r(),j=i(()=>{let e,t={},r=!!p&&"Latest"!==p,i=r?p:void 0;if(o){let r=n(o.variants),i=r[0],s=r.find(e=>l(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??s??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??o.featuredImage}return u({product:o,quantity:m,selectedOptions:t,uiqueId:h,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:g,uid:q,offerSingleVariantID:i})},[o,m,h,c,g,p,q]);return e(d.Provider,{value:j,children:e(t,{children:s})})},c=(e,t)=>{let r=s(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};
2
+ import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as s,createContext as o}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import{checkInStock as l}from"../helpers/variant.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";let d=o(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:s,product:o,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:g,uid:q})=>{let h=r(),j=i(()=>{let e,t={},r=!!p&&"Latest"!==p,i=r?p:void 0;if(o){let r=n(o.variants),i=r[0],s=r.find(e=>l(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??s??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??o.featuredImage}return u({product:o,quantity:m,selectedOptions:t,uiqueId:h,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:g,uid:q,offerSingleVariantID:i})},[o,m,h,c,g,p,q]);return e(d.Provider,{value:j,children:e(t,{children:s})})},c=(e,t)=>{let r=s(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};
package/dist/esm/helpers/interaction/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{useRef as e,useMemo as t,useCallback as r}from"react";import"react/jsx-runtime";import"zustand";import{usePageStore as i}from"../../contexts/PageContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let a=()=>{let a=e(),n=i(e=>e.setInteractionIsSelectOnPage),s=i(e=>e.sidebarMode),o=i(e=>e.interactionData?.selectType),p=i(e=>e.interactionData);function l(e,t){return!(e instanceof Document)&&e?.matches(t)?e:e?.querySelector(t)}let c=(e,t,r)=>{let i=e=>{let t=e.detail;r&&r(t)};return e.addEventListener(t,i),()=>e.removeEventListener(t,i)},d=t(()=>"interaction"===s&&(!p?.isSelectOnPage||"PAGE"===o),[s,p?.isSelectOnPage,o]),u=t(()=>p?.isSelectOnPage,[p?.isSelectOnPage]),m=r(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:t,elementRef:r},i)=>{let n=l(r?.current||a.current||document,t);if(n)return c(n,e,i)},trigger:({event:e,data:t,selector:r,element:i})=>{let a=i||document.body?.querySelector(r);if(!a)return;let n=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:t}});a.dispatchEvent(n)},saveToElementInteractionData:(e,t,r)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),a=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[t]:r}))},closeSelectOnPage:()=>{n(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:a,findElementIncludingSelf:l,getInteractionPreviousData:(e,t)=>{let r=e.getAttribute("gp-data-interaction"),i=JSON.parse(r||"{}");return{previousData:i[t],interactionDataJson:i}},changeSelectMode:e=>{let t=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(t)},selectInteractionElement:({componentUid:e,settingType:t,$target:r})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:t,$target:r}});window.dispatchEvent(i)},isInteractionMode:d,isSelectOnPage:u,interactionListenerLoaded:m}};export{a as useInteraction};
2
+ import{useRef as e,useMemo as t,useCallback as r}from"react";import"react/jsx-runtime";import"zustand";import{usePageStore as i}from"../../contexts/PageContext.js";import"react-transition-group";import"../../components/constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let n=()=>{let n=e(),a=i(e=>e.setInteractionIsSelectOnPage),o=i(e=>e.sidebarMode),s=i(e=>e.interactionData?.selectType),p=i(e=>e.interactionData);function l(e,t){return!(e instanceof Document)&&e?.matches(t)?e:e?.querySelector(t)}let c=(e,t,r)=>{let i=e=>{let t=e.detail;r&&r(t)};return e.addEventListener(t,i),()=>e.removeEventListener(t,i)},d=t(()=>"interaction"===o&&(!p?.isSelectOnPage||"PAGE"===s),[o,p?.isSelectOnPage,s]),m=t(()=>p?.isSelectOnPage,[p?.isSelectOnPage]),u=r(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:t,elementRef:r},i)=>{let a=l(r?.current||n.current||document,t);if(a)return c(a,e,i)},trigger:({event:e,data:t,selector:r,element:i})=>{let n=i||document.body?.querySelector(r);if(!n)return;let a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:t}});n.dispatchEvent(a)},saveToElementInteractionData:(e,t,r)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),n=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...n,[t]:r}))},closeSelectOnPage:()=>{a(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:n,findElementIncludingSelf:l,getInteractionPreviousData:(e,t)=>{let r=e.getAttribute("gp-data-interaction"),i=JSON.parse(r||"{}");return{previousData:i[t],interactionDataJson:i}},changeSelectMode:e=>{let t=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(t)},selectInteractionElement:({componentUid:e,settingType:t,$target:r})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:t,$target:r}});window.dispatchEvent(i)},isInteractionMode:d,isSelectOnPage:m,interactionListenerLoaded:u}};export{n as useInteraction};
package/dist/esm/hooks/useAnimations.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{animations as e}from"../helpers/animations.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";let r=()=>{let{zoom:r,shake:t,fade:i,slide:s}=e();return{zoom:r,shake:t,fade:i,slide:s}};export{r as useAnimations};
2
+ import{animations as e}from"../helpers/animations.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";let r=()=>{let{zoom:r,shake:t,fade:i,slide:s}=e();return{zoom:r,shake:t,fade:i,slide:s}};export{r as useAnimations};
package/dist/esm/hooks/useInitialSwatchesOptions.js CHANGED
@@ -1 +1 @@
1
- import e from"swr";import{ProductOptionNameDocument as r}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as t}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as s}from"./shop.js";import{useFetchHandle as o}from"./useFetchHandle.js";import{useShopStore as i}from"../contexts/ShopContext.js";import"react";import"react/jsx-runtime";import"zustand";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import p from"../helpers/is-browser.js";import"../helpers/convert.js";import"crc-32";let a=!1,l=!1,n=r=>{let t=o(),n=i(e=>e.changeSwatches),{swatches:m}=s(),{data:u}=e(["/query/productOptionName",{productOptionName:[]}],async()=>g(t),{revalidateOnMount:!0}),d=[];if(m?.forEach(e=>{d.push(e.optionTitle)}),u?.productOptionName?.forEach(e=>{d.includes(e)||(a=!0,m?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];c(m,r),p()&&m?.length&&(a||l)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:m}),"*"),n(m)),a=!1},m=(e,r)=>{let s=e?t[e.toLocaleLowerCase()]:void 0,o=s?[s]:[],i=r?.[0];return!i&&o.length&&(l=!0),i?[i]:o},u=(e,r)=>{let t=[],s=e.find(e=>e.name===r);return s?.values.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},d=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},c=(e,r)=>(e&&e?.map(e=>{let t=u(r,e.optionTitle),s=d(e.optionValues);t.forEach(r=>{s.includes(r)||e.optionValues.push({label:r,colors:m(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(a=!0),{label:e.label??"",colors:m(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),g=async e=>{let t=async t=>{let s=await e([r.toString(),t]);return s};return t({})};export{n as default};
1
+ import e from"swr";import{ProductOptionNameDocument as r}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as t}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as o}from"./shop.js";import{useFetchHandle as s}from"./useFetchHandle.js";import{useShopStore as i}from"../contexts/ShopContext.js";import"react";import"react/jsx-runtime";import"zustand";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import p from"../helpers/is-browser.js";import"../helpers/convert.js";import"crc-32";let a=!1,l=!1,n=r=>{let t=s(),n=i(e=>e.changeSwatches),{swatches:m}=o(),{data:u}=e(["/query/productOptionName",{productOptionName:[]}],async()=>g(t),{revalidateOnMount:!0}),c=[];if(m?.forEach(e=>{c.push(e.optionTitle)}),u?.productOptionName?.forEach(e=>{c.includes(e)||(a=!0,m?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];d(m,r),p()&&m?.length&&(a||l)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:m}),"*"),n(m)),a=!1},m=(e,r)=>{let o=e?t[e.toLocaleLowerCase()]:void 0,s=o?[o]:[],i=r?.[0];return!i&&s.length&&(l=!0),i?[i]:s},u=(e,r)=>{let t=[],o=e.find(e=>e.name===r);return o?.values.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},c=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},d=(e,r)=>(e&&e?.map(e=>{let t=u(r,e.optionTitle),o=c(e.optionValues);t.forEach(r=>{o.includes(r)||e.optionValues.push({label:r,colors:m(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(a=!0),{label:e.label??"",colors:m(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),g=async e=>{let t=async t=>{let o=await e([r.toString(),t]);return o};return t({})};export{n as default};
package/dist/esm/hooks/useProduct.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{useMemo as e,useCallback as t,useEffect as r}from"react";import{useProductStore as i}from"../contexts/ProductContext.js";import"react/jsx-runtime";import"zustand";import{usePageStore as s}from"../contexts/PageContext.js";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import{convertDecimalToNumber as o}from"./useFormatMoney.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import{checkInStock as a}from"../helpers/variant.js";import{useShopifyLink as n}from"./shop/useShopifyLink.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as p}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";import{getSelectedVariant as u}from"../helpers/product.js";let l=()=>i(e=>e.uiqueId),d=()=>i(e=>e.product),c=()=>i(e=>e.featuredImageGlobal),m=()=>i(e=>e.properties),g=()=>i(e=>e.isSyncProduct),h=()=>{let e=i(e=>e.useProductCompareAtPrice),t=i(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},q=()=>{let e=i(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:r}=n({productId:t});return{linkEditProduct:r,redirectProductShopifyLink:()=>{r&&window.open(r,"_blank")}}},f=()=>{let s=i(e=>e.quantity),o=i(e=>e.updatePrice),a=i(e=>e.decrementQuantity),n=i(e=>e.incrementQuantity),p=i(e=>e.setQuantity),u=i(e=>e.setHasUpdatePriceFollowQuantity),l=i(e=>e.isSyncProduct),d=i(e=>e.product),c=d?.id,m=t(()=>{p(1)},[p]);return r(()=>{if(l){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:s,productId:c}});window.dispatchEvent(e)}},[s,l,c]),e(()=>({quantity:s,hasUpdatePrice:o,increment:n,decrement:a,reset:m,setQuantity:p,setUpdatePrice:u}),[a,n,s,m,p,u,o])},j=()=>{let t=i(e=>e.hasPreSelected),r=i(e=>e.setHasPreSelected);return e(()=>({hasPreSelected:t,setHasPreSelected:r}),[t,r])},y=()=>{let r=i(e=>e.setSelectedOption),s=i(e=>e.selectedOptions),o=i(e=>e.forceSelectedOption),a=i(e=>e.isSyncProduct),n=i(e=>e.isChangeSelectedOption),p=i(e=>e.setIsChangeSelectedOption),u=i(e=>e.offerSingleVariantID),l=t((e,t,i,s)=>{if(!s&&a){let r=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:t,productId:i,isManualChange:!0}});window.dispatchEvent(r)}r(e,t),p(!0)},[a,r,p]),d=t((e,t,r,i)=>{if(!r&&a){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t,isManualChange:i}});window.dispatchEvent(r)}o(e)},[o,a]);return e(()=>({isChangeSelectedOption:n,selectedOptions:s,setSelectedOption:l,forceSelectedOption:d,offerSingleVariantID:u}),[s,l,d])},b=()=>{let e=i(e=>e.product?.variants);return p(e)},P=t=>{let r=b();return e(()=>r?.find(e=>e?.id===t),[t,r])},S=()=>{let{selectedOptions:t}=y(),r=b();return e(()=>u(r,t),[t,r])},v=()=>{let e=S(),t=d();return a(e,t)},w=(e,t,r)=>{let{selectedOptions:i}=y(),s=b(),o=r.optionNumber-1;if(r.position<o)return s.some(r=>{if(r){let{selectedOptions:i}=r,s=i?.some(r=>r?.name===e&&r.value===t),o=a(r);return s&&o}});let n=u(s,{...i,[e]:t});return a(n)},C=(e,t)=>{let r=b();return!!r&&r.some(r=>{if(r){let{selectedOptions:i}=r,s=i?.some(r=>r?.name===e&&r.value===t),o=a(r);return s&&o}return!1})},I=()=>{let e=s(e=>e.productOffers),t=d(),r=S(),i=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!i||!i.isEnabled)return 0;let a=i?.value;if(i&&"PERCENTAGE"===i.valueType&&a){let e=o(r?.price)??0;a=a*e/100}return a||0};export{C as useCheckAvailableVariantInStock,S as useCurrentVariant,v as useCurrentVariantInStock,c as useFeaturedImageGlobal,j as useHasPreSelected,g as useIsSyncProduct,d as useProduct,h as useProductBundleDiscount,I as useProductOfferDiscount,m as useProductProperties,q as useProductShopifyEditLink,f as useQuantity,y as useSelectedOption,l as useUniqProductID,P as useVariant,w as useVariantOutStock,b as useVariants};
2
+ import{useMemo as e,useCallback as t,useEffect as r}from"react";import{useProductStore as i}from"../contexts/ProductContext.js";import"react/jsx-runtime";import"zustand";import{usePageStore as o}from"../contexts/PageContext.js";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"./useCartUI.js";import{convertDecimalToNumber as s}from"./useFormatMoney.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import{checkInStock as n}from"../helpers/variant.js";import{useShopifyLink as a}from"./shop/useShopifyLink.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as p}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";import{getSelectedVariant as u}from"../helpers/product.js";let l=()=>i(e=>e.uiqueId),d=()=>i(e=>e.product),c=()=>i(e=>e.featuredImageGlobal),m=()=>i(e=>e.properties),g=()=>i(e=>e.isSyncProduct),h=()=>{let e=i(e=>e.useProductCompareAtPrice),t=i(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},q=()=>{let e=i(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:r}=a({productId:t});return{linkEditProduct:r,redirectProductShopifyLink:()=>{r&&window.open(r,"_blank")}}},f=()=>{let o=i(e=>e.quantity),s=i(e=>e.updatePrice),n=i(e=>e.decrementQuantity),a=i(e=>e.incrementQuantity),p=i(e=>e.setQuantity),u=i(e=>e.setHasUpdatePriceFollowQuantity),l=i(e=>e.isSyncProduct),d=i(e=>e.product),c=d?.id,m=t(()=>{p(1)},[p]);return r(()=>{if(l){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:o,productId:c}});window.dispatchEvent(e)}},[o,l,c]),e(()=>({quantity:o,hasUpdatePrice:s,increment:a,decrement:n,reset:m,setQuantity:p,setUpdatePrice:u}),[n,a,o,m,p,u,s])},j=()=>{let t=i(e=>e.hasPreSelected),r=i(e=>e.setHasPreSelected);return e(()=>({hasPreSelected:t,setHasPreSelected:r}),[t,r])},y=()=>{let r=i(e=>e.setSelectedOption),o=i(e=>e.selectedOptions),s=i(e=>e.forceSelectedOption),n=i(e=>e.isSyncProduct),a=i(e=>e.isChangeSelectedOption),p=i(e=>e.setIsChangeSelectedOption),u=i(e=>e.offerSingleVariantID),l=t((e,t,i,o)=>{if(!o&&n){let r=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:t,productId:i,isManualChange:!0}});window.dispatchEvent(r)}r(e,t),p(!0)},[n,r,p]),d=t((e,t,r,i)=>{if(!r&&n){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t,isManualChange:i}});window.dispatchEvent(r)}s(e)},[s,n]);return e(()=>({isChangeSelectedOption:a,selectedOptions:o,setSelectedOption:l,forceSelectedOption:d,offerSingleVariantID:u}),[o,l,d])},b=()=>{let e=i(e=>e.product?.variants);return p(e)},P=t=>{let r=b();return e(()=>r?.find(e=>e?.id===t),[t,r])},S=()=>{let{selectedOptions:t}=y(),r=b();return e(()=>u(r,t),[t,r])},v=()=>{let e=S(),t=d();return n(e,t)},w=(e,t,r)=>{let{selectedOptions:i}=y(),o=b(),s=r.optionNumber-1;if(r.position<s)return o.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}});let a=u(o,{...i,[e]:t});return n(a)},C=(e,t)=>{let r=b();return!!r&&r.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}return!1})},I=()=>{let e=o(e=>e.productOffers),t=d(),r=S(),i=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!i||!i.isEnabled)return 0;let n=i?.value;if(i&&"PERCENTAGE"===i.valueType&&n){let e=s(r?.price)??0;n=n*e/100}return n||0};export{C as useCheckAvailableVariantInStock,S as useCurrentVariant,v as useCurrentVariantInStock,c as useFeaturedImageGlobal,j as useHasPreSelected,g as useIsSyncProduct,d as useProduct,h as useProductBundleDiscount,I as useProductOfferDiscount,m as useProductProperties,q as useProductShopifyEditLink,f as useQuantity,y as useSelectedOption,l as useUniqProductID,P as useVariant,w as useVariantOutStock,b as useVariants};
package/dist/esm/hooks/useTagRenderPreview.js ADDED
@@ -0,0 +1 @@
1
+ import{useState as t,useEffect as e}from"react";import{oldToNewTagMap as a}from"../components/constant.js";let r=(t,e)=>a[t]===e,o=a=>{let[o,g]=t(a?.tag);return e(()=>{o&&a?.tag&&!r(o,a.tag)&&g(a.tag)},[a?.tag]),{tag:o}};export{o as default};
package/dist/esm/upsell-components/RenderPreviewUpsell.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as t}from"react";import{useBuilderUpsellWidget as i}from"../contexts/BuilderUpsellWidget.js";import"zustand";import{useBuilderPreviewUpsellStore as s}from"../contexts/BuilderPreviewUpsellContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import{ErrorBoundary as p}from"react-error-boundary";import o from"./WrapperWidgetPreview.js";let a=t(({...t})=>{let a=s(e=>e.widget),l=i(a?.tag);return a?e(p,{fallbackRender:({error:t,resetErrorBoundary:i})=>r(o,{...a,children:[e("span",{"aria-label":"Error message",children:t.message}),e("button",{type:"button",onClick:i,children:"Try again"})]}),children:e(o,{...a,children:e(l,{builderProps:{widgetId:a.widgetId,layoutCid:a.layoutCid,builderData:a},styles:a.styles,setting:a.settings,...t})})},a.widgetId):null});a.displayName="RenderPreviewUpsellMemo";export{a as default};
2
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as t}from"react";import{useBuilderUpsellWidget as i}from"../contexts/BuilderUpsellWidget.js";import"zustand";import{useBuilderPreviewUpsellStore as s}from"../contexts/BuilderPreviewUpsellContext.js";import"react-transition-group";import"../components/constant.js";import"swr";import"swr/infinite";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import{ErrorBoundary as o}from"react-error-boundary";import p from"./WrapperWidgetPreview.js";let a=t(({...t})=>{let a=s(e=>e.widget),l=i(a?.tag);return a?e(o,{fallbackRender:({error:t,resetErrorBoundary:i})=>r(p,{...a,children:[e("span",{"aria-label":"Error message",children:t.message}),e("button",{type:"button",onClick:i,children:"Try again"})]}),children:e(p,{...a,children:e(l,{builderProps:{widgetId:a.widgetId,layoutCid:a.layoutCid,builderData:a},styles:a.styles,setting:a.settings,...t})})},a.widgetId):null});a.displayName="RenderPreviewUpsellMemo";export{a as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "17.0.0-dev.90",
3
+ "version": "17.0.0-dev.94",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -28,8 +28,8 @@
28
28
  "type-check": "yarn tsc --noEmit"
29
29
  },
30
30
  "devDependencies": {
31
- "@gem-sdk/adapter-shopify": "17.0.0-dev.84",
32
- "@gem-sdk/styles": "17.0.0-dev.89",
31
+ "@gem-sdk/adapter-shopify": "17.0.0-dev.93",
32
+ "@gem-sdk/styles": "17.0.0-dev.93",
33
33
  "@types/classnames": "^2.3.1"
34
34
  },
35
35
  "dependencies": {