@gem-sdk/components 8.0.0-dev.121 → 8.0.0-dev.123

package/dist/cjs/marquee/components/Marquee.liquid.js

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),MarqueeBase_liquid=require("./MarqueeBase.liquid.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Marquee=({children:e,style:s,builderAttrs:t,rawChildren:r,advanced:a,...l})=>{let{styles:i,setting:c,builderProps:o}=l,{iconSeparatorColor:d,backgroundColor:n}=i||{},{iconSeparatorSvg:u,isShowIconSeparator:m}=c||{},y=r.length,{isFullWidth:p,getIsFullWidthValue:g}=helpers.useMarqueeLiquidStyles(c,i),{styleHeight:C,styleWidth:S,getWidthForWrapperItem:q,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h,getItemPaddingRightSpacingValue:M,getWidthForItem:f}=styles.getMarqueeStyles({itemSize:y,setting:c,styles:i}),j=()=>({desktop:g("desktop"),tablet:g("tablet"),mobile:g("mobile")}),I=system.createClass(classes.getAlignClasses),B=system.createStyle(styles.getAlignStyles(i)),F=system.createStyle(styles.getContentStyles({style:s,backgroundColor:n,styleWidth:S,styleHeight:C})),b=system.createClass(classes.getContentClasses),k=system.createClass(classes.getWrapperClasses(o?.uid)),w=system.createClass(classes.getFastMarqueeContentClasses),O=system.createClass(classes.getFastMarqueeClasses),R=system.createClass(classes.getFastMarqueeContentChildrenClasses(p)),_=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:y,iconSeparatorColor:d,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h})),A=system.createClass(classes.getFastMarqueeChildrenIconClasses),E=e=>system.createStyle({...M(e),"text-wrap":"wrap",...q()}),x=system.createStyle(f()),P=system.createStateOrContext({setting:{...c,iconSeparatorSvg:helpers$1.safeSvgIcon(c?.iconSeparatorSvg),uid:o?.uid},styles:i}),L=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),MarqueeBase_liquid=require("./MarqueeBase.liquid.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Marquee=({children:e,style:s,builderAttrs:t,rawChildren:r,advanced:a,...l})=>{let{styles:i,setting:c,builderProps:o}=l,{iconSeparatorColor:d,backgroundColor:n}=i||{},{iconSeparatorSvg:u,isShowIconSeparator:m}=c||{},p=r.length,{isFullWidth:y,getIsFullWidthValue:g}=helpers.useMarqueeLiquidStyles(c,i),{styleHeight:C,styleWidth:S,getWidthForWrapperItem:q,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h,getItemPaddingRightSpacingValue:M,getWidthForItem:f}=styles.getMarqueeStyles({itemSize:p,setting:c,styles:i}),j=()=>({desktop:g("desktop"),tablet:g("tablet"),mobile:g("mobile")}),I=system.createClass(classes.getAlignClasses),B=system.createStyle(styles.getAlignStyles(i)),F=system.createStyle(styles.getContentStyles({style:s,backgroundColor:n,styleWidth:S,styleHeight:C})),b=system.createClass(classes.getContentClasses),k=system.createClass(classes.getWrapperClasses(o?.uid)),w=system.createClass(classes.getFastMarqueeContentClasses),O=system.createClass(classes.getFastMarqueeClasses),R=system.createClass(classes.getFastMarqueeContentChildrenClasses(y)),_=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:p,iconSeparatorColor:d,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h})),A=system.createClass(classes.getFastMarqueeChildrenIconClasses),E=e=>system.createStyle({...M(e),"text-wrap":"wrap",...q()}),x=system.createStyle(f()),P=system.createStateOrContext({setting:{...c,iconSeparatorSvg:helpers$1.safeSvgIcon(c?.iconSeparatorSvg),uid:o?.uid},styles:i}),L=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
   ${L()}
-  <gp-marquee data-id="${o?.uid}" gp-data='${JSON.stringify(P)}'
-   class="${core.cls(o?.uid,a?.cssClass)}">
-   <div class="${I}" style="${B}">
+  <gp-marquee data-id="${o?.uid}" class="${core.cls(o?.uid,a?.cssClass)}">
+    <script gp-data type="application/json">${JSON.stringify(P)}</script>
+    <div class="${I}" style="${B}">
       <div class="${b}" style="${F}">
-         <div class="${k}">
+        <div class="${k}">
             <div class="${O}">
-               ${MarqueeBase_liquid.default({speed:l.setting?.speed,autoFill:!0,direction:l.setting?.direction,play:(l.setting?.speed??0)>0,pauseOnHover:l.setting?.stopOnHover,isFullWidthResponsive:j(),children:`
-               <div class="${w}">
+              ${MarqueeBase_liquid.default({speed:l.setting?.speed,autoFill:!0,direction:l.setting?.direction,play:(l.setting?.speed??0)>0,pauseOnHover:l.setting?.stopOnHover,isFullWidthResponsive:j(),children:`
+                  <div class="${w}">
                   ${r?.length?core.WrapRenderChildren({uid:o?.uid??"",customProps:r[0]?.customProps},r.map((e,s)=>{if(e)return core.template`
-                  <div class="${R}"
-                     style="${E(s)}">
-                     ${core.RenderChildren({...e,index:s,itemBorderStyle:i?.itemBorderStyle,itemCorner:i?.itemCorner,itemBackgroundColor:i?.itemBackgroundColor,hasItemShadow:c?.hasItemShadow,itemShadow:i?.itemShadow,itemStyles:x})}
-                     ${system.If(!!(m&&u),core.template`<span style="${_(s)}"
-                        class="${A}">
-                        ${u}
-                     </span>`)}
+                              <div class="${R}"
+                                style="${E(s)}">
+                                ${core.RenderChildren({...e,index:s,itemBorderStyle:i?.itemBorderStyle,itemCorner:i?.itemCorner,itemBackgroundColor:i?.itemBackgroundColor,hasItemShadow:c?.hasItemShadow,itemShadow:i?.itemShadow,itemStyles:x})}
+                                ${system.If(!!(m&&u),core.template`<span style="${_(s)}"
+                                    class="${A}">
+                                    ${u}
+                                </span>`)}
+                              </div>
+                              `})):e}
                   </div>
-                  `})):e}
-               </div>
-               `})}
+                `})}
             </div>
-         </div>
+        </div>
       </div>
-   </div>
-</gp-marquee>
+    </div>
+  </gp-marquee>
 `};exports.default=Marquee;

package/dist/cjs/post-purchase/product/components/product-subscription/ProductSubscription.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),React=require("react"),index=require("../../constants/index.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),useSellingPlanChange=require("./hooks/useSellingPlanChange.js"),useSellingSubscription=require("./hooks/useSellingSubscription.js"),useSellingPlanOptions=require("./hooks/useSellingPlanOptions.js"),useSubscriptionVisibility=require("./hooks/useSubscriptionVisibility.js"),OneTimePurchaseTooltip=require("./components/OneTimePurchaseTooltip.js"),SellingPlanDropdown=require("./components/SellingPlanDropdown.js"),SellingPlanLabel=require("./components/SellingPlanLabel.js"),SellingPlanRadio=require("./components/SellingPlanRadio.js"),SubscriptionDetail=require("./components/SubscriptionDetail.js"),SubscriptionRadio=require("./components/SubscriptionRadio.js");const ProductSubscription=({styles:e,setting:s,builderProps:i})=>{let n=core.useProduct(),{defaultValue:l,selectedSellingPlan:t,setSelectedSellingPlan:r}=useSellingSubscription.useSellingSubscription(s),u=useSellingPlanOptions.useSellingPlanOptions(s),{selectedValue:a,handleSellingPlanChange:o}=useSellingPlanChange.useSellingPlanChange({defaultValue:l,selectedSellingPlan:t,setSelectedSellingPlan:r,sellingPlanOptions:u}),c=React.useRef(null),p=React.useId(),{selectedType:S,shouldShowRadio:d,isOneTimeHidden:m,hasNoSellingPlanOptions:g,setSubscriptionSellingType:j}=useSubscriptionVisibility.useSubscriptionVisibility({setting:s}),x=system.createStyle(styles.getSubscriptionStyles(e,s)),b=system.createStyle(styles.getSubscriptionWrapperStyles(e?.align)),R=system.createClass(classes.getWrapperClasses()),P=system.createClass(classes.getContainerClasses()),{isEditMode:y}=core.useRenderMode(),h=`product-subscription-${n?.baseID}`,O=n?.baseID,T=`subscription-type-selection-${p}`,C=s?.sellingType===index.SubscriptionEnum.ONE_TIME,I=s?.sellingType===index.SubscriptionEnum.SUBSCRIPTION;if(m||g)return y?jsxRuntime.jsx(OneTimePurchaseTooltip.OneTimePurchaseTooltip,{ref:c,setting:s}):null;let q=e=>jsxRuntime.jsx("div",{ref:c,"data-selling-type":s?.sellingType,id:h,className:R,style:b,children:e}),E=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:s?.sellingStyle==="radio"?jsxRuntime.jsx(SellingPlanRadio.SellingPlanRadio,{setting:s,builderProps:i,productId:O??"",sellingPlanOptions:u,selectedValue:a,onChange:o}):jsxRuntime.jsx(SellingPlanDropdown.SellingPlanDropdown,{setting:s,sellingPlanOptions:u,selectedValue:a,onChange:o})});return q(C&&d?jsxRuntime.jsx("div",{className:P,style:x,children:jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${O}-one-time-radio`,name:T,value:index.SubscriptionEnum.ONE_TIME,checked:S===index.SubscriptionEnum.ONE_TIME,className:"!gp-items-start",onChange:e=>{e.target.checked&&j(index.SubscriptionEnum.ONE_TIME)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})})}):I&&d?jsxRuntime.jsxs("div",{className:P,style:x,children:[jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${O}-subscription-radio`,name:T,value:index.SubscriptionEnum.SUBSCRIPTION,checked:S===index.SubscriptionEnum.SUBSCRIPTION,className:"!gp-items-start",onChange:e=>{e.target.checked&&j(index.SubscriptionEnum.SUBSCRIPTION)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})}),S===index.SubscriptionEnum.SUBSCRIPTION&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"gp-pl-7",children:E()}),jsxRuntime.jsx("div",{className:"gp-pl-7",children:jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})})]})]}):jsxRuntime.jsxs("div",{className:P,style:x,children:[jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e}),E(),jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})]}))};exports.default=ProductSubscription;

package/dist/cjs/post-purchase/product/components/product-subscription/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getWrapperClasses=()=>core.composeClasses("gp-flex gp-gap-x-[10px] gap-[10px]"),getContainerClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioContainerClasses=()=>core.composeClasses("gp-relative gp-flex gp-flex-col"),getSellingPlanRadioLabelClasses=()=>core.composeClasses("gp-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),getSubscriptionRadioLabelClasses=e=>{let s=e?"gp-opacity-50 gp-cursor-not-allowed":"";return core.composeClasses(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${s}`.trim())},getSubscriptionRadioInputClasses=()=>core.composeClasses("gp-relative gp-w-5 gp-h-5 gp-cursor-pointer gp-appearance-none gp-rounded-full gp-bg-light-100 gp-transition-all gp-border-light-500 gp-border-2 checked:gp-border-[#1879b9] checked:gp-border-[5px] checked:gp-after:gp-content-[''] checked:gp-after:gp-absolute checked:gp-after:gp-top-1/2 checked:gp-after:gp-left-1/2 checked:gp-after:gp-transform checked:gp-after:gp--translate-x-1/2 checked:gp-after:gp--translate-y-1/2 checked:gp-after:gp-h-2 checked:gp-after:gp-w-2 checked:gp-after:gp-rounded-full checked:gp-after:gp-bg-white disabled:gp-cursor-not-allowed"),getSellingPlanDropdownContainerClasses=()=>core.composeClasses("gp-relative"),getSellingPlanDropdownLabelClasses=()=>core.composeClasses("!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]"),getSellingPlanDropdownLabelSpanClasses=()=>core.composeClasses("gp-max-w-full"),getSellingPlanDropdownLabelInnerSpanClasses=()=>core.composeClasses("gp-block gp-overflow-hidden"),getSellingPlanDropdownSelectClasses=({isNoLabel:e=!1})=>core.composeClasses(`gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9]  gp-pl-[11px] gp-pr-[40px] gp-text-[14px] gp-outline-none gp-text-[#545454] gp-leading-[1.3] ${e?"gp-pt-0 gp-pb-0":"gp-pt-[21px] gp-pb-[6px]"}`),getSellingPlanDropdownOptionClasses=()=>core.composeClasses("gp-text-[14px] gp-text-black"),getSellingPlanDropdownIconContainerClasses=()=>core.composeClasses("gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]"),getSellingPlanDropdownIconClasses=()=>core.composeClasses("gp-h-[10px] gp-w-[10px]");exports.getContainerClasses=getContainerClasses,exports.getSellingPlanDropdownContainerClasses=getSellingPlanDropdownContainerClasses,exports.getSellingPlanDropdownIconClasses=getSellingPlanDropdownIconClasses,exports.getSellingPlanDropdownIconContainerClasses=getSellingPlanDropdownIconContainerClasses,exports.getSellingPlanDropdownLabelClasses=getSellingPlanDropdownLabelClasses,exports.getSellingPlanDropdownLabelInnerSpanClasses=getSellingPlanDropdownLabelInnerSpanClasses,exports.getSellingPlanDropdownLabelSpanClasses=getSellingPlanDropdownLabelSpanClasses,exports.getSellingPlanDropdownOptionClasses=getSellingPlanDropdownOptionClasses,exports.getSellingPlanDropdownSelectClasses=getSellingPlanDropdownSelectClasses,exports.getSellingPlanRadioContainerClasses=getSellingPlanRadioContainerClasses,exports.getSellingPlanRadioLabelClasses=getSellingPlanRadioLabelClasses,exports.getSellingPlanRadioOptionTextClasses=getSellingPlanRadioOptionTextClasses,exports.getSellingPlanRadioOptionsClasses=getSellingPlanRadioOptionsClasses,exports.getSubscriptionRadioInputClasses=getSubscriptionRadioInputClasses,exports.getSubscriptionRadioLabelClasses=getSubscriptionRadioLabelClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var core=require("@gem-sdk/core");const getWrapperClasses=()=>core.composeClasses("gp-flex gp-gap-x-[10px] gap-[10px]"),getContainerClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioContainerClasses=()=>core.composeClasses("gp-relative gp-flex gp-flex-col"),getSellingPlanRadioLabelClasses=()=>core.composeClasses("gp-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),getSubscriptionRadioLabelClasses=e=>{let s=e?"gp-opacity-50 gp-cursor-not-allowed":"";return core.composeClasses(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${s}`.trim())},getSubscriptionRadioInputClasses=()=>core.composeClasses("gp-relative gp-min-h-[24px] gp-min-w-[24px] gp-w-5 gp-h-5 gp-cursor-pointer gp-appearance-none gp-rounded-full gp-bg-light-100 gp-transition-all gp-border-light-500 gp-border-2 checked:gp-border-[#1879b9] checked:gp-border-[5px] checked:gp-after:gp-content-[''] checked:gp-after:gp-absolute checked:gp-after:gp-top-1/2 checked:gp-after:gp-left-1/2 checked:gp-after:gp-transform checked:gp-after:gp--translate-x-1/2 checked:gp-after:gp--translate-y-1/2 checked:gp-after:gp-h-2 checked:gp-after:gp-w-2 checked:gp-after:gp-rounded-full checked:gp-after:gp-bg-white disabled:gp-cursor-not-allowed"),getSellingPlanDropdownContainerClasses=()=>core.composeClasses("gp-relative"),getSellingPlanDropdownLabelClasses=()=>core.composeClasses("!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]"),getSellingPlanDropdownLabelSpanClasses=()=>core.composeClasses("gp-max-w-full"),getSellingPlanDropdownLabelInnerSpanClasses=()=>core.composeClasses("gp-block gp-overflow-hidden"),getSellingPlanDropdownSelectClasses=({isNoLabel:e=!1})=>core.composeClasses(`gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9]  gp-pl-[11px] gp-pr-[40px] gp-text-[14px] gp-outline-none gp-text-[#545454] gp-leading-[1.3] ${e?"gp-pt-0 gp-pb-0":"gp-pt-[21px] gp-pb-[6px]"}`),getSellingPlanDropdownOptionClasses=()=>core.composeClasses("gp-text-[14px] gp-text-black"),getSellingPlanDropdownIconContainerClasses=()=>core.composeClasses("gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]"),getSellingPlanDropdownIconClasses=()=>core.composeClasses("gp-h-[10px] gp-w-[10px]");exports.getContainerClasses=getContainerClasses,exports.getSellingPlanDropdownContainerClasses=getSellingPlanDropdownContainerClasses,exports.getSellingPlanDropdownIconClasses=getSellingPlanDropdownIconClasses,exports.getSellingPlanDropdownIconContainerClasses=getSellingPlanDropdownIconContainerClasses,exports.getSellingPlanDropdownLabelClasses=getSellingPlanDropdownLabelClasses,exports.getSellingPlanDropdownLabelInnerSpanClasses=getSellingPlanDropdownLabelInnerSpanClasses,exports.getSellingPlanDropdownLabelSpanClasses=getSellingPlanDropdownLabelSpanClasses,exports.getSellingPlanDropdownOptionClasses=getSellingPlanDropdownOptionClasses,exports.getSellingPlanDropdownSelectClasses=getSellingPlanDropdownSelectClasses,exports.getSellingPlanRadioContainerClasses=getSellingPlanRadioContainerClasses,exports.getSellingPlanRadioLabelClasses=getSellingPlanRadioLabelClasses,exports.getSellingPlanRadioOptionTextClasses=getSellingPlanRadioOptionTextClasses,exports.getSellingPlanRadioOptionsClasses=getSellingPlanRadioOptionsClasses,exports.getSubscriptionRadioInputClasses=getSubscriptionRadioInputClasses,exports.getSubscriptionRadioLabelClasses=getSubscriptionRadioLabelClasses,exports.getWrapperClasses=getWrapperClasses;

package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanDropdown.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),useSellingPlanOptions=require("../hooks/useSellingPlanOptions.js"),classes=require("../common/classes.js");const SellingPlanDropdown=({setting:e,defaultValue:s})=>{let{sellingLabel:l}=e??{},a=useSellingPlanOptions.useSellingPlanOptions(e),[n,t]=React.useState(s||a[0]?.value||"");React.useEffect(()=>{if(s)t(s);else if(a.length>0){let e=a[0];e?.value&&t(s=>s||e.value)}},[s,a]);let i=system.createClass(classes.getSellingPlanDropdownContainerClasses()),r=system.createClass(classes.getSellingPlanDropdownLabelClasses()),o=system.createClass(classes.getSellingPlanDropdownLabelSpanClasses()),c=system.createClass(classes.getSellingPlanDropdownLabelInnerSpanClasses()),m=system.createClass(classes.getSellingPlanDropdownSelectClasses({isNoLabel:""===l})),u=system.createClass(classes.getSellingPlanDropdownOptionClasses()),g=system.createClass(classes.getSellingPlanDropdownIconContainerClasses()),p=system.createClass(classes.getSellingPlanDropdownIconClasses());return jsxRuntime.jsxs("div",{className:i,children:[l&&jsxRuntime.jsx("label",{htmlFor:"selling-plan-select",className:r,children:jsxRuntime.jsx("span",{className:o,children:jsxRuntime.jsx("span",{className:c,children:l})})}),jsxRuntime.jsx("select",{autoComplete:"off",name:"Select Option",className:m,value:n,onChange:e=>t(e.target.value),children:a.map(e=>jsxRuntime.jsx("option",{className:u,value:e.value,children:e.label},e.value))}),jsxRuntime.jsx("div",{className:g,children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:p,children:jsxRuntime.jsx("path",{d:"M0 5h20L10 15"})})})]})};exports.SellingPlanDropdown=SellingPlanDropdown;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js");const SellingPlanDropdown=({setting:s,sellingPlanOptions:e,selectedValue:l,onChange:a})=>{let{sellingLabel:n}=s??{},t=system.createClass(classes.getSellingPlanDropdownContainerClasses()),r=system.createClass(classes.getSellingPlanDropdownLabelClasses()),i=system.createClass(classes.getSellingPlanDropdownLabelSpanClasses()),c=system.createClass(classes.getSellingPlanDropdownLabelInnerSpanClasses()),o=system.createClass(classes.getSellingPlanDropdownSelectClasses({isNoLabel:""===n})),m=system.createClass(classes.getSellingPlanDropdownOptionClasses()),g=system.createClass(classes.getSellingPlanDropdownIconContainerClasses()),d=system.createClass(classes.getSellingPlanDropdownIconClasses());return jsxRuntime.jsxs("div",{className:t,children:[n&&jsxRuntime.jsx("label",{htmlFor:"selling-plan-select",className:r,children:jsxRuntime.jsx("span",{className:i,children:jsxRuntime.jsx("span",{className:c,children:n})})}),jsxRuntime.jsx("select",{autoComplete:"off",name:"Select Option",className:o,value:l,onChange:s=>a(s.target.value),children:e.map(s=>jsxRuntime.jsx("option",{className:m,value:s.value,children:s.label},s.value))}),jsxRuntime.jsx("div",{className:g,children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:d,children:jsxRuntime.jsx("path",{d:"M0 5h20L10 15"})})})]})};exports.SellingPlanDropdown=SellingPlanDropdown;

package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanRadio.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),SubscriptionRadio=require("./SubscriptionRadio.js"),useSellingPlanOptions=require("../hooks/useSellingPlanOptions.js"),classes=require("../common/classes.js");const SellingPlanRadio=({setting:e,defaultValue:s})=>{let{sellingLabel:l}=e??{},a=useSellingPlanOptions.useSellingPlanOptions(e),[i,n]=React.useState(s||a[0]?.value||"");React.useEffect(()=>{s&&n(s)},[s]);let t=system.createClass(classes.getSellingPlanRadioContainerClasses()),r=system.createClass(classes.getSellingPlanRadioLabelClasses()),c=system.createClass(classes.getSellingPlanRadioOptionsClasses()),o=system.createClass(classes.getSellingPlanRadioOptionTextClasses());return jsxRuntime.jsxs("div",{className:t,children:[l&&jsxRuntime.jsx("label",{className:r,children:l}),jsxRuntime.jsx("div",{className:c,children:a.map(e=>jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{name:"selling-plan-options",value:e.value,checked:i===e.value,onChange:e=>n(e.target.value),children:jsxRuntime.jsx("span",{className:o,children:e.label})},e.value))})]})};exports.SellingPlanRadio=SellingPlanRadio;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),SubscriptionRadio=require("./SubscriptionRadio.js"),classes=require("../common/classes.js");const SellingPlanRadio=({setting:s,productId:e,sellingPlanOptions:a,builderProps:l,selectedValue:i,onChange:n})=>{let{sellingLabel:t}=s??{},{uid:r}=l??{},c=system.createClass(classes.getSellingPlanRadioContainerClasses()),o=system.createClass(classes.getSellingPlanRadioLabelClasses()),u=system.createClass(classes.getSellingPlanRadioOptionsClasses()),m=system.createClass(classes.getSellingPlanRadioOptionTextClasses());return jsxRuntime.jsxs("div",{className:c,children:[t&&jsxRuntime.jsx("label",{className:o,children:t}),jsxRuntime.jsx("div",{className:u,children:a.map(s=>jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{name:`${e}-selling-plan-options-${r??""}`,value:s.value,checked:i===s.value,onChange:s=>n(s.target.value),children:jsxRuntime.jsx("span",{className:m,children:s.label})},`${e}-${s.value}-${r??""}`))})]})};exports.SellingPlanRadio=SellingPlanRadio;

package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSellingPlanChange.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useSellingPlanChange=({defaultValue:e,selectedSellingPlan:l,setSelectedSellingPlan:t,sellingPlanOptions:a})=>{let n=React.useRef(!0);React.useEffect(()=>{if(n.current){if(!l){let l=e||a[0]?.value||"";l&&t(l)}n.current=!1;return}if(l){let n=a.some(e=>e.value===l);if(!n&&a.length>0){let l=e||a[0]?.value||"";l&&t(l)}}},[e,a,l,t]);let u=e=>{t(e)},r=l||e||a[0]?.value||"";return{selectedValue:r,handleSellingPlanChange:u}};exports.useSellingPlanChange=useSellingPlanChange;

package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSellingSubscription.js

@@ -1 +1 @@
-"use strict";var React=require("react"),core=require("@gem-sdk/core"),extractSellingPlanSettings=require("../common/extractSellingPlanSettings.js");const useSellingSubscription=e=>{let l=core.useProduct(),n=core.useVariants(),{selectedOptions:t}=core.useSelectedOption(),s=core.usePageStore(e=>e.sellingPlanMeta),u=core.useEditorMode(),i=React.useRef(!1);React.useEffect(()=>{if(!i.current&&u===core.RenderModeEnv.EDIT&&!s){let e=new CustomEvent("element-subscription-mount");globalThis.dispatchEvent(e),i.current=!0}},[u,s]);let r=s??e?.sellingPlans,a=React.useMemo(()=>{if(!r)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let e=null;return s&&t&&(e=n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null),extractSellingPlanSettings.extractSellingPlanSettings({sellingPlansSetting:r,currentVariant:e,product:l,isFromEvent:!!s})},[r,s,n,t,l]),o=React.useMemo(()=>{if(!t||!n||0===n.length)return null;let e=n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null;return e},[t,n]),{sellingPlans:c,defaultValue:p}=React.useMemo(()=>{let e,n;let t=o?.sellingPlanGroups??l?.sellingPlanGroups??[];if(!t||0===t.length)return{sellingPlans:[],defaultValue:void 0};"__unknown__"===a.sourceApp?a.group&&(e=t.find(e=>null!=e&&e.id===a.group)):a.sourceApp&&a.group&&(e=t.find(e=>null!=e&&e.appID===a.sourceApp&&e.id===a.group)),e??(e=t[0]);let s=e?.sellingPlans?.filter(e=>null!=e).map(e=>({label:e.name,value:e.baseID}))??[];if(a.defaultOptions){let l=e?.sellingPlans?.find(e=>null!=e&&e.baseID===a.defaultOptions),t=e?.sellingPlans?.find(e=>null!=e&&e.id===a.defaultOptions);n=l?.baseID??t?.baseID??s[0]?.value}else n=s[0]?.value;return{sellingPlans:s,defaultValue:n}},[l,o,a]);return{sellingPlans:c,defaultValue:p}};exports.useSellingSubscription=useSellingSubscription;
+"use strict";var React=require("react"),core=require("@gem-sdk/core"),extractSellingPlanSettings=require("../common/extractSellingPlanSettings.js");const useSellingSubscription=e=>{let l=core.useProduct(),n=core.useVariants(),{selectedOptions:t}=core.useSelectedOption(),s=core.useProductStore(e=>e.selectedSellingPlan),u=core.useProductStore(e=>e.setSelectedSellingPlan),r=core.usePageStore(e=>e.sellingPlanMeta),i=core.useEditorMode(),o=React.useRef(!1);React.useEffect(()=>{if(!o.current&&i===core.RenderModeEnv.EDIT&&!r){let e=new CustomEvent("element-subscription-mount");globalThis.dispatchEvent(e),o.current=!0}},[i,r]);let a=r??e?.sellingPlans,c=React.useMemo(()=>{if(!a)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let e=null;return r&&t&&(e=n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null),extractSellingPlanSettings.extractSellingPlanSettings({sellingPlansSetting:a,currentVariant:e,product:l,isFromEvent:!!r})},[a,r,n,t,l]),d=React.useMemo(()=>{if(!t||!n||0===n.length)return null;let e=n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null;return e},[t,n]),{sellingPlans:p,defaultValue:g}=React.useMemo(()=>{let e,n;let t=d?.sellingPlanGroups??l?.sellingPlanGroups??[];if(!t||0===t.length)return{sellingPlans:[],defaultValue:void 0};"__unknown__"===c.sourceApp?c.group&&(e=t.find(e=>null!=e&&e.id===c.group)):c.sourceApp&&c.group&&(e=t.find(e=>null!=e&&e.appID===c.sourceApp&&e.id===c.group)),e??(e=t[0]);let s=e?.sellingPlans?.filter(e=>null!=e).map(e=>({label:e.name,value:e.baseID}))??[];if(c.defaultOptions){let l=e?.sellingPlans?.find(e=>null!=e&&e.baseID===c.defaultOptions),t=e?.sellingPlans?.find(e=>null!=e&&e.id===c.defaultOptions);n=l?.baseID??t?.baseID??s[0]?.value}else n=s[0]?.value;return{sellingPlans:s,defaultValue:n}},[l,d,c]);return{sellingPlans:p,defaultValue:g,selectedSellingPlan:s,setSelectedSellingPlan:u}};exports.useSellingSubscription=useSellingSubscription;

package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSubscriptionVisibility.js

@@ -1 +1 @@
-"use strict";var React=require("react"),core=require("@gem-sdk/core"),index=require("../../../constants/index.js"),useSellingPlanOptions=require("./useSellingPlanOptions.js");const useSubscriptionVisibility=({setting:i,hasBothTypes:e,sellingPlans:n})=>{let s=core.useProductStore(i=>i.setSubscriptionSellingType),u=core.useProductStore(i=>i.subscriptionSellingType),t=useSellingPlanOptions.useSellingPlanOptions(i),r=core.useProduct(),l=r?.requiresSellingPlan,o=u===index.SubscriptionEnum.ONE_TIME?index.SubscriptionEnum.ONE_TIME:index.SubscriptionEnum.SUBSCRIPTION;React.useEffect(()=>{if(!e){i?.sellingType===index.SubscriptionEnum.ONE_TIME?s(index.SubscriptionEnum.ONE_TIME):s(i?.sellingType??index.SubscriptionEnum.SUBSCRIPTION);return}u||s(index.SubscriptionEnum.SUBSCRIPTION)},[s,i?.sellingType,e,u]);let c=e&&!l||i?.sellingType===index.SubscriptionEnum.ONE_TIME&&!l,S=!t||0===t.length,p=i?.sellingType===index.SubscriptionEnum.ONE_TIME&&l&&(!n||0===n.length);return{selectedType:o,shouldShowRadio:c,isOneTimeHidden:p,hasNoSellingPlanOptions:S,setSubscriptionSellingType:s}};exports.useSubscriptionVisibility=useSubscriptionVisibility;
+"use strict";var React=require("react"),core=require("@gem-sdk/core"),index=require("../../../constants/index.js"),useSellingPlanOptions=require("./useSellingPlanOptions.js");const useSubscriptionVisibility=({setting:i})=>{let e=core.useProductStore(i=>i.setSubscriptionSellingType),n=core.useProductStore(i=>i.subscriptionSellingType),s=useSellingPlanOptions.useSellingPlanOptions(i),u=core.useProduct(),t=u?.requiresSellingPlan,r=n===index.SubscriptionEnum.ONE_TIME?index.SubscriptionEnum.ONE_TIME:index.SubscriptionEnum.SUBSCRIPTION;React.useEffect(()=>{n||(i?.sellingType===index.SubscriptionEnum.ONE_TIME?e(index.SubscriptionEnum.ONE_TIME):e(i?.sellingType??index.SubscriptionEnum.SUBSCRIPTION))},[e,i?.sellingType,n]);let l=!t,o=i?.sellingType===index.SubscriptionEnum.SUBSCRIPTION&&(!s||0===s.length),c=i?.sellingType===index.SubscriptionEnum.ONE_TIME&&t;return{selectedType:r,shouldShowRadio:l,isOneTimeHidden:c,hasNoSellingPlanOptions:o,setSubscriptionSellingType:e}};exports.useSubscriptionVisibility=useSubscriptionVisibility;

package/dist/cjs/post-purchase/product/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const PostPurchaseProductTitle=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductTitle.js")}),{loading:Loading.default}),PostPurchaseProductDescription=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductDescription.js")}),{ssr:!1,loading:Loading.default}),PostPurchaseProductPrice=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductPrice.js")}),{loading:Loading.default}),PostPurchaseProductVariants=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-variant/components/ProductVariant.js")}),{loading:Loading.default}),PostPurchaseAcceptButton=dynamic(()=>Promise.resolve().then(function(){return require("./components/AcceptButton.js")}),{loading:Loading.default}),PostPurchaseProductQuantity=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductQuantity.js")}),{loading:Loading.default}),PostPurchaseProductSubscription=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-subscription/components/ProductSubscription.js")}),{loading:Loading.default}),PostPurchaseProductPriceBreakdown=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductPriceBreakdown.js")}),{loading:Loading.default}),PostPurchaseProductOffer=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-offer/components/ProductOffer.js")}),{loading:Loading.default}),PostPurchaseProductDiscountTag=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductDiscountTag.js")}),{loading:Loading.default}),PostPurchaseProductImages=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-image/index.js")}),{loading:Loading.default});var postPurchaseProduct={PostPurchaseProductTitle,PostPurchaseProductDescription,PostPurchaseProductPrice,PostPurchaseProductVariants,PostPurchaseAcceptButton,PostPurchaseProductQuantity,PostPurchaseProductPriceBreakdown,PostPurchaseProductOffer,PostPurchaseProductDiscountTag,PostPurchaseProductImages,PostPurchaseProductSubscription};exports.default=postPurchaseProduct;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const PostPurchaseProductTitle=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductTitle.js")}),{loading:Loading.default}),PostPurchaseProductDescription=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductDescription.js")}),{ssr:!1,loading:Loading.default}),PostPurchaseProductPrice=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductPrice.js")}),{loading:Loading.default}),PostPurchaseProductVariants=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-variant/components/ProductVariant.js")}),{loading:Loading.default}),PostPurchaseAcceptButton=dynamic(()=>Promise.resolve().then(function(){return require("./components/AcceptButton.js")}),{loading:Loading.default}),PostPurchaseProductQuantity=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductQuantity.js")}),{loading:Loading.default}),PostPurchaseProductSubscription=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-subscription/ProductSubscription.js")}),{loading:Loading.default}),PostPurchaseProductPriceBreakdown=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductPriceBreakdown.js")}),{loading:Loading.default}),PostPurchaseProductOffer=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-offer/components/ProductOffer.js")}),{loading:Loading.default}),PostPurchaseProductDiscountTag=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductDiscountTag.js")}),{loading:Loading.default}),PostPurchaseProductImages=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-image/index.js")}),{loading:Loading.default});var postPurchaseProduct={PostPurchaseProductTitle,PostPurchaseProductDescription,PostPurchaseProductPrice,PostPurchaseProductVariants,PostPurchaseAcceptButton,PostPurchaseProductQuantity,PostPurchaseProductPriceBreakdown,PostPurchaseProductOffer,PostPurchaseProductDiscountTag,PostPurchaseProductImages,PostPurchaseProductSubscription};exports.default=postPurchaseProduct;

package/dist/cjs/post-purchase/product/settings/product-subscription/configs/settings.js

@@ -1 +1 @@
-"use strict";var constants=require("../../../../common/constants.js");const ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_max_discount}",suggestContents:[{message:"{total_discount}",eg:"E.g: 50%"},{message:"{offer_discount}",eg:"E.g: 20%"},{message:"{selling_plan_max_discount}",eg:"E.g: 15%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",action:{clear:!0}},{id:"sellingTitleOneTime",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"One-time purchase",suggestContents:[]},{id:"sellingStyle",label:"Style",type:"option:illustration",default:"dropdown",options:[{label:"Dropdown",value:"dropdown",svgName:"gp-selling-plan-dropdown"},{label:"Radio",value:"radio",svgName:"gp-selling-plan-radio"}]},{id:"subscriptionLabel",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",suggestContents:[{message:"{selling_plan_delivery_frequency}",eg:"E.g: every week"},{message:"{selling_plan_discount}",eg:"E.g: 10%"},{message:"{selling_plan_billing_cycle}",eg:"E.g: every 1 month"}]},{id:"enableSubscriptionDetail",label:"Enable subscription detail",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sellingTitleDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingTitleOneTimeDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"subscriptionDetailDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingPlanItemGap",type:"select",label:"Item gap",options:constants.postPurchaseSpacing,default:"tight"},{id:"sellingTitleTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"sellingTitleOneTimeTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleOneTimeAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"subscriptionDetailTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"subscriptionDetailAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"backgroundColor",type:"select",label:"Background Color",options:[{label:"Transparent",value:"none",icon:"gp-bg-transparent"},{label:"Red",value:"critical",icon:"gp-bg-color-red"},{label:"Blue",value:"info",icon:"gp-bg-color-blue"},{label:"Green",value:"success",icon:"gp-bg-color-green"},{label:"Yellow",value:"warning",icon:"gp-bg-color-yellow"}],default:"none"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.ProductSubscriptionSettings=ProductSubscriptionSettings;
+"use strict";var constants=require("../../../../common/constants.js");const ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_discount}",suggestContents:[{message:"{total_discount}",eg:"E.g: 50%"},{message:"{offer_discount}",eg:"E.g: 20%"},{message:"{selling_plan_max_discount}",eg:"E.g: 15%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",action:{clear:!0}},{id:"sellingTitleOneTime",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"One-time purchase",suggestContents:[]},{id:"sellingStyle",label:"Style",type:"option:illustration",default:"dropdown",options:[{label:"Dropdown",value:"dropdown",svgName:"gp-selling-plan-dropdown"},{label:"Radio",value:"radio",svgName:"gp-selling-plan-radio"}]},{id:"subscriptionLabel",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",suggestContents:[{message:"{selling_plan_delivery_frequency}",eg:"E.g: every week"},{message:"{selling_plan_discount}",eg:"E.g: 10%"},{message:"{selling_plan_billing_cycle}",eg:"E.g: every 1 month"}]},{id:"enableSubscriptionDetail",label:"Enable subscription detail",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sellingTitleDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingTitleOneTimeDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"subscriptionDetailDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingPlanItemGap",type:"select",label:"Item gap",options:constants.postPurchaseSpacing,default:"tight"},{id:"sellingTitleTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"sellingTitleOneTimeTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleOneTimeAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"subscriptionDetailTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"subscriptionDetailAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"backgroundColor",type:"select",label:"Background Color",options:[{label:"Transparent",value:"none",icon:"gp-bg-transparent"},{label:"Red",value:"critical",icon:"gp-bg-color-red"},{label:"Blue",value:"info",icon:"gp-bg-color-blue"},{label:"Green",value:"success",icon:"gp-bg-color-green"},{label:"Yellow",value:"warning",icon:"gp-bg-color-yellow"}],default:"none"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.ProductSubscriptionSettings=ProductSubscriptionSettings;

package/dist/cjs/post-purchase/product/settings/product-subscription/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_max_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"Source"},setting:{id:"sellingPlans"}},{type:"control",label:{en:"Label"},setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:{en:"Style"},setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:{en:"Item gap"},setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:{en:"Subscription detail"},setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:{en:"Label"},iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:{en:"Subscription detail"},isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:{en:"Content"},setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:{en:"Direction"},setting:{id:"subscriptionDetailDirection"},conditionDisplay:"enableSubscriptionDetail === true",controlChangeTrigger:{settings:[{action:{controlId:"subscriptionDetailAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'rtl' && subscriptionDetailAlign === 'left'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]},{action:{controlId:"subscriptionDetailAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'ltr' && subscriptionDetailAlign === 'right'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:{en:"Align"},conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"Source"},setting:{id:"sellingPlans"}},{type:"control",label:{en:"Label"},setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:{en:"Style"},setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:{en:"Item gap"},setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:{en:"Subscription detail"},setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:{en:"Label"},iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:{en:"Subscription detail"},isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:{en:"Content"},setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:{en:"Direction"},setting:{id:"subscriptionDetailDirection"},conditionDisplay:"enableSubscriptionDetail === true",controlChangeTrigger:{settings:[{action:{controlId:"subscriptionDetailAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'rtl' && subscriptionDetailAlign === 'left'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]},{action:{controlId:"subscriptionDetailAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'ltr' && subscriptionDetailAlign === 'right'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:{en:"Align"},conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/product/components/file-upload/UploadFile.liquid.js

@@ -1,7 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),style=require("./common/style.js"),attr=require("./common/attr.js"),helpers=require("./common/helpers.js");const FileUpload=({setting:e,styles:s,builderProps:t,pageContext:l})=>{let r=system.createClass(classes.createLayoutClasses(e,t?.uid)),a=system.createStyle({...helpers.removeHoverStyles(style.createLayoutStyles(e,s),s?.enableHoverEffect)}),c=system.createClass(classes.createTypoClasses(s)),i=system.createStyle({...helpers.removeHoverStyles(style.createTypoStyles(s),s?.enableHoverEffect)}),o=system.createClass(classes.createPreviewClasses()),y=system.createClass(classes.createPreviewItemClasses()),v=system.createClass(classes.createPreviewRemoveClasses()),d=system.createClass(classes.createMessageClasses()),n=system.createStyle(style.createMessageStyles()),m=system.createClass(classes.createContentWidthClasses()),p=system.createClass(classes.createInputClasses()),u=system.createClass(classes.composeClasses("gp-flex gp-items-center")),C=system.createAttr({...attr.getInputAttr(e?.isRequired,e?.numberOfFiles)}),$=system.createStyle({...helpers.removeHoverStyles(style.createContainerStyles(s?.align,s?.textColor),s?.enableHoverEffect)}),f=system.createStyle({...helpers.removeHoverStyles(style.createWrapContentWidthStyles(e),s?.enableHoverEffect)}),S=system.createClass(classes.createWrapContainerClasses(t?.uid)),g=system.createStyle({...helpers.removeHoverStyles(style.createContentWithStyles(e,s),s?.enableHoverEffect)}),h=system.createStyle({...helpers.removeHoverStyles(style.createIconContainerStyles(e),s?.enableHoverEffect)}),H=system.createClass(classes.createIconContentClasses()),b=system.createStyle({...helpers.removeHoverStyles(style.createIconContentStyles(e,s),s?.enableHoverEffect)}),q=helpers.getDisplayText("Liquid",{uid:t?.uid,setting:e,styles:s,pageContext:l}),I=system.createStateOrContext({settings:{isShowPreviewImage:e?.isShowPreviewImage,numberOfFiles:e?.numberOfFiles,isRequired:e?.isRequired}});return core.template`
-  <gp-file-upload
-    gp-data='${JSON.stringify(I)}'
-  >
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),style=require("./common/style.js"),attr=require("./common/attr.js"),helpers=require("./common/helpers.js");const FileUpload=({setting:e,styles:s,builderProps:t,pageContext:l})=>{let r=system.createClass(classes.createLayoutClasses(e,t?.uid)),a=system.createStyle({...helpers.removeHoverStyles(style.createLayoutStyles(e,s),s?.enableHoverEffect)}),c=system.createClass(classes.createTypoClasses(s)),i=system.createStyle({...helpers.removeHoverStyles(style.createTypoStyles(s),s?.enableHoverEffect)}),o=system.createClass(classes.createPreviewClasses()),y=system.createClass(classes.createPreviewItemClasses()),v=system.createClass(classes.createPreviewRemoveClasses()),n=system.createClass(classes.createMessageClasses()),d=system.createStyle(style.createMessageStyles()),m=system.createClass(classes.createContentWidthClasses()),p=system.createClass(classes.createInputClasses()),u=system.createClass(classes.composeClasses("gp-flex gp-items-center")),C=system.createAttr({...attr.getInputAttr(e?.isRequired,e?.numberOfFiles)}),$=system.createStyle({...helpers.removeHoverStyles(style.createContainerStyles(s?.align,s?.textColor),s?.enableHoverEffect)}),f=system.createStyle({...helpers.removeHoverStyles(style.createWrapContentWidthStyles(e),s?.enableHoverEffect)}),S=system.createClass(classes.createWrapContainerClasses(t?.uid)),g=system.createStyle({...helpers.removeHoverStyles(style.createContentWithStyles(e,s),s?.enableHoverEffect)}),h=system.createStyle({...helpers.removeHoverStyles(style.createIconContainerStyles(e),s?.enableHoverEffect)}),H=system.createClass(classes.createIconContentClasses()),b=system.createStyle({...helpers.removeHoverStyles(style.createIconContentStyles(e,s),s?.enableHoverEffect)}),q=helpers.getDisplayText("Liquid",{uid:t?.uid,setting:e,styles:s,pageContext:l}),I=system.createStateOrContext({settings:{isShowPreviewImage:e?.isShowPreviewImage,numberOfFiles:e?.numberOfFiles,isRequired:e?.isRequired}});return core.template`
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(I)}</script>
   <div class="${S}" style="${$}">
     <input ${C} class="${p}">
     <div class="${u}" style="${f}">
@@ -26,7 +25,7 @@
     <div class="${v}"></div>
     </div>
   </div>
-  <div class="${d}" style="${n}"></div>
+  <div class="${n}" style="${d}"></div>
   </gp-file-upload>
 
   ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}

package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/product-badge/configs/translate.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:a,pageContext:r}=e,i=s?.shape!=="image",n=i&&s?.displayContent?.trim()==="",l=system.createClass({...classes.getContainerClasses({isInstant:!1,props:e})}),c=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),d=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),p=system.createStyle({...styles.getSubWrapperStyle({props:e})}),u=system.createAttr({...attrs.getSubWrapperAttrs(e)}),y=styles.getContentStyleInternal(e),g=system.createClass({...classes.getTextContainerClasses()}),m=system.createAttr({...attrs.getContainerAttrs(e)}),C=system.createClass({...classes.getTextWrapperClasses()}),v=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),$=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),q=system.createAttr({...attrs.getTextContentAttrs()}),I=system.createClass({...classes.getImageContainerClasses()}),f=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),j=system.createClass({...classes.getImageClasses()}),P=system.createAttr({...attrs.getImageAttr({setting:s})}),A=system.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:i}),{displayContent:D}=s??{},L=helpers.getDynamicSourceLocales({val:D?.trim(),uid:a?.uid,settingId:translate.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:r});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/product-badge/configs/translate.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:a,pageContext:r}=e,i=s?.shape!=="image",n=i&&s?.displayContent?.trim()==="",c=system.createClass({...classes.getContainerClasses({isInstant:!1,props:e})}),l=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),d=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),p=system.createStyle({...styles.getSubWrapperStyle({props:e})}),y=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),g=system.createClass({...classes.getTextContainerClasses()}),m=system.createAttr({...attrs.getContainerAttrs(e)}),C=system.createClass({...classes.getTextWrapperClasses()}),v=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),$=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),q=system.createAttr({...attrs.getTextContentAttrs()}),I=system.createClass({...classes.getImageContainerClasses()}),j=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),f=system.createClass({...classes.getImageClasses()}),P=system.createAttr({...attrs.getImageAttr({setting:s})}),A=system.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:i}),{displayContent:D}=s??{},L=helpers.getDynamicSourceLocales({val:D?.trim(),uid:a?.uid,settingId:translate.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:r});return core.template`
     {% if product %}
       ${generateLiquidContent.generateBadgeContent(L,r?.isPreviewing)}
       ${renderBadgeLiquid.renderBadgeInFirstTime(s?.displayTrigger,!n)}
       <gp-product-badge
         ${{...m}}
-        gp-data='${core.dataStringify(A)}'
-        class="${l}"
-        style="${c}"
+        class="${c}"
+        style="${l}"
         data-display-content="${r?.isPreviewing?L:core.sanitizeLiquid(`{{${L}}}`)}"
       >
+        <script gp-data type="application/json">${core.dataStringify(A)}</script>
         <div class="${d}">
           <div
-            ${{...u}}
+            ${{...y}}
             class="${o}"
             style="${p}"
           >
-            <style>${y}</style>
+            <style>${u}</style>
             ${core.RenderIf(i,core.template`
                 <div class="${g}">
                   <div
@@ -28,8 +28,8 @@
                       style="${S}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,core.template`<div class="${I}" style="${f}">
-                  <img ${{...P}} class="${j}" alt="" />
+                </div>`,core.template`<div class="${I}" style="${j}">
+                  <img ${{...P}} class="${f}" alt="" />
                 </div>`)}
           </div>
         </div>

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.liquid.js

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),ProductBundleDiscountChildrenItem_liquid=require("./ProductBundleDiscountChildrenItem.liquid.js");const ProductBundleDiscount=({rawChildren:e,setting:t,styles:s,advanced:r,style:d})=>{let a=t?.hasPreSelectItem?t?.selectItemDefault??0:-1,i=e=>a===e,l=(r,d)=>ProductBundleDiscountChildrenItem_liquid.default({index:d,rawChildrenItem:e?.[d],setting:t,styles:s,isSelected:i(d),bundleItem:r}),u=system.createStyle(styles.getSizeSettings(s)?.gap),c=system.createClass(classes.getContainerClasses(t,r?.cssClass)),n=system.createStyle(styles.getContainerStyles(u,s,d)),o=system.createStateOrContext({styles:s,settings:{useProductCompareAtPrice:t?.useProductCompareAtPrice,selectItemDefault:t?.selectItemDefault,hideNoDiscountItem:t?.hideNoDiscountItem,hasPreSelectItem:t?.hasPreSelectItem,iconItemColor:t?.iconItemColor}}),p=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),ProductBundleDiscountChildrenItem_liquid=require("./ProductBundleDiscountChildrenItem.liquid.js");const ProductBundleDiscount=({rawChildren:e,setting:t,styles:s,advanced:r,style:d})=>{let i=t?.hasPreSelectItem?t?.selectItemDefault??0:-1,a=e=>i===e,l=(r,d)=>ProductBundleDiscountChildrenItem_liquid.default({index:d,rawChildrenItem:e?.[d],setting:t,styles:s,isSelected:a(d),bundleItem:r}),c=system.createStyle(styles.getSizeSettings(s)?.gap),n=system.createClass(classes.getContainerClasses(t,r?.cssClass)),o=system.createStyle(styles.getContainerStyles(c,s,d)),u=system.createStateOrContext({styles:s,settings:{useProductCompareAtPrice:t?.useProductCompareAtPrice,selectItemDefault:t?.selectItemDefault,hideNoDiscountItem:t?.hideNoDiscountItem,hasPreSelectItem:t?.hasPreSelectItem,iconItemColor:t?.iconItemColor}}),p=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(o)}'
-      style="${n}"
-      class="${c}">
+      style="${o}"
+      class="${n}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(u)}</script>
       ${system.Liquid(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}

package/dist/cjs/product/components/product-description/ProductDescription.liquid.js

@@ -1,15 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",n=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),p=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),v=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{textDescriptionCss:C,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y}),q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a});return system.LiquidIf(L,"",system.Liquid(core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",p=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),n=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),v=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{textDescriptionCss:C,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y}),q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a});return system.LiquidIf(L,"",system.Liquid(core.template`
     <gp-product-description
       ${v}
-      class="${n}"
-      gp-data='${core.dataStringify(w).replaceAll("'","&#039;")}'
+      class="${p}"
       data-view-more-text="${q}"
       data-view-less-text="${I}"
     >
-      <style>${C}</style>
-      <style>${h}</style>
+      <script gp-data type="application/json">${core.dataStringify(w).replaceAll("'","&#039;")}</script>
+      <style>${C}${h}</style>
       <div class="${g}" ></div>
-      ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${S} class="${p}" style="${y}">
+      ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${S} class="${n}" style="${y}">
           {{product.description}}
         </${o}>
         ${system.LiquidUnless(L,core.template`<button type="button" class="${d}" style="${$}">

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),translate=require("../../settings/product-discount-tag/configs/translate.js");const ProductTag=({setting:e,styles:s,builderProps:t,advanced:a,pageContext:i})=>{let{customContent:r}=e??{},n=e?.moneyWithCurrentFormat?"money_with_currency":"money",c=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.prefix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:i}):r?.prefix,l=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.suffix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:i}):r?.suffix,p=system.createStyle(styles.getRootClass(s)),d=system.createStyle(styles.getWrapperTextStyle(s)),o=system.createStyle(styles.getContainerStyle(s)),u=system.createClass(classes.getWrapperTextClass(s)),g=system.createClass(classes.getContainerClass()),y=system.createClass(classes.getProductTagClass(a)),f=r?.unit==="percentage",m=()=>{let e=core.isLocalEnv?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),translate=require("../../settings/product-discount-tag/configs/translate.js");const ProductTag=({setting:e,styles:s,builderProps:t,advanced:a,pageContext:i})=>{let{customContent:r}=e??{},c=e?.moneyWithCurrentFormat?"money_with_currency":"money",n=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.prefix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:i}):r?.prefix,p=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.suffix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:i}):r?.suffix,l=system.createStyle(styles.getRootClass(s)),d=system.createStyle(styles.getWrapperTextStyle(s)),o=system.createStyle(styles.getContainerStyle(s)),u=system.createClass(classes.getWrapperTextClass(s)),g=system.createClass(classes.getContainerClass()),y=system.createClass(classes.getProductTagClass(a)),f=r?.unit==="percentage",m=()=>{let e=core.isLocalEnv?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
       assign priceSave = salePrice | minus: price
-      assign prefixVal = ${i?.isPreviewing?JSON.stringify(c):c}
-      assign suffixVal = ${i?.isPreviewing?JSON.stringify(l):l}
+      assign prefixVal = ${i?.isPreviewing?JSON.stringify(n):n}
+      assign suffixVal = ${i?.isPreviewing?JSON.stringify(p):p}
     %}
-    ${system.LiquidIf("salePrice == null or price == null",system.Liquid(`{% assign pricePercentage = prefixVal ${system.If(f,"| append: ' 0% '",`| ${n} | append: ' '`)} | append: suffixVal %}`),`${system.If(f,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
-          {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,system.LiquidIf("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${n} %}
-           {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${n} %}
+    ${system.LiquidIf("salePrice == null or price == null",system.Liquid(`{% assign pricePercentage = prefixVal ${system.If(f,"| append: ' 0% '",`| ${c} | append: ' '`)} | append: suffixVal %}`),`${system.If(f,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
+          {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,system.LiquidIf("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${c} %}
+           {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${c} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`))}`)}
 
     <gp-product-tag
       class="${y}"
-      style="${p}"
+      style="${l}"
       data-id="${t?.uid}"
       data-disabled="${system.LiquidIf(`${system.If(f,"salePercent","priceSave")} > 0`,"false","true")}"
-      gp-data='{"setting":${JSON.stringify(e).replaceAll("'","&#039;")}, "id": "${t?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${e?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
       price-save="{{priceSave}}"
     >
+      <script gp-data type="application/json">{"setting":${JSON.stringify(e).replaceAll("'","&#039;")}, "id": "${t?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${e?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'</script>
       <div class="${g}" style="${o}">
         <div class="${u}" style="${d}">
           ${Text_liquid.default({styles:s,id:`p-tag-${t?.uid}`,setting:{...e,translate:"",text:"{{ pricePercentage }}",excludeFlex:!0}})}

package/dist/cjs/product/components/product-list/ProductListCarouselItem.liquid.js

@@ -1,10 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,children:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,children:n}=t,{productItemClass:o,gpProductClass:a}=classes.getClass(t);return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 , "inventoryQuantity": {{ variant.inventory_quantity }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
         class="${a}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />

package/dist/cjs/product/components/product-list/ProductListGridItem.liquid.js

@@ -5,10 +5,9 @@
     `;return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 , "inventoryQuantity": {{ variant.inventory_quantity }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
         class="${a}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}</script>
         {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />

package/dist/cjs/product/components/product-list/ProductListGridLayout.liquid.js

@@ -1,8 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:i,productListId:r,productSrc:o}=e,{gridLayoutStyle:d}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:i?.horizontalGutter})}
+        </script>
         ${e}
       </gp-same-height>
     `,u=()=>core.template`
@@ -15,8 +17,8 @@
         ${ProductListGridItem_liquid.default({...e})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${i?.length} == 0 -%}
-        {% if '${d}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${r?.length} == 0 -%}
+        {% if '${o}' == 'RelatedProduct' -%}
           <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +27,7 @@
     `;return core.template`
     <div
       ${c}
-      style="${o}"
+      style="${d}"
       class="${a}"
     >
       ${core.RenderIf(t?.sameHeight,l(`${u()}`))}

package/dist/cjs/product/components/product-list-v3/ProductListCarouselItem.liquid.js

@@ -1,10 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,children:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,children:n}=t,{productItemClass:o,gpProductClass:a}=classes.getClass(t);return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
         class="${a}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />

package/dist/cjs/product/components/product-list-v3/ProductListGridItem.liquid.js

@@ -5,10 +5,9 @@
     `;return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
         class="${a}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}</script>
         {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />

package/dist/cjs/product/components/product-list-v3/ProductListGridLayout.liquid.js

@@ -1,8 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:i,productListId:r,productSrc:o}=e,{gridLayoutStyle:d}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:i?.horizontalGutter})}
+        </script>
         ${e}
       </gp-same-height>
     `,u=()=>core.template`
@@ -15,8 +17,8 @@
         ${ProductListGridItem_liquid.default({...e})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${i?.length} == 0 -%}
-        {% if '${d}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${r?.length} == 0 -%}
+        {% if '${o}' == 'RelatedProduct' -%}
           <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +27,7 @@
     `;return core.template`
     <div
       ${c}
-      style="${o}"
+      style="${d}"
       class="${a}"
     >
       ${core.RenderIf(t?.sameHeight,l(`${u()}`))}

package/dist/cjs/product/components/product-sku/Sku.liquid.js

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let i=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
     ${system.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
-      <gp-product-sku gp-data='${JSON.stringify({label:l})}'>
+      <gp-product-sku>
+        <script gp-data type="application/json">${JSON.stringify({label:l})}</script>
         ${Text_liquid.default({styles:t,setting:{...e,text:`${system.LiquidIf("currentVariant.sku.size > 0 ",`${l} ${system.If(a,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:s,builderProps:r,className:"gp-product-sku"})}
       </gp-product-sku>
-      ${u()}`)}`};exports.default=ProductSku;
+      ${i()}`)}`};exports.default=ProductSku;