@gem-sdk/components 17.0.0-dev.112 → 17.0.0-dev.114

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

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),o=require("../../settings/product-badge/configs/translate.js");exports.default=p=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=p,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:p})}),q=r.createStyle({...n.getContainerStyle(p,i.IS_LIQUID)}),I=r.createClass({...c.getWrapperClasses(p)}),j=r.createClass({...c.getSubWrapperClass(p)}),P=r.createStyle({...n.getSubWrapperStyle({props:p})}),f=r.createAttr({...l.getSubWrapperAttrs(p)}),D=n.getContentStyleInternal(p),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(p)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.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(g?.displayTrigger).replaceAll("'","'")),uid:p.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:o.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:o})}),j=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),q=r.createClass({...c.getWrapperClasses(o)}),I=r.createClass({...c.getSubWrapperClass(o)}),P=r.createStyle({...n.getSubWrapperStyle({props:o})}),f=r.createAttr({...l.getSubWrapperAttrs(o)}),D=n.getContentStyleInternal(o),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.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(g?.displayTrigger).replaceAll("'","'")),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
     {% if product %}
       ${s.generateBadgeContent(K,m?.isPreviewing)}
       ${a.renderBadgeInFirstTime(g?.displayTrigger,!S,v)}
       <gp-product-badge
         ${{...T}}
-        gp-data='${e.dataStringify(E)}'
         class="${$} {{ className }}"
-        style="${q}"
+        style="${j}"
         data-display-content="${m?.isPreviewing?K:e.sanitizeLiquid(`{{${K}}}`)}"
       >
-        <div class="${I}">
+        <script gp-data type="application/json">${e.dataStringify(E)}</script>
+        <div class="${q}">
           <div
             ${{...f}}
-            class="${j}"
+            class="${I}"
             style="${P}"
           >
             <style>${D}</style>

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

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),i=require("./ProductBundleDiscountChildrenItem.liquid.js");exports.default=({rawChildren:d,setting:l,styles:n,advanced:u,style:o})=>{let p=l?.hasPreSelectItem?l?.selectItemDefault??0:-1,c=e=>p===e,g=(e,t)=>i.default({rawChildrenItem:d?.[t],setting:l,styles:n,isSelected:c(t),bundleItem:e}),m=s.createStyle(r.getSizeSettings(n)?.gap),f=s.createClass(a.getContainerClasses(l,u?.cssClass)),I=s.createStyle(r.getContainerStyles(m,n,o)),S=s.createStateOrContext({styles:n,settings:{useProductCompareAtPrice:l?.useProductCompareAtPrice,selectItemDefault:l?.selectItemDefault,hideNoDiscountItem:l?.hideNoDiscountItem,hasPreSelectItem:l?.hasPreSelectItem,iconItemColor:l?.iconItemColor,applyToInBetweenQuantities:l?.applyToInBetweenQuantities}});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),i=require("./ProductBundleDiscountChildrenItem.liquid.js");exports.default=({rawChildren:d,setting:l,styles:n,advanced:p,style:u})=>{let o=l?.hasPreSelectItem?l?.selectItemDefault??0:-1,c=e=>o===e,g=(e,t)=>i.default({rawChildrenItem:d?.[t],setting:l,styles:n,isSelected:c(t),bundleItem:e}),m=s.createStyle(r.getSizeSettings(n)?.gap),f=s.createClass(a.getContainerClasses(l,p?.cssClass)),I=s.createStyle(r.getContainerStyles(m,n,u)),y=s.createStateOrContext({styles:n,settings:{useProductCompareAtPrice:l?.useProductCompareAtPrice,selectItemDefault:l?.selectItemDefault,hideNoDiscountItem:l?.hideNoDiscountItem,hasPreSelectItem:l?.hasPreSelectItem,iconItemColor:l?.iconItemColor,applyToInBetweenQuantities:l?.applyToInBetweenQuantities}});return e.template`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(S)}'
       style="${I}"
-      class="${f}">
+      class="${f}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(y)}</script>
       ${s.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-button/ProductButton.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./common/styles.js"),t=require("./common/helpers.js"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),a=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:p,styles:d,pageContext:g}=l,{wrapStyle:S,restStyle:m}=e.getSplitStyle(p),{outOfStockButtonLabel:y,unavailableButtonLabel:b,variantSelectionRequiredMessage:f,successMessage:q,errorMessage:v}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=a.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=r.createStateOrContext(t.getGPProductButtonState({styles:d,setting:u})),h=t.escapeSingleQuoteForAttr(q??u?.successMessage),j=t.escapeSingleQuoteForAttr(v??u?.errorMessage),A=t.escapeSingleQuoteForAttr(f??u?.variantSelectionRequiredMessage);return s.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./common/styles.js"),t=require("./common/helpers.js"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),a=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:p,styles:d,pageContext:g}=l,{wrapStyle:m,restStyle:y}=e.getSplitStyle(p),{outOfStockButtonLabel:S,unavailableButtonLabel:q,variantSelectionRequiredMessage:v,successMessage:b,errorMessage:f}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=a.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=r.createStateOrContext(t.getGPProductButtonState({styles:d,setting:u})),h=t.escapeSingleQuoteForAttr(b??u?.successMessage),j=t.escapeSingleQuoteForAttr(f??u?.errorMessage),A=t.escapeSingleQuoteForAttr(v??u?.variantSelectionRequiredMessage);return s.template`
     ${r.Liquid("{%- assign total_combinations = 1 -%}")}
     ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
@@ -6,20 +6,21 @@
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${S}"
+      style="${m}"
       gp-data-wrapper="true"
       gp-href="${$.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${y}"
-      gp-label-unavailable="${b}"
-      gp-data='${JSON.stringify(_)}'
+      gp-label-out-of-stock="${S}"
+      gp-label-unavailable="${q}"
       data-variant-selection-required-message="${A}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
       gp-error-message="${j}"
       gp-success-message="${h}"
+      data-variant-selection-required-message="${v}"
     >
-      ${n.AddToCartButton({...l,style:m})}
-      ${o.SoldOutButton({...l,style:m,label:y})}
+      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      ${n.AddToCartButton({...l,style:y})}
+      ${o.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>
     ${r.If(s.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),a=require("@gem-sdk/system"),r=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=a.createStyle(r.getWrapperTextStyle(u)),N=a.createStyle(r.getContainerStyle(u)),T=a.createClass(o.getWrapperTextClass(u)),k=a.createClass(o.getContainerClass()),D=a.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:a.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=r.createStyle(a.getWrapperTextStyle(u)),N=r.createStyle(a.getContainerStyle(u)),T=r.createClass(o.getWrapperTextClass(u)),k=r.createClass(o.getContainerClass()),D=r.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all gp-items-center",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};

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

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

package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),r=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),i=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:S,pageContext:I}=c,{enableLazyLoadImage:h}=I??{},q={...m,...f},j=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=g=>{let c=t.setDefaultWhenUndefineSetting(g),{setting:m,styles:f,builderProps:y,style:$}=c,{rawChildren:S,pageContext:I}=g,{enableLazyLoadImage:h}=I??{},q={...m,...f},j=`
     {
       "id":${JSON.stringify(y?.uid)},
       "pageContext": ${JSON.stringify(a.filterPageContext(I))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{{product | json }},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {{ collection | json }}
     }
-  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(q?.position,m?.type),L=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:P,productImagesGalleryClasses:O}=l.getProductImagesClassName(c),D=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),b=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:G,wrapContainerStyleOnlyOneImage:z,galleryImageStyle:A}=d.getProductImagesStyles(q),N=o.getShapeByLayout({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:q.shapeForInside??o.sizeSettingDefaultForNewLayout},q.position),_=t.getStyleInsideLayout(q.position,N,q?.spacing),B=()=>e.template`
+  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(q?.position,m?.type),L=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:P,productImagesGalleryClasses:O}=l.getProductImagesClassName(g),D=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),b=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:G,wrapContainerStyleOnlyOneImage:z,galleryImageStyle:A}=d.getProductImagesStyles(q),N=o.getShapeByLayout({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:q.shapeForInside??o.sizeSettingDefaultForNewLayout},q.position),_=t.getStyleInsideLayout(q.position,N,q?.spacing),B=()=>e.template`
       ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
   ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:q,uid:y?.uid,type:"Liquid"})}</style>`),"")}
@@ -18,23 +18,23 @@
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images
-      gp-data='${j}'
       ${{...v}}
       style="${{...$}}"
       class="${P}"
     >
+      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${D}`,`${b}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
         ${u.If(!C,e.template`
       <div
         class="${O}"
         style="${n.getStyleOfObject(A)}"
         ${{...L}}
       >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
         ${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{..._},children:B(),...q,enableLazyLoadImage:h}))}
       </div>
     `)}

package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),r=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),i=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:S,pageContext:I}=c,{enableLazyLoadImage:h}=I??{},q={...m,...f},v=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=g=>{let c=t.setDefaultWhenUndefineSetting(g),{setting:m,styles:f,builderProps:y,style:$}=c,{rawChildren:S,pageContext:I}=g,{enableLazyLoadImage:h}=I??{},q={...m,...f},v=`
     {
       "id":${JSON.stringify(y?.uid)},
       "pageContext": ${JSON.stringify(a.filterPageContext(I))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{{ product | json }},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {{ collection | json }}
     }
-  `,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(q?.position,m?.type),L=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:P,productImagesGalleryClasses:O}=l.getProductImagesClassName(c),D=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),b=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:G,wrapContainerStyleOnlyOneImage:z,galleryImageStyle:A}=d.getProductImagesStyles(q),N=o.getShapeByLayout({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:q.shapeForInside??o.sizeSettingDefaultForNewLayout},q.position),_=t.getStyleInsideLayout(q.position,N,q?.spacing),B=()=>e.template`
+  `,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(q?.position,m?.type),L=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:P,productImagesGalleryClasses:O}=l.getProductImagesClassName(g),D=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),b=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:G,wrapContainerStyleOnlyOneImage:z,galleryImageStyle:A}=d.getProductImagesStyles(q),N=o.getShapeByLayout({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:q.shapeForInside??o.sizeSettingDefaultForNewLayout},q.position),_=t.getStyleInsideLayout(q.position,N,q?.spacing),B=()=>e.template`
       ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
   ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:q,uid:y?.uid,type:"Liquid"})}</style>`),"")}
@@ -18,23 +18,23 @@
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      gp-data='${v}'
       ${{...j}}
       style="${{...$}}"
       class="${P}"
     >
+      <script gp-data type="application/json">${v}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${D}`,`${b}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
         ${u.If(!C,e.template`
       <div
         class="${O}"
         style="${n.getStyleOfObject(A)}"
         ${{...L}}
       >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
         ${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{..._},children:B(),...q,enableLazyLoadImage:h}))}
       </div>
     `)}

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

@@ -1,15 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,children:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("./common/classes.js");exports.default=n=>{let{pageContext:o,children:a}=n,{productItemClass:r,gpProductClass:i}=e.getClass(n);return t.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 | default: 0 }},  "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(n.filterPageContext(o))}}'
-        class="${c}"
-
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(o)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  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 }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${r}
+          ${a}
         {%- endform -%}
       </gp-product>
   `};

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

@@ -1,17 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,rawChildren:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("./common/classes.js");exports.default=n=>{let{pageContext:o,rawChildren:a}=n,{productItemClass:r,gpProductClass:i}=e.getClass(n);return t.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 | default: 0 }},  "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(n.filterPageContext(o))}}'
-        class="${c}"
-
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(o)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  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 }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${e.template`
-      ${r?.map((t,n)=>{if(t)return e.template`
-            ${e.RenderChildren({...t,index:n})}
+          ${t.template`
+      ${a?.map((e,n)=>{if(e)return t.template`
+            ${t.RenderChildren({...e,index:n})}
           `}).join("")}
     `}
         {%- endform -%}

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

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

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

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,children:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),n=require("./common/classes.js");exports.default=e=>{let{pageContext:a,children:o}=e,{productItemClass:r,gpProductClass:i}=n.getClass(e);return t.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 | default: 0 }},  "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(n.filterPageContext(o))}}'
-        class="${c}"
-
+        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 }}"}'
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(a)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  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 }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${r}
+          ${o}
         {%- endform -%}
       </gp-product>
   `};

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

@@ -1,17 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,rawChildren:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("./common/classes.js");exports.default=n=>{let{pageContext:o,rawChildren:a}=n,{productItemClass:r,gpProductClass:i}=e.getClass(n);return t.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 | default: 0 }},  "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(n.filterPageContext(o))}}'
-        class="${c}"
-
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(o)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  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 }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${e.template`
-      ${r?.map((t,n)=>{if(t)return e.template`
-            ${e.RenderChildren({...t,index:n})}
+          ${t.template`
+      ${a?.map((e,n)=>{if(e)return t.template`
+            ${t.RenderChildren({...e,index:n})}
           `}).join("")}
     `}
         {%- endform -%}

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

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

package/dist/cjs/product/components/product-price/ProductPrice.liquid.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),c=require("./common/classes.js"),o=require("./common/attrs.js"),p=require("./common/helpers.js");const a=a=>{let{style:i,setting:u,builderProps:l,pageContext:d}=a,n=s.createClass(c.getWrapperClasses(a)),m=s.createAttr(o.getAttrs(a)),g=p.getTextProps(a),y=s.createStateOrContext({priceType:u?.priceType,uid:l?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${d?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return s.Liquid(e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),c=require("./common/classes.js"),p=require("./common/attrs.js"),o=require("./common/helpers.js");const a=a=>{let{style:i,setting:l,builderProps:u,pageContext:n}=a,d=s.createClass(c.getWrapperClasses(a)),m=s.createAttr(p.getAttrs(a)),y=o.getTextProps(a),g=s.createStateOrContext({priceType:l?.priceType,uid:u?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${n?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return s.Liquid(e.template`
       <gp-product-price
         ${m}
-        class="${n}"
+        class="${d}"
         style="${i}"
-        gp-data='${e.dataStringify(y)}'
       >
-        ${t.default({...g})}
+        <script gp-data type="application/json">${e.dataStringify(g)}</script>
+        ${t.default({...y})}
       </gp-product-price>
       ${(()=>{let t=e.isLocalEnv?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
   `)};exports.ProductPrice=a,exports.default=a;

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

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

package/dist/cjs/product/components/product-title/ProductTitle.liquid.js

@@ -1,10 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),l=require("./common/helpers.js");exports.default=i=>{let{setting:p,builderProps:a}=i,u=`<p>${t.getStaticLocale("ProductTitle","product_not_found")}</p>`,d=()=>r.default(l.getTextProps(i)),o=s.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),c=p?.linkProduct,n=s.createClass({"gp-product-title-link-wrapper":!0}),g=s.createStateOrContext({setting:{linkProduct:p?.linkProduct},uid:a?.uid});return s.LiquidUnless("product",`${u}`,e.template`
-      <gp-product-title
-        gp-data='${e.dataStringify(g)}'
-      >
-        ${s.If(c,e.template`<a ${o} class="${n}">
-            ${d()}
-            </a>`,e.template`${d()}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),i=require("./common/helpers.js");exports.default=p=>{let{setting:l,builderProps:a}=p,c=`<p>${e.getStaticLocale("ProductTitle","product_not_found")}</p>`,o=()=>r.default(i.getTextProps(p)),u=s.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),d=l?.linkProduct,n=s.createClass({"gp-product-title-link-wrapper":!0}),g=s.createStateOrContext({setting:{linkProduct:l?.linkProduct},uid:a?.uid});return s.LiquidUnless("product",`${c}`,t.template`
+      <gp-product-title>
+        <script gp-data type="application/json">${t.dataStringify(g)}</script>
+        ${s.If(d,t.template`<a ${u} class="${n}">
+            ${o()}
+            </a>`,t.template`${o()}`)}
       </gp-product-title>
-      ${(()=>{let r=e.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
+      ${(()=>{let r=t.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${t.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${e.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
     `)};