@gem-sdk/core 17.0.0-dev.100 → 17.0.0-dev.104
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.
- package/dist/cjs/components/InteractionSuffix.js +1 -1
- package/dist/cjs/components/Render.liquid.js +1 -1
- package/dist/cjs/components/RenderCustomCode.js +2 -2
- package/dist/cjs/components/ai-assistant/AIAssistant.js +1 -1
- package/dist/cjs/components/ai-generator/AIContentGenerator.js +1 -1
- package/dist/cjs/components/ai-generator/components/PickProduct.js +1 -1
- package/dist/cjs/components/ai-generator/components/ToneAndVoice.js +1 -1
- package/dist/cjs/components/resize/Spacing.js +1 -1
- package/dist/cjs/components/theme-section/CreateThemeSection.js +1 -1
- package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +1 -1
- package/dist/cjs/components/upgrade-element/UpgradeButton.js +1 -1
- package/dist/cjs/components/upgrade-element/UpgradeElement.js +1 -1
- package/dist/cjs/contexts/BuilderPreviewContext.js +1 -1
- package/dist/cjs/contexts/ProductContext.js +1 -1
- package/dist/cjs/contexts/types/builderPreviewContext.js +1 -0
- package/dist/cjs/helpers/interaction/index.js +1 -1
- package/dist/cjs/hooks/useAnimations.js +1 -1
- package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -1
- package/dist/cjs/hooks/useProduct.js +1 -1
- package/dist/cjs/hooks/useTagRenderPreview.js +1 -1
- package/dist/cjs/upsell-components/RenderPreviewUpsell.js +1 -1
- package/dist/esm/components/InteractionSuffix.js +1 -1
- package/dist/esm/components/Render.liquid.js +5 -5
- package/dist/esm/components/RenderCustomCode.js +1 -1
- package/dist/esm/components/ai-assistant/AIAssistant.js +1 -1
- package/dist/esm/components/ai-generator/AIContentGenerator.js +1 -1
- package/dist/esm/components/ai-generator/components/PickProduct.js +1 -1
- package/dist/esm/components/ai-generator/components/ToneAndVoice.js +1 -1
- package/dist/esm/components/resize/Spacing.js +1 -1
- package/dist/esm/components/theme-section/CreateThemeSection.js +1 -1
- package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -1
- package/dist/esm/components/upgrade-element/UpgradeButton.js +1 -1
- package/dist/esm/components/upgrade-element/UpgradeElement.js +1 -1
- package/dist/esm/contexts/BuilderPreviewContext.js +1 -1
- package/dist/esm/contexts/ProductContext.js +1 -1
- package/dist/esm/contexts/types/builderPreviewContext.js +1 -0
- package/dist/esm/helpers/interaction/index.js +1 -1
- package/dist/esm/hooks/useAnimations.js +1 -1
- package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -1
- package/dist/esm/hooks/useProduct.js +1 -1
- package/dist/esm/hooks/useTagRenderPreview.js +1 -1
- package/dist/esm/upsell-components/RenderPreviewUpsell.js +1 -1
- package/dist/types/index.d.ts +4120 -4117
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{makeStyleResponsive as e}from"../helpers/make-style.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"../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"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";let d=["CarouselItem","CarouselItemV3"],o=["Text","Heading"],p=["IconListV2","IconList"],c=["IconList","ProductVariants"],u=({uid:e,builder:s,components:a,parentId:u,extraFiles:q={},pageContext:f,additionalSettings:j,...
|
|
3
|
-
${l(
|
|
4
|
-
</div>`;let{cssCode:w,jsCode:A}=m(
|
|
2
|
+
import{makeStyleResponsive as e}from"../helpers/make-style.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"../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"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"@sentry/nextjs";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";let d=["CarouselItem","CarouselItemV3"],o=["Text","Heading"],p=["IconListV2","IconList"],c=["IconList","ProductVariants"],u=({uid:e,builder:s,components:a,parentId:u,extraFiles:q={},pageContext:f,additionalSettings:j,...y})=>{let v=s[e],$=a[v?.tag];if(!$||!v||v?.type==="section")return{liquid:"",extraFiles:q};{let q={extraFiles:{}},k=i(v.advanced,v.tag),x="";x=t.includes(v.tag)?l(v?.childrens?.length,()=>$({builderProps:{uid:e,builderData:v},styles:v.styles,setting:v.settings,style:k,advanced:v.advanced,parentId:d.includes(v.tag)?u:null,pageContext:f,...j,...y,builderAttrs:{...y.builderAttrs},rawChildren:v.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...j})),children:r.includes(v.tag)?"":b({uid:e,customProps:q},v.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:v.tag,pageContext:f,...j})))}),()=>$({builderProps:{uid:e,builderData:v},styles:v.styles,setting:v.settings,advanced:v.advanced,style:k,isText:!!o.includes(v.tag)||null,parentId:d.includes(v.tag)?u:null,pageContext:f,...y,builderAttrs:{...y.builderAttrs}})):n`<div gp-el-wrapper style="${p.includes(v.tag)?"":k}" class="${v.uid} ${v?.childrens?.length||"IconListItemHoz"!==v.tag?"":"hidden"}">
|
|
3
|
+
${l(v?.childrens?.length,()=>$({builderProps:{uid:e,builderData:v},styles:v.styles,setting:v.settings,advanced:{...c.includes(v.tag)?v?.advanced:{},cssClass:v?.advanced?.cssClass},pageContext:f,...j,...y,builderAttrs:{...y.builderAttrs},rawChildren:v.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...j})),children:r.includes(v.tag)?"":b({uid:e,customProps:q},v.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:v.tag,pageContext:f,...j})))}),()=>$({builderProps:{uid:e,builderData:v},styles:v.styles,setting:v.settings,advanced:{...c.includes(v.tag)?v?.advanced:{},cssClass:v?.advanced?.cssClass},pageContext:f,...j,isText:!!o.includes(v.tag)||null,style:p.includes(v.tag)?k:null,...y,builderAttrs:{...y.builderAttrs}}))}
|
|
4
|
+
</div>`;let{cssCode:w,jsCode:A}=m(v);return w&&(x+=w),A&&(x+=A),{liquid:x=g(v,x),extraFiles:q.extraFiles}}},m=e=>{let{css:t,javascript:r,rootClassName:i}=e.advanced?.editorData||{},s=t?.replaceAll(i,e.uid),a=r?.replaceAll(i,e.uid),d=l(!!t,n`
|
|
5
5
|
<style id="${`custom-css-${e?.uid}`}">
|
|
6
6
|
${s}
|
|
7
7
|
</style>
|
|
@@ -11,11 +11,11 @@ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";imp
|
|
|
11
11
|
${a}
|
|
12
12
|
} catch(err){}
|
|
13
13
|
</script>
|
|
14
|
-
`);return{cssCode:d,jsCode:o}},g=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},m=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",g=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=m(g("desktop"),"appear"),b=m(g("desktop"),"hover"),q=m(g("tablet"),"appear"),f=m(g("mobile"),"appear"),j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,
|
|
14
|
+
`);return{cssCode:d,jsCode:o}},g=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},m=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",g=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=m(g("desktop"),"appear"),b=m(g("desktop"),"hover"),q=m(g("tablet"),"appear"),f=m(g("mobile"),"appear"),j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,y=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f;if(!j)return r;let v=e=>g(e)?.enabled&&!["shake","none"].includes(m(g(e),"appear"))?"hidden":"visible",$={desktop:v("desktop"),tablet:v("tablet"),mobile:v("mobile")};return n`
|
|
15
15
|
<gp-animation
|
|
16
16
|
gp-interaction-wrapper
|
|
17
17
|
display-init="${!1===u?"hide":"show"}"
|
|
18
|
-
gp-data='${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!
|
|
18
|
+
gp-data='${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!y})}'
|
|
19
19
|
style="${{display:"contents"}}"
|
|
20
20
|
>
|
|
21
21
|
<div style="${{...e("v",$),display:"contents"}}">${r}</div>
|
|
@@ -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"./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(()=>`
|
|
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"@sentry/nextjs";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){}
|
|
@@ -1 +1 @@
|
|
|
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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as p,useMemo as s,useEffect as i}from"react";import{SearchIcon as a}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"@sentry/nextjs";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]);i(()=>{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]),i(()=>{v&&v.name&&d.changeProductName(v.name)},[v,d]),i(()=>{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(a,{}),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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as p}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"@sentry/nextjs";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]=t(n[0]),[u,c]=t(!1),h=e=>{d(e),c(!1)};return p(()=>{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(t=>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(t),children:[e("div",{className:l({"gp-invisible":m?.value!==t.value}),children:e(i,{})}),e("span",{className:"gp-text-xs",children:t.label})]},t.value))}):null]})]})})};export{o as ToneAndVoice};
|
|
@@ -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 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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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"../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(),
|
|
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"@sentry/nextjs";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(),n={old:{icon:r(i,{}),label:g("Update"),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}},d=n[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 ${d.className}`,children:d.icon}),d.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]"})}),d.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:d.label})]})};export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useState as r,useMemo as t,useCallback as i,useEffect as s}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import{oldElementTags as p}from"../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 a from"./UpgradeButton.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
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as r,useMemo as t,useCallback as i,useEffect as s}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import{oldElementTags as p}from"../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 a from"./UpgradeButton.js";import*as l from"@sentry/nextjs";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 m=({tag:m,uid:n})=>{let[d,u]=r(!1),g=o(e=>e.oldElements),q=t(()=>!!n&&(g?.some(e=>e.uid===n)??!1),[g,n]),c=t(()=>q&&!!m&&!p.includes(m),[q,m]),h=i(e=>{e.preventDefault(),e.stopPropagation(),u(!0),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:n,fromTag:m}}))},[m,n]);return(s(()=>{if(!d)return;let e=setTimeout(()=>{u(!1),l.captureMessage("upgrade-old-element timeout",{extra:{uid:n,tag:m}})},15e3);return()=>clearTimeout(e)},[d,n,m]),m&&n&&q)?e(a,{isLoading:d,isUpdated:c,onUpgrade:h}):null};export{m as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as i,useMemo as s,Suspense as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as i,useMemo as s,Suspense as r,Fragment as d}from"react";import{useStore as n,createStore as l}from"zustand";import{cloneDeep as a}from"../helpers/clone-deep.js";import{normalizeBuilderData as c}from"../helpers/normalize-builder-data.js";import{UPDATABLE_ITEM_ATTRS as o}from"./types/builderPreviewContext.js";function u(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}let f=i(null),h={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},p=(e,t,i)=>l((s,r)=>({state:e,loaded:!1,isThemeSectionEditor:!!i,pageName:t,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,addItem:e=>{let{position:t,data:i}=e,d=r().state,n=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,r=d.ROOT;r.childrens?r.childrens.splice(t??0,0,e):r.childrens=[e],r.dateModified=n,s({state:{...d,[e]:{uid:e,type:"section",label:i.label},ROOT:a(r)}})}}else{let{id:i,data:r}=e,l=i?d[i]??d.ROOT:d.ROOT;if("section"===l.type)return;if(Array.isArray(r)){let e=r.map(e=>e.uid),i=r.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});l.dateModified=n,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,...e),s({state:{...d,...i,[l.uid]:a(l)}})}else{let e=c(r);l.dateModified=n,l.childrens=l.childrens??[],l.childrens.splice(t??0,0,r.uid),s({state:{...d,...e,[l.uid]:a(l)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let d=r().state,n=d[e];if(n?.type!=="section"&&n){let r=Date.now();switch(n.dateModified=r,i){case"setting":s({state:{...d,[e]:{...n,settings:{...n.settings,...t}}}});break;case"style":s({state:{...d,[e]:{...n,styles:{...n.styles,...t}}}});break;case"advanced":s({state:{...d,[e]:{...n,advanced:{...n.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let d=r().state,n=d[e];if(n?.type!=="section"&&n){let r=Date.now();switch(n.dateModified=r,i){case"setting":s({state:{...d,[e]:{...n,settings:t}}});break;case"style":s({state:{...d,[e]:{...n,styles:t}}});break;case"advanced":s({state:{...d,[e]:{...n,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:d})=>{if(!d||!["setting","style","advanced"].includes(d))return;let n=r().state,l=n[e];if(l?.type!=="section"&&l){let r={style:l.styles??{},advanced:l.advanced??{},setting:l.settings??{}};void 0===i?(console.warn("Data is undefined"),delete r[d][t]):r[d][t]=i,s({state:{...n,[e]:{...l,settings:{...r.setting},styles:{...r.style},advanced:{...r.advanced}}}})}},getItem:e=>r().state[e],getState:()=>r().state,removeItem:e=>{if("ROOT"===e)s({state:{ROOT:h}});else{let t=r().state;!function e(t,i){let s=i[t];s&&(delete i[t],"section"!==s.type&&s.childrens?.map(t=>e(t,i)))}(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let r=Date.now(),[d,n]=i;if("section"===n.type)return;n.childrens=n.childrens?.filter(t=>t!==e),n.dateModified=r,s({state:{...t,[d]:a(n)}})}}},moveItem:(e,t,i)=>{let d=r().state,n=d[e],l=d[t];if(n&&l&&"section"!==l.type){if("section"===n.type){let t=d.ROOT;if(!t.childrens)return;let r=t.childrens.findIndex(t=>t===e);u(t.childrens,r,i??0),s({state:{...d,ROOT:a(t)}})}else{let r=Object.entries(d).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(n&&r){let c=Date.now(),[,o]=r;if("section"===o.type)return;if(o.dateModified=c,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(u(o.childrens,t,i??0),s({state:{...d,[o.uid]:a(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),l&&(l.dateModified=c,l.childrens=l.childrens??[],l.childrens.splice(i??0,0,n.uid),s({state:{...d,[l.uid]:a(l),[o.uid]:a(o)}}))}}}},forceChangeState:e=>{s({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});s({loaded:!0,state:{ROOT:{...h,childrens:t},...i}})}else{let t=c(e);s({loaded:!0,state:{ROOT:{...h,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=r().state,d=i.ROOT;d.childrens||(d.childrens=[]),d.childrens.splice(t??0,0,e.uid),s({state:{...i,ROOT:a(d)}})},getParents:(e,t)=>{let i=r().state,s=[],d=0,n=e;for(;!t||!(d>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(n));if(!e)break;let[,t]=e;if(!t)break;s.push(t),n=t.uid,d++}return s},updateItemName:(e,t)=>{let i=r().state,d=i[e];d&&(d.name=t,s({state:{...i,[e]:a(d)}}))},updateItemAttribute:(e,t,i)=>{if(!i||!o.includes(i))return;let d=r().state,n=d[e];if(n){if("section"!==n.type){let e=Date.now();n.dateModified=e}let r={...n,[i]:t};s({state:{...d,[e]:r}})}},updateAllItemAttribute:(e,t)=>{if("tag"!==e)return;let i=r().state,d={};for(let{uid:s,value:r}of t){let t=i[s];if(!t)continue;let n={...t,..."section"!==t.type&&{dateModified:Date.now()},[e]:r};d[s]=n}Object.keys(d).length>0&&s({state:{...i,...d}})},dismissPublishError:e=>{let t=r().errorSectionList;if(!Array.isArray(t))return;let i=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);s({errorSectionList:i})},setErrorSectionList:e=>s({errorSectionList:e})})),y=({children:t,state:i,isThemeSectionEditor:n,pageName:l,lazy:a,...c})=>{let o=a?r:d,u=s(()=>p(i,l,n),[i,n,l]);return e(o,{children:e(f.Provider,{...c,value:u,children:t})})},m=(e,i)=>{let s=t(f);if(!s)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return n(s,e,i)};export{y as BuilderPreviewProvider,m as useBuilderPreviewStore};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let i=["label","customLabel","isShopifyVisibility","tag"];export{i as UPDATABLE_ITEM_ATTRS};
|
|
@@ -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"../../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),
|
|
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"@sentry/nextjs";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),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]),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};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|
|
@@ -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
|
|
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"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"@sentry/nextjs";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}),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 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},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),s=c(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,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
|
|
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 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"@sentry/nextjs";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 s=i(e=>e.quantity),o=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:s,productId:c}});window.dispatchEvent(e)}},[s,l,c]),e(()=>({quantity:s,hasUpdatePrice:o,increment:a,decrement:n,reset:m,setQuantity:p,setUpdatePrice:u}),[n,a,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),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,s)=>{if(!s&&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)}o(e)},[o,n]);return e(()=>({isChangeSelectedOption:a,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 n(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=n(r);return s&&o}});let a=u(s,{...i,[e]:t});return n(a)},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=n(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 n=i?.value;if(i&&"PERCENTAGE"===i.valueType&&n){let e=o(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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as t,useEffect as e}from"react";import{oldToNewTagMap as
|
|
1
|
+
import{useState as t,useEffect as e}from"react";import{oldToNewTagMap as r}from"../components/constant.js";let a=(t,e)=>r[t]===e,o=r=>{let[o,g]=t(r?.tag);return e(()=>{if(r?.tag){if(!o){g(r.tag);return}a(o,r.tag)||g(r.tag)}},[r?.tag,o]),{tag:o}};export{o as default};
|
|
@@ -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"../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};
|
|
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"@sentry/nextjs";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};
|