@gem-sdk/components 19.0.0-staging.8 → 19.1.0-dev.0

package/dist/cjs/product/components/ProductImages.liquid.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../helpers/product-image.js"),i=require("./product-images/common/helpers.js"),r=require("./product-images/ProductFeaturedImage.liquid.js"),l=require("./product-images/ProductGalleryCarousel.liquid.js"),s=require("./product-images/ProductGalleryGrid.liquid.js"),a=require("./product-images/common/productGallery.js"),o=require("../../helpers.js");exports.default=d=>{let{setting:g,styles:u,builderProps:p,style:n}=d,c={...d.styles,...d.setting},m={...d.styles,...d.setting},f=t=>e.getResponsiveValueByScreen(u?.position,t),y=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../helpers/product-image.js"),i=require("./product-images/common/helpers.js"),r=require("./product-images/ProductFeaturedImage.liquid.js"),s=require("./product-images/ProductGalleryCarousel.liquid.js"),l=require("./product-images/ProductGalleryGrid.liquid.js"),a=require("./product-images/common/productGallery.js"),o=require("../../helpers.js");exports.default=d=>{let{setting:g,styles:p,builderProps:u,style:n}=d,c={...d.styles,...d.setting},m={...d.styles,...d.setting},f=t=>e.getResponsiveValueByScreen(p?.position,t),y=`
     {
-      "id":${JSON.stringify(p?.uid)},
+      "id":${JSON.stringify(u?.uid)},
       "setting":${JSON.stringify(g)},
-      "styles":${JSON.stringify(u)},
-      "product":{{ product | json | escape }}
+      "styles":${JSON.stringify(p)},
+      "product":{{ product | json }}
     }
   `;return e.template`
   {% assign featured_image = product.featured_image %}
@@ -11,22 +11,22 @@
   {% assign featured_image = variant.featured_image %}
   {%- endif -%}
   <gp-product-images
-    gp-data='${y}'
     style="${{...n}}"
     class="${e.cls({"gp-overflow-hidden":i.checkAddOverFlowClass(n)})}"
   >
+    <script gp-data type="application/json">${y}</script>
     <div
         class="${e.cls("gp-flex gp-w-full",{...t.getFlexDirection(d)})}"
-        style="${{...i.getStyleAlignment(u?.align,u?.position)}}"
+        style="${{...i.getStyleAlignment(p?.align,p?.position)}}"
       >
         ${r.default({...c})}
         {%- if product.media.size > 1 -%}
           <div
             class="${e.cls("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==f("desktop"),"tablet:gp-justify-start":"bottom-left"==f("tablet"),"mobile:gp-justify-start":"bottom-left"==f("mobile"),"gp-justify-center":"bottom-center"==f("desktop"),"tablet:gp-justify-center":"bottom-center"==f("tablet"),"mobile:gp-justify-center":"bottom-center"==f("mobile"),"gp-mx-auto":"bottom-center"==f("desktop"),"tablet:gp-mx-auto":"bottom-center"==f("tablet"),"mobile:gp-mx-auto":"bottom-center"==f("mobile")})}"
-            style="${{...e.makeStyle({fs:"1.23"}),...i.getDisplayStyle(t=>!!g?.galleryVisible&&!e.getResponsiveValueByScreen(g?.galleryVisible,t),"inline-flex"),...a.getStyleWidthForGallery({galleryVisible:g?.galleryVisible,featureImageVisible:g?.featureImageVisible,position:u?.position,width:u?.width,widthHorizontalLayout:u?.widthHorizontalLayout}),...a.getStyleGallerySpacing(u?.position,u?.gallerySpacing)}}"
+            style="${{...e.makeStyle({fs:"1.23"}),...i.getDisplayStyle(t=>!!g?.galleryVisible&&!e.getResponsiveValueByScreen(g?.galleryVisible,t),"inline-flex"),...a.getStyleWidthForGallery({galleryVisible:g?.galleryVisible,featureImageVisible:g?.featureImageVisible,position:p?.position,width:p?.width,widthHorizontalLayout:p?.widthHorizontalLayout}),...a.getStyleGallerySpacing(p?.position,p?.gallerySpacing)}}"
           >
-            ${l.default({builderPropUID:p?.uid,...m})}
-            ${s.default({builderPropUID:p?.uid,...m})}
+            ${s.default({builderPropUID:u?.uid,...m})}
+            ${l.default({builderPropUID:u?.uid,...m})}
           </div>
         {%- endif -%}
       </div>

package/dist/cjs/product/components/dynamic-checkout/Button.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("@gem-sdk/system"),s=require("../../../helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js");exports.default=({setting:l,advanced:r,styles:n,builderProps:o,className:d=""})=>{let c=e.createClass({...!!d&&{[d]:!0},...a.getButtonClasses({styles:n,uid:o?.uid})}),u=i.getButtonStyles({styles:n,uid:o?.uid}),p=e.createStateOrContext({setting:{label:l?.label},totalVariant:"{{total_combinations}}"});return t.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("@gem-sdk/system"),s=require("../../../helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js");exports.default=({setting:r,advanced:n,styles:l,builderProps:o,className:d=""})=>{let p=e.createClass({...!!d&&{[d]:!0},...a.getButtonClasses({styles:l,uid:o?.uid})}),c=i.getButtonStyles({styles:l,uid:o?.uid}),u=e.createStateOrContext({setting:{label:r?.label},totalVariant:"{{total_combinations}}"});return t.template`
     ${e.Liquid("{%- assign total_combinations = 1 -%}")}
     ${e.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     ${e.Liquid(`
@@ -7,14 +7,14 @@
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${o?.uid}" data-translate-label='${l?.label}' class="${r?.cssClass}" gp-data='${JSON.stringify(p).replaceAll("'","&#039;")}
-    '>
-    <div class="${c}">
-        {{ form | payment_button }}
-    </div>
-    {% style %}
-      ${u}
-    {% endstyle %}
+    <gp-product-dynamic data-id="${o?.uid}" data-translate-label='${r?.label}' class="${n?.cssClass}">
+      <script gp-data type="application/json">${t.dataStringify(u)}</script>
+      <div class="${p}">
+          {{ form | payment_button }}
+      </div>
+      {% style %}
+        ${c}
+      {% endstyle %}
     </gp-product-dynamic>
     ${e.If(t.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${t.baseAssetURL}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

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

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

package/dist/cjs/product/components/product-badge/ProductBadge.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("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],A=t.useEditorMode(),{isEditMode:N}=t.useRenderMode(),h="STATIC"===t.usePageType(),q=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),I=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),f=l.createClass({...o.getContainerClasses({mode:A,isInstant:h,product:p,currentVariant:j,props:i})}),b=l.createStyle({...c.getContainerStyle(i)}),W=l.createAttr({...n.getEditTooltipAttrs(i,N)}),M=l.createClass({...o.getWrapperClasses(i)}),P=l.createClass({...o.getSubWrapperClass(i,S)}),D=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:N})}),B=l.createAttr({...n.getSubWrapperAttrs(i,p)}),k=c.getContentStyleInternal(i),w=l.createClass({...o.getTextContainerClasses()}),E=l.createAttr({...n.getContainerAttrs(i)}),_=l.createClass({...o.getTextWrapperClasses()}),F=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),H=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),G=l.createClass({...o.getImageClasses()}),J=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{...E,style:b,className:f,children:[l.If(N&&I,e.jsx(a.default,{...W,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:M,children:e.jsxs("div",{...B,className:P,style:D,children:[e.jsx("style",{children:k}),l.If(d?.shape!=="image",e.jsx("div",{className:w,children:e.jsx("div",{className:_,style:F,children:e.jsx("pre",{...R,className:H,style:O,children:q})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...J,className:G,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],h=t.useEditorMode(),{isEditMode:A}=t.useRenderMode(),N="STATIC"===t.usePageType(),{settings:q}=t.useSafeGetProductListSettings(),I=q?.sameHeight,f=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),b=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),P=l.createClass({...o.getContainerClasses({mode:h,isInstant:N,product:p,currentVariant:j,props:i,isSameHeightInProductList:I})}),W=l.createStyle({...c.getContainerStyle(i)}),M=l.createAttr({...n.getEditTooltipAttrs(i,A)}),D=l.createClass({...o.getWrapperClasses(i)}),B=l.createClass({...o.getSubWrapperClass(i,S)}),k=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:A})}),w=l.createAttr({...n.getSubWrapperAttrs(i,p)}),E=c.getContentStyleInternal(i),H=l.createClass({...o.getTextContainerClasses()}),_=l.createAttr({...n.getContainerAttrs(i)}),F=l.createClass({...o.getTextWrapperClasses()}),G=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),L=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),J=l.createClass({...o.getImageClasses()}),K=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{..._,style:W,className:P,children:[l.If(A&&b,e.jsx(a.default,{...M,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:D,children:e.jsxs("div",{...w,className:B,style:k,children:[e.jsx("style",{children:E}),l.If(d?.shape!=="image",e.jsx("div",{className:H,children:e.jsx("div",{className:F,style:G,children:e.jsx("pre",{...R,className:L,style:O,children:f})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...K,className:J,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};

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

@@ -1,35 +1,35 @@
-"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"),l=require("./common/classes.js"),c=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",v=C&&g?.displayContent?.trim()==="",$=d.checkDiscountContentProductBadge(g?.displayContent),S=r.createClass({...l.getContainerClasses({isInstant:!1,props:o})}),q=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),I=r.createClass({...l.getWrapperClasses(o)}),j=r.createClass({...l.getSubWrapperClass(o)}),f=r.createStyle({...n.getSubWrapperStyle({props:o})}),D=r.createAttr({...c.getSubWrapperAttrs(o)}),A=n.getContentStyleInternal(o),P=r.createClass({...l.getTextContainerClasses()}),T=r.createAttr({...c.getContainerAttrs(o)}),b=r.createClass({...l.getTextWrapperClasses()}),x=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),L=r.createClass({...l.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...c.getTextContentAttrs()}),B=r.createClass({...l.getImageContainerClasses()}),W=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),k=r.createClass({...l.getImageClasses()}),E=r.createAttr({...c.getImageAttr({setting:g})}),O=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}),{displayContent:h}=g??{},K=t.getDynamicSourceLocales({val:h?.trim(),uid:y?.uid,settingId:p.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,!v,$)}
+      ${a.renderBadgeInFirstTime(g?.displayTrigger,!S,v)}
       <gp-product-badge
         ${{...T}}
-        gp-data='${e.dataStringify(O)}'
-        class="${S} {{ className }}"
-        style="${q}"
+        class="${$} {{ className }}"
+        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
-            ${{...D}}
-            class="${j}"
-            style="${f}"
+            ${{...f}}
+            class="${I}"
+            style="${P}"
           >
-            <style>${A}</style>
+            <style>${D}</style>
             ${e.RenderIf(C,e.template`
-                <div class="${P}">
+                <div class="${A}">
                   <div
                     class="${b}"
-                    style="${x}"
+                    style="${L}"
                   >
                     <pre
                       ${{..._}}
-                      class="${L}"
+                      class="${x}"
                       style="${V}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e.template`<div class="${B}" style="${W}">
-                  <img ${{...E}} class="${k}" alt="" />
+                </div>`,e.template`<div class="${h}" style="${B}">
+                  <img ${{...k}} class="${W}" alt="" />
                 </div>`)}
           </div>
         </div>

package/dist/cjs/product/components/product-badge/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),s=require("../utils/renderBadgeILP.js"),t=require("../utils/common.js");exports.getContainerClasses=({mode:t,isInstant:p,product:o,currentVariant:l,props:r})=>{let{setting:g,builderProps:a}=r,i="gp-shrink-0 product-badge ",n=!t&&p?s.toggleBadge(g?.displayTrigger,o,l):`${a?.uid}`,u=a?.builderData?.advanced?.cssClass||"";return n&&(i+=`${n} `),u&&(i+=`${u} `),a?.uid&&(i+=`${a?.uid} `),g?.positionWithImage==="inside"&&(i+="inside-image "),{...e.composeClasses(i)}},exports.getImageClasses=()=>({...e.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),exports.getImageContainerClasses=()=>({...e.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),exports.getSubWrapperClass=(s,p)=>{let{setting:o,style:l}=s,r=o?.positionWithImage==="inside",g=!r&&p?t.getShapePlacementClass(r,l,p):"gp-h-full";return{...e.composeClasses(g)}},exports.getTextContainerClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),exports.getTextContentClasses=s=>{let t="gp-break-words gp-text-center ",p=e.composeTypographyClassName(s?.typo);return p&&(t+=`${p} `),{...e.composeClasses(t)}},exports.getTextWrapperClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),exports.getWrapperClasses=s=>{let{styles:p,setting:o}=s,{align:l}=p??{},r=o?.positionWithImage==="outside",g=r?"gp-flex ":"gp-h-full",a=t.getAlignShape(l);return r&&a&&(g+=`${a} `),{...e.composeClasses(g)}};
+"use strict";var e=require("@gem-sdk/core"),s=require("../utils/renderBadgeILP.js"),t=require("../utils/common.js");exports.getContainerClasses=({mode:t,isInstant:p,product:o,currentVariant:r,props:l,isSameHeightInProductList:g})=>{let{setting:a,builderProps:i}=l,n="gp-shrink-0 product-badge ",u=!t&&p?s.toggleBadge({triggers:a?.displayTrigger,productDetail:o,productVariant:r,isSameHeightInProductList:g}):`${i?.uid}`,d=i?.builderData?.advanced?.cssClass||"";return u&&(n+=`${u} `),d&&(n+=`${d} `),i?.uid&&(n+=`${i?.uid} `),a?.positionWithImage==="inside"&&(n+="inside-image "),{...e.composeClasses(n)}},exports.getImageClasses=()=>({...e.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),exports.getImageContainerClasses=()=>({...e.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),exports.getSubWrapperClass=(s,p)=>{let{setting:o,style:r}=s,l=o?.positionWithImage==="inside",g=!l&&p?t.getShapePlacementClass(l,r,p):"gp-h-full";return{...e.composeClasses(g)}},exports.getTextContainerClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),exports.getTextContentClasses=s=>{let t="gp-break-words gp-text-center ",p=e.composeTypographyClassName(s?.typo);return p&&(t+=`${p} `),{...e.composeClasses(t)}},exports.getTextWrapperClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),exports.getWrapperClasses=s=>{let{styles:p,setting:o}=s,{align:r}=p??{},l=o?.positionWithImage==="outside",g=l?"gp-flex ":"gp-h-full",a=t.getAlignShape(r);return l&&a&&(g+=`${a} `),{...e.composeClasses(g)}};

package/dist/cjs/product/components/product-badge/utils/renderBadgeILP.js

@@ -1 +1 @@
-"use strict";var e=require("../types.js");const r=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",p=r?.tags||[],m={...t,product_created_at:o,product_tags:p},s=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return n(m,e);case"discount_price":return a(m,e);case"price_range":return i(m,e);case"creation_date":return c(m,e);case"product_tags":return u(m,e);default:return!1}});return s?.every(e=>!0===e)},t=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},o=r=>r===e.CompareType.ABOVE?0:r===e.CompareType.BELOW?2:1,n=(r,n)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===n.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(n.conditionType===e.CompareType.BELOW||n.conditionType===e.CompareType.EXACT_OR_BELOW){let a=o(n.conditionType);return t(r?.inventoryQuantity,{from:1,to:Number(n.from)-a+1},e.CompareType.BETWEEN)}return t(r?.inventoryQuantity,{from:Number(n.from),to:Number(n?.to)},n.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&t(r.inventoryQuantity,{from:0,to:0},e.CompareType.EXACT_OR_BELOW)},a=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let o=(e.compare_at_price-e.price)/100,n=o/(e.compare_at_price/100),a="fixed"===r.discountType?o:Math.round(100*n);return t(a,{from:Number(r.from),to:Number(r.to)},r.conditionType)},i=(e,r)=>{if(void 0===e.price)return!1;let o=e.price/100;return t(o,{from:Number(r.from),to:Number(r.to)},r.conditionType)},c=(r,o)=>{if(!r.product_created_at)return!1;let n=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),a=new Date(o.from),i=new Date(o.to),c=n.getTime();if("exact_date"===o.type)return t(c,{from:a.getTime(),to:0},e.CompareType.EXACT);if("duration"===o.type){let e=new Date().setHours(0,0,0,0),r=(e-n.getTime())/864e5;if(r>=0&&r<=Number(o.days))return!0}return!(a.getTime()>=i.getTime())&&t(c,{from:a.getTime(),to:i.getTime()},e.CompareType.BETWEEN)},u=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=r,exports.toggleBadge=(e,t,o)=>{let n=r(e,t,o);return n?"":"!gp-hidden"};
+"use strict";var e=require("../types.js");const r=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",p=r?.tags||[],m={...t,product_created_at:o,product_tags:p},s=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return n(m,e);case"discount_price":return i(m,e);case"price_range":return a(m,e);case"creation_date":return c(m,e);case"product_tags":return u(m,e);default:return!1}});return s?.every(e=>!0===e)},t=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},o=r=>r===e.CompareType.ABOVE?0:r===e.CompareType.BELOW?2:1,n=(r,n)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===n.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(n.conditionType===e.CompareType.BELOW||n.conditionType===e.CompareType.EXACT_OR_BELOW){let i=o(n.conditionType);return t(r?.inventoryQuantity,{from:1,to:Number(n.from)-i+1},e.CompareType.BETWEEN)}return t(r?.inventoryQuantity,{from:Number(n.from),to:Number(n?.to)},n.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&t(r.inventoryQuantity,{from:0,to:0},e.CompareType.EXACT_OR_BELOW)},i=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let o=(e.compare_at_price-e.price)/100,n=o/(e.compare_at_price/100),i="fixed"===r.discountType?o:Math.round(100*n);return t(i,{from:Number(r.from),to:Number(r.to)},r.conditionType)},a=(e,r)=>{if(void 0===e.price)return!1;let o=e.price/100;return t(o,{from:Number(r.from),to:Number(r.to)},r.conditionType)},c=(r,o)=>{if(!r.product_created_at)return!1;let n=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),i=new Date(o.from),a=new Date(o.to),c=n.getTime();if("exact_date"===o.type)return t(c,{from:i.getTime(),to:0},e.CompareType.EXACT);if("duration"===o.type){let e=new Date().setHours(0,0,0,0),r=(e-n.getTime())/864e5;if(r>=0&&r<=Number(o.days))return!0}return!(i.getTime()>=a.getTime())&&t(c,{from:i.getTime(),to:a.getTime()},e.CompareType.BETWEEN)},u=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=r,exports.toggleBadge=({triggers:e,productDetail:t,productVariant:o,isSameHeightInProductList:n})=>{let i=r(e,t,o);return i?"":n?"!gp-invisible":"!gp-hidden"};

package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return c(e);case"creation_date":return g(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
+"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return g(e);case"creation_date":return c(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
     {% assign enabled = false %}
     {% case conditionType %}
       {% when "exact" %}
@@ -63,7 +63,7 @@
       {% assign isPriceRange = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isPriceRange %}
-  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,c=i(r);return`
+  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,g=i(r);return`
       {% assign type = "${n}" %}
       {% assign shouldContinue = false %}
       {% if variant.inventory_policy == "continue" and type != "out_of_stock" %}
@@ -79,7 +79,7 @@
           {% assign to = ${s(o??"0")} %}
           ${a()}
           {% if conditionType == "below" or conditionType == "exact_or_below" %}
-            {% assign min = ${c} %}
+            {% assign min = ${g} %}
             {% assign from = 1 %}
             {% assign to = from | minus: min | plus: 1 %}
             {% if compareValue >= from and compareValue <= to %}
@@ -99,7 +99,7 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
+  `},g=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -109,7 +109,7 @@
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},g=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
+  `},c=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
     {% assign type = "${t}" %}
     {% assign days = ${s(i)} %}
     {% assign from = "${n}" | date: "%Y-%m-%d" | date: "%s" | times: 1000  %}
@@ -169,6 +169,8 @@
   {% endif %}
   {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
+  {% elsif isSettingSameHeightProductList %}
+    {% assign className = "!gp-invisible" %}
   {% else %}
     {% assign className = "!gp-hidden" %}
   {% endif %}

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-button/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/,"| escape | replace: '"', '\"' }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t,variantSelectionRequiredMessage:r})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target},variantSelectionRequiredMessage:o(r??t?.variantSelectionRequiredMessage)},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;
+"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/,"| escape  }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;

package/dist/cjs/product/components/product-button/hooks/useAddToCart.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("../../../helpers/tracking.js"),s=require("./useDispatchAfterSubmitEvent.js"),u=require("./useCartMessage.js"),a=require("./useCartOperations.js");exports.useBtnAddToCart=({styles:i,setting:n,builderProps:o})=>{let c=r.useRef(null),{isEditMode:l,isPreviewSharePageMode:d}=e.useRenderMode(),b=e.useProduct(),{currency:v}=e.useCurrency(),{quantity:C}=e.useQuantity(),g=e.useProductProperties(),k=e.useCurrentVariant(),{hasPreSelected:p}=e.useHasPreSelected(),f=e.useStickyStore(e=>e.setStickyVisible),I=e.useProductStore(e=>e.updateIsSubmit),S=s.useDispatchInteractionEvent(o?.uid),m=s.useDispatchCustomEvent({product:b,currentVariant:k,quantity:C}),{showMessage:D,notiComponent:E}=u.useCartMessage(i,n),{handleSuccess:q,handleError:y,cartId:h}=a.useCartOperations({setting:n,showMessage:D,dispatchInteractionEvent:S,dispatchCustomEvent:m}),{isMutating:M,trigger:P}=e.useCreateCart({onSuccess:q,onError:y}),{isMutating:T,trigger:j}=e.useAddToCart({onSuccess:q,onError:y});r.useEffect(()=>{let e=new IntersectionObserver(e=>{let r=e[0];f(r?.isIntersecting)},{threshold:.1}),r=c.current;return c.current&&e.observe(c.current),()=>{r&&e.unobserve(r)}},[f]);let O=r.useCallback(()=>{if(!k?.baseID||!C||!b?.baseID||void 0!==p&&!p||l||d)return;let r=g?.some(e=>e.required&&!e.value);if(I(!0),r)return;let s=g?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));t.addToCartTracking({quantity:C,currency:v,id:b?.baseID,name:b?.title,brand:b?.vendor,sku:k.sku,price:e.convertDecimalToNumber(k?.price),variant:k.title});let u={quantity:C,attributes:s,variantId:k.baseID};n?.actionEffect!=="buy-now"&&h?j({cartId:h,lines:[u]}):P({items:[u]})},[l,d,h,v,C,g,p,b?.title,b?.vendor,b?.baseID,k?.sku,k?.price,k?.title,k?.baseID,n?.actionEffect,P,j,I]),A=e.useCurrentVariantInStock(),V=k?n?.outOfStockLabel:"Unavailable";return{addToCartRef:c,isLoading:M||T,isInStock:A,notiComponent:E,outOfStockLabel:V,addToCart:O}};
+"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../../../helpers/tracking.js"),s=require("./useDispatchAfterSubmitEvent.js"),u=require("./useCartMessage.js"),a=require("./useCartOperations.js");exports.useBtnAddToCart=({styles:i,setting:n,builderProps:c})=>{let o=t.useRef(null),{isEditMode:d,isPreviewSharePageMode:l}=e.useRenderMode(),v=e.useProduct(),{currency:b}=e.useCurrency(),{quantity:p}=e.useQuantity(),k=e.useProductProperties(),m=e.useCurrentVariant(),{hasPreSelected:C}=e.useHasPreSelected(),f=e.useStickyStore(e=>e.setElement),g=e.useStickyStore(e=>e.removeElement),D=e.useProductStore(e=>e.updateIsSubmit),S=s.useDispatchInteractionEvent(c?.uid),E=s.useDispatchCustomEvent({product:v,currentVariant:m,quantity:p}),{showMessage:I,notiComponent:y}=u.useCartMessage(i,n),{handleSuccess:q,handleError:M,cartId:P}=a.useCartOperations({setting:n,showMessage:I,dispatchInteractionEvent:S,dispatchCustomEvent:E}),{isMutating:T,trigger:h}=e.useCreateCart({onSuccess:q,onError:M}),{isMutating:j,trigger:A}=e.useAddToCart({onSuccess:q,onError:M});t.useEffect(()=>{let e=o.current;if(!(!e||e.closest(".sticky-wrapper"))&&c?.uid&&c.builderData?.advanced)return f({id:c.uid,element:e,deviceVisibility:c.builderData.advanced.d}),()=>{c?.uid&&g(c.uid)}},[]);let O=t.useCallback(()=>{if(!m?.baseID||!p||!v?.baseID||void 0!==C&&!C||d||l)return;let t=k?.some(e=>e.required&&!e.value);if(D(!0),t)return;let s=k?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));r.addToCartTracking({quantity:p,currency:b,id:v?.baseID,name:v?.title,brand:v?.vendor,sku:m.sku,price:e.convertDecimalToNumber(m?.price),variant:m.title});let u={quantity:p,attributes:s,variantId:m.baseID};n?.actionEffect!=="buy-now"&&P?A({cartId:P,lines:[u]}):h({items:[u]})},[d,l,P,b,p,k,C,v?.title,v?.vendor,v?.baseID,m?.sku,m?.price,m?.title,m?.baseID,n?.actionEffect,h,A,D]),V=e.useCurrentVariantInStock(),w=m?n?.outOfStockLabel:"Unavailable";return{addToCartRef:o,isLoading:T||j,isInStock:V,notiComponent:y,outOfStockLabel:w,addToCart:O}};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../../common/components/NoDataState.js"),r=require("./common/helpers.js"),a=require("@gem-sdk/system"),i=require("./common/classes.js"),l=require("./common/styles.js"),c=require("./hooks/useGpDescription.js");exports.default=n=>{let{setting:o,advanced:d,builderProps:m}=n,{htmlTag:p}=o??{},u=s.useProduct(),g=s.useCurrentDevice(),x=s.getResponsiveValueByScreen(o?.hasLineClamp,g),{ref:y,open:h,isShowViewMore:C,handleToggleShowMore:j,mode:S,redirectProductShopifyLink:v}=c.useGpDescription(o),{t:f}=s.useI18nStore(),k=a.createClass({"gp-product-description":!0,[d?.cssClass]:!0}),q=a.createClass(i.getClasses({setting:o,isLiquid:!1})),I=a.createClass(i.getButtonClasses({setting:o})),N=a.createClass({"gp-show-more-text":!0}),L=a.createClass({"gp-show-more-icon gp-ml-1":!0,...h?{"gp-rotate-180":!0}:{}}),_=a.createClass(i.getClassPreBuilt()),b=a.createStyle({...l.getTextStyle({setting:o}),...h?{}:s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),w=a.createStyle(l.getButtonStyle({setting:o})),T=a.createAttr({"data-id":`${m?.uid}`}),H=a.createAttr({"data-gp-text":""}),{gpDescriptionCss:M,textDescriptionCss:A}=l.getStaticCss(),B=!u?.descriptionHtml;return B&&"edit"===S?e.jsx(t.default,{elementType:"secondary",description:f("Highlight key benefits with product description."),descriptionActions:[{text:f("Add description"),callback:v},{text:f("sync data"),callback:"syncProduct"}]}):e.jsx(e.Fragment,{children:a.If(B,"",e.jsxs("div",{...T,className:k,children:[e.jsx("style",{children:A}),e.jsx("style",{children:M}),e.jsx("div",{className:_}),e.jsx("html"===p?"div":"p",{ref:y,...H,className:q,style:b,dangerouslySetInnerHTML:{__html:u?.descriptionHtml||""}}),a.If(x&&C,e.jsxs("button",{className:I,style:w,onClick:j,children:[e.jsx("span",{className:N,children:a.If(h,o?.viewLessText||"",o?.viewMoreText)}),a.If(o?.enableViewMoreIcon,e.jsx("span",{className:L,dangerouslySetInnerHTML:{__html:r.ICON_SVG}}))]})," ")]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../../common/components/NoDataState.js"),r=require("./common/helpers.js"),a=require("@gem-sdk/system"),i=require("./common/classes.js"),l=require("./common/styles.js"),c=require("./hooks/useGpDescription.js");exports.default=n=>{let{setting:o,advanced:d,builderProps:m}=n,{htmlTag:p}=o??{},u=s.useProduct(),g=s.useCurrentDevice(),x=s.getResponsiveValueByScreen(o?.hasLineClamp,g),{ref:y,open:h,isShowViewMore:C,handleToggleShowMore:j,mode:S,redirectProductShopifyLink:v}=c.useGpDescription(o),{t:f}=s.useI18nStore(),k=a.createClass({"gp-product-description":!0,[d?.cssClass]:!0}),q=a.createClass(i.getClasses({setting:o,isLiquid:!1})),I=a.createClass(i.getButtonClasses({setting:o})),N=a.createClass({"gp-show-more-text":!0}),L=a.createClass({"gp-show-more-icon gp-ml-1":!0,...h?{"gp-rotate-180":!0}:{}}),_=a.createClass(i.getClassPreBuilt()),b=a.createStyle({...l.getTextStyle({setting:o}),...!h&&C?s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp)):{}}),w=a.createStyle(l.getButtonStyle({setting:o})),T=a.createAttr({"data-id":`${m?.uid}`}),H=a.createAttr({"data-gp-text":""}),{gpDescriptionCss:M,textDescriptionCss:A}=l.getStaticCss(),B=!u?.descriptionHtml;return B&&"edit"===S?e.jsx(t.default,{elementType:"secondary",description:f("Highlight key benefits with product description."),descriptionActions:[{text:f("Add description"),callback:v},{text:f("sync data"),callback:"syncProduct"}]}):e.jsx(e.Fragment,{children:a.If(B,"",e.jsxs("div",{...T,className:k,children:[e.jsx("style",{children:A}),e.jsx("style",{children:M}),e.jsx("div",{className:_}),e.jsx("html"===p?"div":"p",{ref:y,...H,className:q,style:b,dangerouslySetInnerHTML:{__html:u?.descriptionHtml||""}}),a.If(x&&C,e.jsxs("button",{className:I,style:w,onClick:j,children:[e.jsx("span",{className:N,children:a.If(h,o?.viewLessText||"",o?.viewMoreText)}),a.If(o?.enableViewMoreIcon,e.jsx("span",{className:L,dangerouslySetInnerHTML:{__html:r.ICON_SVG}}))]})," ")]}))})};

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-description/hooks/useGpDescription.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("@gem-sdk/core");exports.useGpDescription=r=>{let s=e.useRef(null),[u,i]=e.useState(!1),[l,n]=e.useState(!1),a=t.useProduct(),c=t.useCurrentDevice(),o=t.getResponsiveValueByScreen(r?.hasLineClamp,c),p=t.getResponsiveValueByScreen(r?.lineClamp,c),{redirectProductShopifyLink:d}=t.useProductShopifyEditLink(),g=t.useEditorMode(),h=e.useCallback(()=>`calc(${p} * 1lh)`,[p]),m=e.useCallback(e=>o&&p&&e||"auto",[o,p]),y=e.useCallback(()=>{s.current&&(s.current.style.maxHeight=u?h():"none",i(e=>!e))},[u,h]);return e.useEffect(()=>{m(h())},[r?.typo?.custom,m,h]),e.useEffect(()=>{let e=s.current;if(i(!1),!e)return;let r=o&&a?.descriptionHtml;r?setTimeout(()=>{let r=e?.scrollHeight??0,s=e?.clientHeight??0,u=window.getComputedStyle(e).getPropertyValue("line-height"),i=parseInt(u,10)||1,l=void 0!==p&&p<Math.round((r??0)/i),a=t.isSafari()?l:s<r;e.style.maxHeight=h(),p&&a?n(()=>!0):n(()=>!1)},100):e.style.maxHeight="none"},[o,p,a?.descriptionHtml,h]),{ref:s,open:u,isShowViewMore:l,handleToggleShowMore:y,mode:g,redirectProductShopifyLink:d}};
+"use strict";var e=require("react"),t=require("@gem-sdk/core");exports.useGpDescription=r=>{let{htmlTag:i,transform:n,typo:s,typography:l}=r??{},u=e.useRef(null),c=e.useRef(!1),[o,a]=e.useState(!1),[m,p]=e.useState(!1),y=t.useProduct(),g=t.useCurrentDevice(),d=t.getResponsiveValueByScreen(r?.hasLineClamp,g),f=t.getResponsiveValueByScreen(r?.lineClamp,g),H=t.getResponsiveValueByScreen(s?.custom?.lineHeight,g),S=JSON.stringify(s),h=JSON.stringify(l),w=JSON.stringify(n),{redirectProductShopifyLink:v}=t.useProductShopifyEditLink(),P=t.useEditorMode(),R=e.useCallback(()=>{if(!u.current)return;let e=!o;c.current=e,u.current.style.maxHeight=e?"none":"",a(e)},[o]);return e.useEffect(()=>{c.current=!1,a(!1)},[d,f,y?.descriptionHtml]),e.useEffect(()=>{let e=u.current;if(!e)return;if(!d||!y?.descriptionHtml||!f){e.style.maxHeight="",p(!1);return}let t=()=>{if(c.current){e.style.maxHeight="none";return}e.style.maxHeight="";let t=e.style.getPropertyValue("--line-clamp");e.style.setProperty("--line-clamp",String(f));let r=e.scrollHeight-e.clientHeight>1;""!==t?e.style.setProperty("--line-clamp",t):e.style.removeProperty("--line-clamp"),p(r)},r=window.requestAnimationFrame(t),i=window.setTimeout(t,100),n=new ResizeObserver(()=>{t()});return n.observe(e),()=>{window.cancelAnimationFrame(r),window.clearTimeout(i),n.disconnect()}},[d,f,y?.descriptionHtml,H,i,w,S,h]),{ref:u,open:o,isShowViewMore:m,handleToggleShowMore:R,mode:P,redirectProductShopifyLink:v}};

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,41 +1,41 @@
-"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,h={...m,...f},q=`
     {
       "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`
+  `,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(h?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(g),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(h),A=o.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:h.shapeForInside??o.sizeSettingDefaultForNewLayout},h.position),N=t.getStyleInsideLayout(h.position,A,h?.spacing),_=()=>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>`),"")}
+  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:h,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
     {% assign featured_image = product.featured_image %}
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images
-      gp-data='${j}'
-      ${{...v}}
+      ${{...j}}
       style="${{...$}}"
-      class="${P}"
+      class="${L}"
     >
+      <script gp-data type="application/json">${q}</script>
       <div
-        class="${u.LiquidIf("product.media.size > 1",`${D}`,`${b}`)}"
-        style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
+        class="${u.LiquidIf("product.media.size > 1",`${O}`,`${D}`)}"
+        style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(b),n.getStyleOfObject(G))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
-        ${u.If(!C,e.template`
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
+        ${u.If(!v,e.template`
       <div
-        class="${O}"
-        style="${n.getStyleOfObject(A)}"
-        ${{...L}}
+        class="${P}"
+        style="${n.getStyleOfObject(z)}"
+        ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
-        ${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{..._},children:B(),...q,enableLazyLoadImage:h}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
       </div>
     `)}
       </div>

package/dist/cjs/product/components/product-images-v2/components/feature-gallery/FeatureImageWithGallery.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),d=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),n=require("@gem-sdk/system"),c=require("../../../../../carousel/components/root/Carousel.liquid.js"),m=require("../../../../../carousel/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:p,children:f,enableLazyLoadImage:h,...y})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:b}=l.getProductImagesClassName(y),{featuredImageCarouselStyle:M,featureImageStyle:_,featureImageCarouselOnlyOneImageStyle:v,featureImageOnlyOneImageStyle:$,featureImageCarouselItemStyle:w}=o.getProductImagesStyles(y),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(y),x=i.getAspectRatio(y.ftShape),S=()=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),d=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),n=require("@gem-sdk/system"),c=require("../../../../../carousel/components/root/Carousel.liquid.js"),m=require("../../../../../carousel/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:p,children:f,pageContext:h,...y})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:b}=l.getProductImagesClassName(y),{featuredImageCarouselStyle:M,featureImageStyle:_,featureImageCarouselOnlyOneImageStyle:v,featureImageOnlyOneImageStyle:$,featureImageCarouselItemStyle:w}=o.getProductImagesStyles(y),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(y),x=i.getAspectRatio(y.ftShape),S=()=>`
     {% case featureMedia.media_type %}
       {% when 'image' %}
         ${P()}
@@ -13,7 +13,7 @@
       {% else %}
         ${C()}
     {% endcase %}
-    `,j=()=>r.default({src:n.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:x}),O=()=>d.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:x}),z=()=>t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,style:{width:"100%","max-height":"100%"},className:"gp-invisible"}),P=()=>e.template`
+    `,j=()=>r.default({src:n.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:x}),O=()=>d.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:x}),z=()=>t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,style:{width:"100%","max-height":"100%"},className:"gp-invisible",pageContext:h}),P=()=>e.template`
       ${R(e.cls("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==y.hoverEffect},"{{shouldHidden}}"))}
       ${n.If(y?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
             ${R("image-zoom",!0)}
@@ -29,8 +29,8 @@
       {% assign otherImage = product.media[other_image_index] %}
       ${n.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
     `)}
-    ${s.default({srcIsLiquidCode:!0,src:n.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:n.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a}`,enableLazyLoadImage:h})}`,C=()=>e.template`
-    ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:h})}`,k=i.getPaddingBottomByShapeSetting(y.ftShape),N=a.checkRenderFeaturedCarousel(y),T="gp-featured-image-wrapper",W=n.LiquidIf("product.media.size > 0",`${f||""} {% assign largestRatio = 0 %}
+    ${s.default({srcIsLiquidCode:!0,src:n.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:n.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a}`,pageContext:h})}`,C=()=>e.template`
+    ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",pageContext:h})}`,k=i.getPaddingBottomByShapeSetting(y.ftShape),N=a.checkRenderFeaturedCarousel(y),T="gp-featured-image-wrapper",W=n.LiquidIf("product.media.size > 0",`${f||""} {% assign largestRatio = 0 %}
       ${n.LiquidFor("featureMedia in product.media",`
           {% assign height = featureMedia.height | times: 1.0 %}
           {% assign width = featureMedia.width | times: 1.0 %}
@@ -54,7 +54,7 @@
         ${S()}
       </div>
       `})}`)}
-    `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:y?.preload,setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:h}));return n.Liquid(`
+    `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:y?.preload,setting:{layout:y?.ftLayout,aspectRatio:x,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,pageContext:h}));return n.Liquid(`
     {% capture featureImageOnlyOne %}
       ${n.Liquid(`
         {% assign featureMedia = variant.featured_media %}

package/dist/cjs/product/components/product-images-v2/components/gallery-carousel/GalleryCarousel.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../../../image/components/NextImage.liquid.js"),t=require("../../common/common.js"),o=require("../../common/productGallery.js"),s=require("../../../../helpers/function.js"),a=require("../../composables/getProductImagesStyles.js"),r=require("../../composables/getProductImagesClassName.js"),l=require("../../composables/getProductImagesAttr.js"),d=require("@gem-sdk/system"),p=require("../../../../../carousel/components/root/Carousel.liquid.js"),g=require("../../../../../carousel/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:m,children:u,enableLazyLoadImage:n,...c})=>{let{featuredImageGalleryClasses:C,galleryItemClasses:h}=r.getProductImagesClassName(c),{galleryCarouselSettingAttrs:y}=l.getProductImagesAttr(c),{galleryCarouselStyle:v,galleryCarouselItemStyle:b}=a.getProductImagesStyles(c),f=o.getShapeByLayout({shape:c.shape,shapeForBottom:c.shapeForBottom,shapeFor1Col:c.shapeFor1Col,shapeFor2Col:c.shapeFor2Col,shapeForFtOnly:c.shapeForFtOnly,shapeForInsideBottom:c.shapeForInsideBottom,shapeForInside:c.shapeForInside},c.position),L=(o,s)=>e.template`${i.default({srcIsLiquidCode:!0,src:`${t.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:o,baseSrc:"{{media.preview_image | image_url}}",customLazyload:!0,style:s,className:"!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:n})}`,q=t.getPaddingBottomByShapeSetting(f),w=i=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../../../image/components/NextImage.liquid.js"),t=require("../../common/common.js"),o=require("../../common/productGallery.js"),s=require("../../../../helpers/function.js"),a=require("../../composables/getProductImagesStyles.js"),r=require("../../composables/getProductImagesClassName.js"),l=require("../../composables/getProductImagesAttr.js"),d=require("@gem-sdk/system"),p=require("../../../../../carousel/components/root/Carousel.liquid.js"),g=require("../../../../../carousel/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:m,children:u,pageContext:n,...c})=>{let{featuredImageGalleryClasses:C,galleryItemClasses:h}=r.getProductImagesClassName(c),{galleryCarouselSettingAttrs:y}=l.getProductImagesAttr(c),{galleryCarouselStyle:v,galleryCarouselItemStyle:b}=a.getProductImagesStyles(c),f=o.getShapeByLayout({shape:c.shape,shapeForBottom:c.shapeForBottom,shapeFor1Col:c.shapeFor1Col,shapeFor2Col:c.shapeFor2Col,shapeForFtOnly:c.shapeForFtOnly,shapeForInsideBottom:c.shapeForInsideBottom,shapeForInside:c.shapeForInside},c.position),L=(o,s)=>e.template`${i.default({srcIsLiquidCode:!0,src:`${t.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:o,baseSrc:"{{media.preview_image | image_url}}",customLazyload:!0,style:s,className:"!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer",pageContext:n})}`,q=t.getPaddingBottomByShapeSetting(f),w=i=>`
     ${d.LiquidIf("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
     ${d.LiquidIf("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
     ${d.LiquidIf("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}