@gem-sdk/components 19.1.0-staging.9 → 20.0.1

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLine.js")}),{loading:r.default});exports.default={PostPurchaseLine:o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLine.js")}),{loading:r.default});exports.default={PostPurchaseLine:t};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLink.js")}),{loading:r.default});exports.default={PostPurchaseLink:o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLink.js")}),{loading:r.default});exports.default={PostPurchaseLink:t};

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOffer.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../../common/components/Loading.js");require("@gem-sdk/core"),require("../../../../../common/const.js");var s=require("../common/classes.js"),a=require("@gem-sdk/system"),o=require("../common/styles.js"),c=require("../hooks/useProductOfferData.js"),u=require("./ProductOfferItem.js");exports.default=l=>{let{styles:d,builderAttrs:i,builderProps:n,setting:m}=l,{isLoading:f,productSortedById:j,totalProduct:p}=c.useProductOfferData(),y=a.createClass({...s.getProductOfferContainerClasses(n?.uid)}),g=a.createClass({...s.getProductOfferWrapperClasses()}),q=a.createStyle({...o.getWrapperStyles(d)}),x=a.createStyle({...o.getContainerStyles(m)});return e.jsx(e.Fragment,{children:f?e.jsx(t.default,{}):j?.length?e.jsx("div",{...i,className:y,style:x,children:e.jsx("div",{className:g,style:q,children:j?.map((e,t)=>r.createElement(u.ProductOfferItem,{...l,product:e,index:t,key:t,totalProduct:p}))})}):e.jsx("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../../common/components/Loading.js");require("@gem-sdk/core");var s=require("../common/classes.js"),a=require("@gem-sdk/system"),o=require("../common/styles.js"),c=require("../hooks/useProductOfferData.js"),u=require("./ProductOfferItem.js");exports.default=l=>{let{styles:d,builderAttrs:i,builderProps:n,setting:m}=l,{isLoading:f,productSortedById:p,totalProduct:j}=c.useProductOfferData(),y=a.createClass({...s.getProductOfferContainerClasses(n?.uid)}),g=a.createClass({...s.getProductOfferWrapperClasses()}),q=a.createStyle({...o.getWrapperStyles(d)}),x=a.createStyle({...o.getContainerStyles(m)});return e.jsx(e.Fragment,{children:f?e.jsx(t.default,{}):p?.length?e.jsx("div",{...i,className:y,style:x,children:e.jsx("div",{className:g,style:q,children:p?.map((e,t)=>r.createElement(u.ProductOfferItem,{...l,product:e,index:t,key:t,totalProduct:j}))})}):e.jsx("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOfferItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("react");require("../../../../../common/const.js");var s=require("../../../../../grid/components/row/Row.js"),i=require("../../../../../grid/components/ChildrenDroppable.js"),d=require("@gem-sdk/system"),c=require("../common/attrs.js"),n=require("../common/classes.js"),o=require("../context/PrdOfferSubscriptionPresenceContext.js");exports.ProductOfferItem=u=>{let{product:a,setting:l,builderProps:f,children:m,index:j,totalProduct:q,builderAttrs:x,styles:P}=u,{isEditMode:p}=r.useRenderMode(),{variantSelected:h,productOfferLayout:g,layout:v,...O}=l??{};Object.keys(v||{}).forEach(e=>{g?.[e]==="2col"&&v?.[e]&&(v[e].display="fill")});let b=h?.[a?.baseID??""]?.variantId,y=d.createAttr({...c.getProductOfferAttrs(a,f?.uid)}),C=d.createClass({...n.getProductOfferItemClasses(j,l,q)}),I=t.useRef(null),R=e.jsx("div",{ref:I,...p&&y,children:e.jsx(s.default,{builderAttrs:x,setting:{...O,layout:v},styles:P,children:r.isEmptyChildren(m)?e.jsx(i.default,{}):m})});return e.jsx("div",{className:C,children:e.jsx(r.ProductProvider,{product:a,readOnly:!0,initialVariantId:b??"Latest",uid:f?.uid,children:e.jsx(o.ProductOfferSubscriptionPresenceProvider,{containerRef:I,children:R})})},`uid-${a?.id}`)};
+"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("react"),s=require("../../../../../grid/components/row/Row.js"),i=require("../../../../../grid/components/ChildrenDroppable.js"),d=require("@gem-sdk/system"),c=require("../common/attrs.js"),n=require("../common/classes.js"),u=require("../context/PrdOfferSubscriptionPresenceContext.js");exports.ProductOfferItem=o=>{let{product:l,setting:a,builderProps:f,children:m,index:j,totalProduct:x,builderAttrs:P,styles:p}=o,{isEditMode:q}=r.useRenderMode(),{variantSelected:h,productOfferLayout:g,layout:O,...b}=a??{};Object.keys(O||{}).forEach(e=>{g?.[e]==="2col"&&O?.[e]&&(O[e].display="fill")});let v=h?.[l?.baseID??""]?.variantId,y=d.createAttr({...c.getProductOfferAttrs(l,f?.uid)}),C=d.createClass({...n.getProductOfferItemClasses(j,a,x)}),I=t.useRef(null),R=e.jsx("div",{ref:I,...q&&y,children:e.jsx(s.default,{builderAttrs:P,setting:{...b,layout:O},styles:p,children:r.isEmptyChildren(m)?e.jsx(i.default,{}):m})});return e.jsx("div",{className:C,children:e.jsx(r.ProductProvider,{product:l,readOnly:!0,initialVariantId:v??"Latest",uid:f?.uid,children:e.jsx(u.ProductOfferSubscriptionPresenceProvider,{containerRef:I,children:R})})},`uid-${l?.id}`)};

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

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("../../common/const.js"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default});exports.default={PostPurchaseText:o,PostPurchaseHeading:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default});exports.default={PostPurchaseText:t,PostPurchaseHeading:n};

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"),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=`
+"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=`
     {
-      "id":${JSON.stringify(u?.uid)},
+      "id":${JSON.stringify(p?.uid)},
       "setting":${JSON.stringify(g)},
-      "styles":${JSON.stringify(p)},
-      "product":{{ product | json }}
+      "styles":${JSON.stringify(u)},
+      "product":{{ product | json | escape }}
     }
   `;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(p?.align,p?.position)}}"
+        style="${{...i.getStyleAlignment(u?.align,u?.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:p?.position,width:p?.width,widthHorizontalLayout:p?.widthHorizontalLayout}),...a.getStyleGallerySpacing(p?.position,p?.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:u?.position,width:u?.width,widthHorizontalLayout:u?.widthHorizontalLayout}),...a.getStyleGallerySpacing(u?.position,u?.gallerySpacing)}}"
           >
-            ${s.default({builderPropUID:u?.uid,...m})}
-            ${l.default({builderPropUID:u?.uid,...m})}
+            ${l.default({builderPropUID:p?.uid,...m})}
+            ${s.default({builderPropUID:p?.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: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`
+"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`
     ${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='${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 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>
     ${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,6 +1,7 @@
 "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>
-  <script gp-data type="application/json">${JSON.stringify(R)}</script>
+  <gp-file-upload
+    gp-data='${JSON.stringify(R)}'
+  >
   <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");require("../../../common/const.js");var 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:v}=t.useProductBundleDiscount(),T=y?.["bundle-item"],h=t.useEditorMode(),{isEditMode:q}=t.useRenderMode(),A="STATIC"===t.usePageType(),{settings:N}=t.useSafeGetProductListSettings(),I=N?.sameHeight,f=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:T,useProductCompareAtPrice:v},d?.displayContent,x),b=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:v}),P=l.createClass({...o.getContainerClasses({mode:h,isInstant:A,product:p,currentVariant:j,props:i,isSameHeightInProductList:I})}),W=l.createStyle({...c.getContainerStyle(i)}),M=l.createAttr({...n.getEditTooltipAttrs(i,q)}),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:q})}),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(q&&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};
+"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,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"),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)),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`
+"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`
     {% 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="${j}"
+        style="${q}"
         data-display-content="${m?.isPreviewing?K:e.sanitizeLiquid(`{{${K}}}`)}"
       >
-        <script gp-data type="application/json">${e.dataStringify(E)}</script>
-        <div class="${q}">
+        <div class="${I}">
           <div
             ${{...f}}
-            class="${I}"
+            class="${j}"
             style="${P}"
           >
             <style>${D}</style>

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

@@ -1,9 +1,8 @@
-"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`
+"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`
     <gp-product-bundle-discount
+      gp-data='${JSON.stringify(S)}'
       style="${I}"
-      class="${f}"
-    >
-      <script gp-data type="application/json">${JSON.stringify(y)}</script>
+      class="${f}">
       ${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: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`
+"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`
     ${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,21 +6,20 @@
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${m}"
+      style="${S}"
       gp-data-wrapper="true"
       gp-href="${$.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${S}"
-      gp-label-unavailable="${q}"
+      gp-label-out-of-stock="${y}"
+      gp-label-unavailable="${b}"
+      gp-data='${JSON.stringify(_)}'
       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}"
     >
-      <script gp-data type="application/json">${JSON.stringify(_)}</script>
-      ${n.AddToCartButton({...l,style:y})}
-      ${o.SoldOutButton({...l,style:y,label:S})}
+      ${n.AddToCartButton({...l,style:m})}
+      ${o.SoldOutButton({...l,style:m,label:y})}
     </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,11 +1,11 @@
-"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`
+"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`
     <gp-product-description
       ${f}
       class="${C}"
+      gp-data='${e.dataStringify(k).replaceAll("'","\\u0027")}'
       data-view-more-text="${M}"
       data-view-less-text="${P}"
     >
-      <script gp-data type="application/json">${e.dataStringify(k)}</script>
       <style>${h}${b}</style>
       <div class="${q}" ></div>
       ${s.LiquidUnless("product","<p>Product not found</p>",e.template`<${$} ${w} class="${S}" style="${L}">

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");require("../../../common/const.js");var 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:q,priceSave:b,currentProductId:h,unitCustomDisplay:C,shouldPlaceholderNoDiscount:v}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(v)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 S=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:q,priceSave:b,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":h,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:S,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`}}})]})})}))})};
+"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`}}})]})})}))})};

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: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`
+"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`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
       assign priceSave = salePrice | minus: price
-      assign prefixVal = ${o?.isPreviewing?JSON.stringify(f):f}
-      assign suffixVal = ${o?.isPreviewing?JSON.stringify(y):y}
+      assign prefixVal = ${u?.isPreviewing?JSON.stringify(f):f}
+      assign suffixVal = ${u?.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:c,id:`p-tag-${d?.uid}`,setting:{...p,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
+          ${t.default({styles:p,id:`p-tag-${d?.uid}`,setting:{...c,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"),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=`
+"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,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 }},
-      "product":{{product | json }},
-      "collectionUrl": {{ collection.url | json }},
-      "collection": {{ collection | json }}
+      "productUrl":{{product.url | json | escape}},
+      "product":{{product | json | escape}},
+      "collectionUrl": {{ collection.url | json | escape }},
+      "collection": {{ collection | json | escape}}
     }
-  `,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`
+  `,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(c),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:h,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='${q}'
       ${{...j}}
       style="${{...$}}"
       class="${L}"
     >
-      <script gp-data type="application/json">${q}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${O}`,`${D}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(b),n.getStyleOfObject(G))}"
       >
-        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
+        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
         ${u.If(!v,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"
         ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
+        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
         ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
       </div>
     `)}

package/dist/cjs/product/components/product-images-v2/components/child/ProductFeaturedImageOnly.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"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),d=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:p,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d),[d,u.ftClickOpenLightBox]),v=r.useMemo(()=>!p&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[p,c?.contentType,y]),x=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),j=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,m]),b=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect]),T=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:j,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:x?.contentType,url:x.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:x.src,width:x?.width,height:x?.height,alt:x?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:x?.contentType??""}),b&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:x.src,width:u?.hoverEffect==="other"?l?.width:x.width,height:u?.hoverEffect==="other"?l?.height:x.height,alt:u?.hoverEffect==="other"?l?.alt:x.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),T&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${x?.src}")`})}})]})}))})});exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),g=t.useCurrentDevice(),p=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g),[g,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!p)return"#";let e=new URL(p);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[p,f,y]),T=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),b=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),T&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:j.src,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),b&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;

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"),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=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...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=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...m,...f},q=`
     {
       "id":${JSON.stringify(y?.uid)},
       "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
       "productUrl":{{product.url | json }},
-      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
+      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json | escape }}}{% else %}null{% endif %},
       "collectionUrl": {{ collection.url | json }},
       "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),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(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),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(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
       ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.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:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
@@ -18,17 +18,17 @@
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      ${{...q}}
+      gp-data='${q}'
+      ${{...v}}
       style="${{...$}}"
       class="${L}"
     >
-      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${O}`,`${D}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(b),n.getStyleOfObject(G))}"
       >
         ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
-        ${u.If(!v,e.template`
+        ${u.If(!j,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"

package/dist/cjs/product/components/product-images-v3/ProductImagesV3Embla.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"),i=require("./components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js"),r=require("./components/gallery-carousel/GalleryCarouselEmbla.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:h,pageContext:S}=c,I={...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/FeatureImageWithGalleryEmbla.liquid.js"),r=require("./components/gallery-carousel/GalleryCarouselEmbla.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:h,pageContext:S}=c,I={...m,...f},q=`
     {
       "id":${JSON.stringify(y?.uid)},
       "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
-      "productUrl":{{product.url | json }},
-      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
-      "collectionUrl": {{ collection.url | json }},
-      "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
+      "productUrl":{{product.url | json | escape}},
+      "product":{% if product %}{"id":{{ product.id | json | escape }},"handle":{{ product.handle | json | escape }},"media":{{ product.media | json | escape }}}{% else %}null{% endif %},
+      "collectionUrl": {{ collection.url | json | escape }},
+      "collection": {% if collection %}{"handle":{{ collection.handle | json | escape }}}{% else %}null{% endif %}
     }
-  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
       ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.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:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
@@ -18,17 +18,17 @@
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      ${{...q}}
+      gp-data='${q}'
+      ${{...v}}
       style="${{...$}}"
       class="${L}"
     >
-      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${b}`,`${O}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(D),n.getStyleOfObject(G))}"
       >
         ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
-        ${u.If(!v,e.template`
+        ${u.If(!j,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"

package/dist/cjs/product/components/product-images-v3/components/child/ProductFeaturedImageOnly.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"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),p=t.useCurrentDevice(),d=t.useShopStore(e=>e.storefrontUrl),{isEditMode:g,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),v=r.useMemo(()=>!g&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[g,c?.contentType,y]),b=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),x=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!d)return"#";let e=new URL(d);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[d,f,m]),j=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect]),E=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect,u?.zoomType]),T=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?T(b):T(l):n.src,[l,b,u.hoverEffect,T]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:x,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:b?.contentType,url:b.src??"",thumbnail:b?.previewImage,aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:b.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:b?.contentType??""}),j&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:b.width,height:u?.hoverEffect==="other"?l?.height:b.height,alt:u?.hoverEffect==="other"?l?.alt:b.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),E&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${b?.src}")`})}})]})}))})});exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),p=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,y]),b=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),M=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]),T=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?T(j):T(l):c.src,[l,j,u.hoverEffect,T]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",thumbnail:j?.previewImage,aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),b&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),M&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;