@gem-sdk/components 11.2.4 → 12.0.0-dev.101

package/dist/esm/post-purchase/text/settings/text/Text.js

@@ -1,7 +1,7 @@
-import{settingV2 as e}from"./configs/setting-v2.js";import{uiV1 as C}from"./configs/ui-v1.js";import{uiV2 as t}from"./configs/ui-v2.js";let config={tag:"PostPurchaseText",label:"Text block",icon:`
+import{settingV2 as e}from"./configs/setting-v2.js";import{uiV2 as C}from"./configs/ui-v2.js";let config={tag:"PostPurchaseText",label:"Text block",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
   </svg>
-  `,settings:e,ui:C,uiV2:t,advanced:{},presets:[{id:"PostPurchaseText",name:{en:"Text block"},icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+  `,settings:e,ui:[],uiV2:C,advanced:{},presets:[{id:"PostPurchaseText",name:"Text block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
         </svg>`},components:[{tag:"PostPurchaseText",advanced:{blockPadding:"none",inlinePadding:"none"}}]}],rootOverride:{styles:{align:"center",width:{desktop:"1200px"}}}};export{config as default};

package/dist/esm/post-purchase/text/settings/text/configs/ui-v2.js

@@ -1 +1 @@
-let uiV2=[{label:{en:"Text"},controls:[{type:"control",label:{en:"Direction"},setting:{id:"direction"},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{uiV2};
+let uiV2=[{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"Align",conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{uiV2};

package/dist/esm/postPurchaseSetting.js

@@ -1 +1 @@
-import{gridSetting as o}from"./grid/index.js";import{postPurchaseAdvancedListSetting as r}from"./post-purchase/advanced-list/index.js";import{postPurchaseButtonSetting as t}from"./post-purchase/button/index.js";import{postPurchaseCalloutBoxSetting as s}from"./post-purchase/callout-banner/index.js";import{postPurchaseCountdownTimerSetting as p}from"./post-purchase/countdown-timer/index.js";import{postPurchaseImageSetting as e}from"./post-purchase/image/index.js";import{postPurchaseLineSetting as i}from"./post-purchase/line/index.js";import{postPurchaseLinkSetting as m}from"./post-purchase/link/index.js";import{postPurchaseProductSetting as n}from"./post-purchase/product/index.js";import{postPurchaseTextSetting as a}from"./post-purchase/text/index.js";var postPurchaseSetting={...o,...r,...t,...s,...p,...e,...i,...m,...a,...n,...a};export{postPurchaseSetting as default};
+import{gridSetting as o}from"./grid/index.js";import{postPurchaseAdvancedListSetting as r}from"./post-purchase/advanced-list/index.js";import{postPurchaseButtonSetting as t}from"./post-purchase/button/index.js";import{postPurchaseCalloutBoxSetting as s}from"./post-purchase/callout-banner/index.js";import{postPurchaseCountdownTimerSetting as e}from"./post-purchase/countdown-timer/index.js";import{postPurchaseImageSetting as p}from"./post-purchase/image/index.js";import{postPurchaseLineSetting as i}from"./post-purchase/line/index.js";import{postPurchaseLinkSetting as m}from"./post-purchase/link/index.js";import{postPurchaseProductSetting as n}from"./post-purchase/product/index.js";import{postPurchaseTextSetting as a}from"./post-purchase/text/index.js";import{postPurchaseBuyerConsentSetting as u}from"./post-purchase/buyer-consent/index.js";var postPurchaseSetting={...o,...r,...t,...s,...e,...p,...i,...m,...a,...n,...a,...u};export{postPurchaseSetting as default};

package/dist/esm/product/components/ProductImages.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useProduct as i,useCurrentDevice as o,useCurrentVariant as r,useProductStore as l,getResponsiveValueByScreen as a,makeStyleResponsive as s,makeHeight as g,cls as p,makeStyle as m}from"@gem-sdk/core";import{useState as u,useRef as d,useMemo as n,useCallback as c,useEffect as f}from"react";import b from"./product-images/ProductFeaturedImage.js";import{getFlexDirection as h}from"../helpers/product-image.js";import{getStyleAlignment as I,checkAddOverFlowClass as y,convertUnitToNumber as V,getTypeWidthDevice as w}from"./product-images/common/helpers.js";import P from"./product-images/ProductGalleryCarousel.js";import j from"./product-images/ProductGalleryGrid.js";import x from"./product-images/ProductImagesLightBox.js";import{getStyleWidthForGallery as k,getStyleGallerySpacing as E}from"./product-images/common/productGallery.js";let DEVICES=["mobile","tablet","desktop"],getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),ProductImages=H=>{let{setting:v,styles:C,builderProps:G,builderAttrs:D,style:L,children:z}=H,R={...H.styles,...H.setting},S={...H.styles,...H.setting},N=i(),U=o(),B=r(),F=l(e=>e.setProductFeaturedImage),[O,A]=u(!1),[T,_]=u(100),q=d(null),J=a(v?.galleryVisible,U),K=a(v?.featureImageVisible,U),M=n(()=>a(C?.position,U),[U,C?.position]),Q=n(()=>k({galleryVisible:v?.galleryVisible,featureImageVisible:v?.featureImageVisible,position:C?.position,width:C?.width,widthHorizontalLayout:C?.widthHorizontalLayout}),[C?.position,C?.width,C?.widthHorizontalLayout,v?.galleryVisible,v?.featureImageVisible]),W=n(()=>{let e=getProductGallery(N);return e?.length?e:[{id:N?.featuredImage?.id??"noImageError",src:N?.featuredImage?.src??"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:N?.featuredImage?.width??480,height:N?.featuredImage?.height??480}]},[N]),X=n(()=>I(C?.align,C?.position),[C?.position,C?.align]),Y=n(()=>W.reduce((e,t,i)=>t?{...e,[t.id]:i}:e,{}),[W]),Z=n(()=>E(C?.position,C?.gallerySpacing),[C?.position,C?.gallerySpacing]),$=n(()=>y(L),[L]),ee=n(()=>{let e={};return DEVICES.forEach(t=>{let i=V(C?.height?.[t],0),o=a(v?.galleryVisible,t),r=a(v?.featureImageVisible,t),l=a(C?.position,t),s=("left"===l||"right"===l)&&o&&r;e=i?"number"==typeof C?.height?.[t]?{...e,[t]:C?.height?.[t]+"px"}:C?.height?.[t]?.includes("%")?{...e,[t]:V(C?.height?.[t],T)*T/100+"px"}:{...e,[t]:C?.height?.[t]}:{...e,[t]:s?T+"px":"auto"}}),e},[T,C?.height,C?.position,v?.featureImageVisible,v?.galleryVisible]),et=c(()=>s("h",g(ee)),[ee]);f(()=>{if(B){let e=Y[B?.mediaId]??0,t=W[e]??N?.featuredImage;t&&F(t)}},[B,Y,W,N?.featuredImage,F]),f(()=>{let e=null;return q?.current&&(e=new ResizeObserver(()=>{_(q?.current?.offsetHeight??0)})).observe(q.current,{}),()=>{e?.disconnect()}},[v?.featureImageVisible,U]),f(()=>{v?.featureImageVisible&&setTimeout(()=>{_(q?.current?.offsetHeight??0)},100)},[v?.featureImageVisible,U]);let ei=e=>{if(!e)return;let t=Y[e];if(void 0!==t){let e=W[t];e&&F(e)}},eo=e=>{let t=v?.clickEffect=="popup"||a(v?.largeViewInPopup,U);t&&A(!0),ei(e)},er=e=>{let t=a(v?.largeViewInPopup,U);t&&eo(e),ei(e)};return e("div",{...D,className:p(G?.uid,{"gp-overflow-hidden":$}),style:{...L},children:[e("div",{className:p("gp-flex gp-w-full",{...h(H)}),style:{...X},children:[K&&t(b,{imgRef:q,productImages:W,...R,onOpenLightBox:()=>A(!0)}),J&&W.length>1&&t("div",{className:p("gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":C?.position?.desktop=="bottom-left","tablet:gp-justify-start":C?.position?.tablet=="bottom-left","mobile:gp-justify-start":C?.position?.mobile=="bottom-left","gp-justify-center":C?.position?.desktop=="bottom-center","tablet:gp-justify-center":C?.position?.tablet=="bottom-center","mobile:gp-justify-center":C?.position?.mobile=="bottom-center","gp-mx-auto":"bottom-center"==M}),style:{...m({fs:"1.23"}),...Q,...Z,...et()},children:"slider"===w(v?.type)[U]||"left"===M||"right"===M?t(P,{productImages:W,...S,builderPropUID:G?.uid,onHandleClick:e=>er(e||"")}):t(j,{productImages:W,...S,builderPropUID:G?.uid,onHandleClick:e=>er(e||"")})})]}),(v?.clickEffect=="popup"||a(v?.largeViewInPopup,U))&&t(x,{productImages:W,builderPropUID:G?.uid,open:O,onHandleClose:()=>A(!1),imageRatio:C?.ftAspectRatio}),z]})};export{ProductImages as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useProduct as i,useCurrentDevice as o,useCurrentVariant as r,useProductStore as l,getResponsiveValueByScreen as a,makeStyleResponsive as s,makeHeight as g,cls as p,makeStyle as m}from"@gem-sdk/core";import{useState as u,useRef as d,useMemo as n,useCallback as c,useEffect as f}from"react";import b from"./product-images/ProductFeaturedImage.js";import{getFlexDirection as h}from"../helpers/product-image.js";import{getStyleAlignment as I,checkAddOverFlowClass as y,convertUnitToNumber as V,getTypeWidthDevice as w}from"./product-images/common/helpers.js";import P from"./product-images/ProductGalleryCarousel.js";import j from"./product-images/ProductGalleryGrid.js";import x from"./product-images/ProductImagesLightBox.js";import{getStyleWidthForGallery as E,getStyleGallerySpacing as k}from"./product-images/common/productGallery.js";let DEVICES=["mobile","tablet","desktop"],getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),ProductImages=H=>{let{setting:v,styles:D,builderProps:C,builderAttrs:G,style:L,children:z}=H,R={...H.styles,...H.setting},S={...H.styles,...H.setting},N=i(),U=o(),B=r(),F=l(e=>e.setProductFeaturedImage),[O,A]=u(!1),[T,_]=u(100),q=d(null),J=a(v?.galleryVisible,U),K=a(v?.featureImageVisible,U),M=n(()=>a(D?.position,U),[U,D?.position]),Q=n(()=>E({galleryVisible:v?.galleryVisible,featureImageVisible:v?.featureImageVisible,position:D?.position,width:D?.width,widthHorizontalLayout:D?.widthHorizontalLayout}),[D?.position,D?.width,D?.widthHorizontalLayout,v?.galleryVisible,v?.featureImageVisible]),W=n(()=>{let e=getProductGallery(N);return e?.length?e:[{id:N?.featuredImage?.id??"noImageError",baseID:N?.featuredImage?.baseID??"noImageError",src:N?.featuredImage?.src??"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:N?.featuredImage?.width??480,height:N?.featuredImage?.height??480}]},[N]),X=n(()=>I(D?.align,D?.position),[D?.position,D?.align]),Y=n(()=>W.reduce((e,t,i)=>t?{...e,[t.id]:i}:e,{}),[W]),Z=n(()=>k(D?.position,D?.gallerySpacing),[D?.position,D?.gallerySpacing]),$=n(()=>y(L),[L]),ee=n(()=>{let e={};return DEVICES.forEach(t=>{let i=V(D?.height?.[t],0),o=a(v?.galleryVisible,t),r=a(v?.featureImageVisible,t),l=a(D?.position,t),s=("left"===l||"right"===l)&&o&&r;e=i?"number"==typeof D?.height?.[t]?{...e,[t]:D?.height?.[t]+"px"}:D?.height?.[t]?.includes("%")?{...e,[t]:V(D?.height?.[t],T)*T/100+"px"}:{...e,[t]:D?.height?.[t]}:{...e,[t]:s?T+"px":"auto"}}),e},[T,D?.height,D?.position,v?.featureImageVisible,v?.galleryVisible]),et=c(()=>s("h",g(ee)),[ee]);f(()=>{if(B){let e=Y[B?.mediaId]??0,t=W[e]??N?.featuredImage;t&&F(t)}},[B,Y,W,N?.featuredImage,F]),f(()=>{let e=null;return q?.current&&(e=new ResizeObserver(()=>{_(q?.current?.offsetHeight??0)})).observe(q.current,{}),()=>{e?.disconnect()}},[v?.featureImageVisible,U]),f(()=>{v?.featureImageVisible&&setTimeout(()=>{_(q?.current?.offsetHeight??0)},100)},[v?.featureImageVisible,U]);let ei=e=>{if(!e)return;let t=Y[e];if(void 0!==t){let e=W[t];e&&F(e)}},eo=e=>{let t=v?.clickEffect=="popup"||a(v?.largeViewInPopup,U);t&&A(!0),ei(e)},er=e=>{let t=a(v?.largeViewInPopup,U);t&&eo(e),ei(e)};return e("div",{...G,className:p(C?.uid,{"gp-overflow-hidden":$}),style:{...L},children:[e("div",{className:p("gp-flex gp-w-full",{...h(H)}),style:{...X},children:[K&&t(b,{imgRef:q,productImages:W,...R,onOpenLightBox:()=>A(!0)}),J&&W.length>1&&t("div",{className:p("gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":D?.position?.desktop=="bottom-left","tablet:gp-justify-start":D?.position?.tablet=="bottom-left","mobile:gp-justify-start":D?.position?.mobile=="bottom-left","gp-justify-center":D?.position?.desktop=="bottom-center","tablet:gp-justify-center":D?.position?.tablet=="bottom-center","mobile:gp-justify-center":D?.position?.mobile=="bottom-center","gp-mx-auto":"bottom-center"==M}),style:{...m({fs:"1.23"}),...Q,...Z,...et()},children:"slider"===w(v?.type)[U]||"left"===M||"right"===M?t(P,{productImages:W,...S,builderPropUID:C?.uid,onHandleClick:e=>er(e||"")}):t(j,{productImages:W,...S,builderPropUID:C?.uid,onHandleClick:e=>er(e||"")})})]}),(v?.clickEffect=="popup"||a(v?.largeViewInPopup,U))&&t(x,{productImages:W,builderPropUID:C?.uid,open:O,onHandleClose:()=>A(!1),imageRatio:D?.ftAspectRatio}),z]})};export{ProductImages as default};

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

@@ -1,29 +1,29 @@
-import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseAssetURL as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleWidthForGallery as f,getStyleGallerySpacing as n}from"./product-images/common/productGallery.js";import{getSettingPreloadData as b}from"../../helpers.js";let ProductImages=y=>{let{setting:$,styles:j,builderProps:h,style:v}=y,S={...y.styles,...y.setting},w={...y.styles,...y.setting},x=e=>l(j?.position,e),I=()=>m(e=>!!$?.galleryVisible&&!l($?.galleryVisible,e),"inline-flex"),P=`
+import{template as t,cls as e,makeStyle as i,RenderIf as r,isLocalEnv as s,baseAssetURL as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleWidthForGallery as n,getStyleGallerySpacing as f}from"./product-images/common/productGallery.js";import{getSettingPreloadData as y}from"../../helpers.js";let ProductImages=b=>{let{setting:j,styles:$,builderProps:h,style:v}=b,S={...b.styles,...b.setting},w={...b.styles,...b.setting},x=t=>l($?.position,t),I=()=>m(t=>!!j?.galleryVisible&&!l(j?.galleryVisible,t),"inline-flex"),P=`
     {
       "id":${JSON.stringify(h?.uid)},
-      "setting":${JSON.stringify($)},
-      "styles":${JSON.stringify(j)},
-      "product":{{ product | json | escape }}
+      "setting":${JSON.stringify(j)},
+      "styles":${JSON.stringify($)},
+      "product":{{ product | json }}
     }
-  `;return e`
+  `;return t`
   {% assign featured_image = product.featured_image %}
   {%- if variant != null and variant.featured_image != null -%}
   {% assign featured_image = variant.featured_image %}
   {%- endif -%}
   <gp-product-images
-    gp-data='${P}'
     style="${{...v}}"
-    class="${t({"gp-overflow-hidden":p(v)})}"
+    class="${e({"gp-overflow-hidden":p(v)})}"
   >
+    <script gp-data type="application/json">${P}</script>
     <div
-        class="${t("gp-flex gp-w-full",{...a(y)})}"
-        style="${{...d(j?.align,j?.position)}}"
+        class="${e("gp-flex gp-w-full",{...a(b)})}"
+        style="${{...d($?.align,$?.position)}}"
       >
         ${g({...S})}
         {%- if product.media.size > 1 -%}
           <div
-            class="${t("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
-            style="${{...i({fs:"1.23"}),...I(),...f({galleryVisible:$?.galleryVisible,featureImageVisible:$?.featureImageVisible,position:j?.position,width:j?.width,widthHorizontalLayout:j?.widthHorizontalLayout}),...n(j?.position,j?.gallerySpacing)}}"
+            class="${e("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
+            style="${{...i({fs:"1.23"}),...I(),...n({galleryVisible:j?.galleryVisible,featureImageVisible:j?.featureImageVisible,position:$?.position,width:$?.width,widthHorizontalLayout:$?.widthHorizontalLayout}),...f($?.position,$?.gallerySpacing)}}"
           >
             ${u({builderPropUID:h?.uid,...w})}
             ${c({builderPropUID:h?.uid,...w})}
@@ -31,5 +31,5 @@ import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseA
         {%- endif -%}
       </div>
   </gp-product-images>
-  ${r(s,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  ${r(s,`<script ${y('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${y('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{ProductImages as default};

package/dist/esm/product/components/ProductNotFound.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r}from"@gem-sdk/core";import{useState as e,useEffect as n,useMemo as i}from"react";import c from"../../common/components/NoDataState.js";let ProductNotFound=({collectionHandle:d,productSrc:a,builderAttrs:l,children:u})=>{let p="STATIC"===t(),f=r(o=>o.storefrontToken),y=r(o=>o.storefrontUrl),m="Collection"===a,[s,h]=e(""),[S,g]=e("get product"),[w,b]=e("");n(()=>{if(m){if(!d){h("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection."),g("get collection"),b("collection");return}h("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection."),g("get product of collection"),b("product");return}if(p&&!f){b("product"),h("We can not get your products from Shopify");return}b("product"),g("get product"),h("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product.")},[d,m,p,f]);let C=i(()=>{if(!y)return;let o=new URL(y);return m?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[m,y]),T=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(c,{elementType:"primary",children:u,builderAttrs:l,title:`Can not ${S} from Shopify`,description:s,primaryBtnTitle:`Add ${w}`,secondaryBtnTitle:"Sync from Shopify",primaryBtnCb:()=>{C&&window.open(C,"_blank")},secondaryBtnCb:()=>T(l?.["data-uid"]??l?.uid)})};export{ProductNotFound as default};
+import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r,useI18nStore as e}from"@gem-sdk/core";import{useState as n,useEffect as i,useMemo as c}from"react";import d from"../../common/components/NoDataState.js";let ProductNotFound=({collectionHandle:a,productSrc:l,builderAttrs:u,children:p})=>{let y="STATIC"===t(),f=r(o=>o.storefrontToken),m=r(o=>o.storefrontUrl),s="Collection"===l,[h,S]=n(""),[g,w]=n("get product"),[b,C]=n(""),{t:T}=e();i(()=>{if(s){if(!a){S(T("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection.")),w(T("get collection")),C(T("collection"));return}S(T("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection.")),w(T("get product of collection")),C(T("product"));return}if(y&&!f){C(T("product")),S(T("We can not get your products from Shopify"));return}C(T("product")),w(T("get product")),S(T("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product."))},[a,s,y,f]);let P=c(()=>{if(!m)return;let o=new URL(m);return s?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[s,m]),k=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(d,{elementType:"primary",children:p,builderAttrs:u,title:T("Can not {textLink} from Shopify",{textLink:g}),description:h,primaryBtnTitle:T("Add {entity}",{entity:b}),secondaryBtnTitle:T("Sync from Shopify"),primaryBtnCb:()=>{P&&window.open(P,"_blank")},secondaryBtnCb:()=>k(u?.["data-uid"]??u?.uid)})};export{ProductNotFound as default};

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

@@ -1,20 +1,20 @@
-import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as e,createStateOrContext as i,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../../helpers.js";import{getButtonClasses as p}from"./common/classes.js";import{getButtonStyles as m}from"./common/styles.js";let Button=({setting:c,advanced:u,styles:y,pageContext:g,builderProps:_,className:f=""})=>{let $=r({pageContext:g,settingId:"label",val:c?.label,uid:_?.uid,translate:c?.translate}),v=e({...!!f&&{[f]:!0},...p({styles:y,uid:_?.uid})}),b=m({styles:y,uid:_?.uid}),S=i({setting:{label:c?.label},totalVariant:"{{total_combinations}}"});return t`
-    ${o("{%- assign total_combinations = 1 -%}")}
-    ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
-    ${o(`
+import{template as t,dataStringify as s,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{createClass as o,createStateOrContext as e,Liquid as n,LiquidFor as l,If as r}from"@gem-sdk/system";import{getDynamicSourceLocales as d,createSettingId as p,getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as c}from"./common/classes.js";import{getButtonStyles as u}from"./common/styles.js";import{Button as y}from"../../../button/settings/configs/translate.js";let Button=({setting:g,advanced:f,styles:_,pageContext:$,builderProps:b,className:v=""})=>{let j=d({pageContext:$,settingId:p({id:y?.label?.id}),val:g?.label,uid:b?.uid}),h=o({...!!v&&{[v]:!0},...c({styles:_,uid:b?.uid})}),S=u({styles:_,uid:b?.uid}),k=e({setting:{label:g?.label},totalVariant:"{{total_combinations}}"});return t`
+    ${n("{%- assign total_combinations = 1 -%}")}
+    ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+    ${n(`
       {%- liquid
         assign inventory_quantity = variant.inventory_quantity | default: 0
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${_?.uid}" data-translate-label='${$}' class="${u?.cssClass}" gp-data='${JSON.stringify(S).replaceAll("'","&#039;")}
-    '>
-    <div class="${v}">
-        {{ form | payment_button }}
-    </div>
-    {% style %}
-      ${b}
-    {% endstyle %}
+    <gp-product-dynamic data-id="${b?.uid}" data-translate-label='${j}' class="${f?.cssClass}">
+      <script gp-data type="application/json">${s(k)}</script>
+      <div class="${h}">
+          {{ form | payment_button }}
+      </div>
+      {% style %}
+        ${S}
+      {% endstyle %}
     </gp-product-dynamic>
-    ${l(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${r(i,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Button as default};

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

@@ -1,7 +1,6 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as d,createStyle as t,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=d(v(I,U?.uid)),L=t({...x(E(I,P),P?.enableHoverEffect)}),N=d(f(P)),V=t({...x(H(P),P?.enableHoverEffect)}),_=d(m()),z=d(p()),A=d($()),B=d(n()),D=t(F()),G=d(u()),K=d(g()),M=d(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=t({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=t({...x(h(I),P?.enableHoverEffect)}),X=d(b(U?.uid)),Y=t({...x(k(I,P),P?.enableHoverEffect)}),Z=t({...x(q(I),P?.enableHoverEffect)}),ee=d(j()),es=t({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
-  <gp-file-upload
-    gp-data='${JSON.stringify(el)}'
-  >
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as p,createPreviewItemClasses as m,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=t(v(I,U?.uid)),L=d({...x(E(I,P),P?.enableHoverEffect)}),N=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(p()),z=t(m()),A=t($()),B=t(n()),D=d(F()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(h(I),P?.enableHoverEffect)}),X=t(b(U?.uid)),Y=d({...x(k(I,P),P?.enableHoverEffect)}),Z=d({...x(q(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(el)}</script>
   <div class="${X}" style="${T}">
     <input ${Q} class="${K}">
     <div class="${M}" style="${W}">

package/dist/esm/product/components/file-upload/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as t}from"../../../../helpers.js";let getTextDropContent=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,getDisplayText=(e,r)=>{let{setting:n,styles:o,uid:l,pageContext:s}=r;return"Liquid"===e?t({val:n?.textContent,uid:l,settingId:"textContent",pageContext:s,isCapitalize:o?.typo?.attrs?.transform==="capitalize",translate:n?.translate}):getTextDropContent(n?.textContent)},removeHoverStyles=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{getDisplayText,getTextDropContent,removeHoverStyles};
+import{getDynamicSourceLocales as t,createSettingId as e}from"../../../../helpers.js";import{FileUpload as r}from"../settings/configs/translate.js";let getTextDropContent=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,getDisplayText=(o,n)=>{let{setting:i,styles:s,uid:l,pageContext:a}=n;return"Liquid"===o?t({val:i?.textContent,uid:l,settingId:e({id:r?.textContent?.id}),pageContext:a,isCapitalize:s?.typo?.attrs?.transform==="capitalize"}):getTextDropContent(i?.textContent)},removeHoverStyles=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{getDisplayText,getTextDropContent,removeHoverStyles};

package/dist/esm/product/components/file-upload/settings/configs/presets.js

@@ -1,4 +1,4 @@
-let SettingPresets=[{id:"product-file-upload",name:{en:"Product File Upload"},icon:{desktop:`
+let SettingPresets=[{id:"product-file-upload",name:"Product File Upload",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.625" y="0.625" width="92.75" height="46.75" rx="2.375" stroke="#474747" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 10"/>
 <path d="M47 19.5C46.7929 19.5 46.625 19.3321 46.625 19.125L46.625 12.565L45.022 14.2543C44.8795 14.4046 44.6421 14.4108 44.4919 14.2682C44.3416 14.1257 44.3354 13.8883 44.478 13.7381L46.7248 11.3703C46.7933 11.2963 46.8912 11.25 47 11.25C47.1087 11.25 47.2066 11.2963 47.2751 11.3702L49.522 13.7381C49.6646 13.8883 49.6584 14.1257 49.5081 14.2682C49.3579 14.4108 49.1205 14.4046 48.978 14.2543L47.375 12.565L47.375 19.125C47.375 19.3321 47.2071 19.5 47 19.5Z" fill="#F9F9F9"/>

package/dist/esm/product/components/file-upload/settings/configs/settings.js

@@ -1,4 +1,4 @@
-let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"translate",type:"input",default:"textContent"},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.8125 1.25C3.15768 1.25 3.4375 1.52982 3.4375 1.875L3.4375 18.125C3.4375 18.4702 3.15768 18.75 2.8125 18.75C2.46732 18.75 2.1875 18.4702 2.1875 18.125L2.1875 1.875C2.1875 1.52982 2.46732 1.25 2.8125 1.25Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0625 6.25C4.0625 5.21447 4.90197 4.375 5.9375 4.375H12.1875C13.223 4.375 14.0625 5.21447 14.0625 6.25V7.5C14.0625 8.53553 13.223 9.375 12.1875 9.375H5.9375C4.90197 9.375 4.0625 8.53553 4.0625 7.5V6.25ZM5.9375 5.625C5.59232 5.625 5.3125 5.90482 5.3125 6.25V7.5C5.3125 7.84518 5.59232 8.125 5.9375 8.125H12.1875C12.5327 8.125 12.8125 7.84518 12.8125 7.5V6.25C12.8125 5.90482 12.5327 5.625 12.1875 5.625H5.9375Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.9375 10.625C4.90197 10.625 4.0625 11.4645 4.0625 12.5V13.75C4.0625 14.7855 4.90197 15.625 5.9375 15.625H15.9375C16.973 15.625 17.8125 14.7855 17.8125 13.75V12.5C17.8125 11.4645 16.973 10.625 15.9375 10.625H5.9375ZM5.3125 12.5C5.3125 12.1548 5.59232 11.875 5.9375 11.875H15.9375C16.2827 11.875 16.5625 12.1548 16.5625 12.5V13.75C16.5625 14.0952 16.2827 14.375 15.9375 14.375H5.9375C5.59232 14.375 5.3125 14.0952 5.3125 13.75V12.5Z" fill="#AAAAAA"/>

package/dist/esm/product/components/file-upload/settings/configs/translate.js

@@ -0,0 +1 @@
+let FileUpload={textContent:{id:"textContent"}};export{FileUpload};

package/dist/esm/product/components/file-upload/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:{en:"Icon position"},setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:{en:"Icon position"},setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:{en:"Arrange content"},setting:{id:"arrangeContent"}},{type:"control",label:{en:"Spacing"},setting:{id:"spacing"}}]}]},{label:{en:"Upload setting"},controls:[{type:"control",label:{en:"Required"},setting:{id:"isRequired"}},{type:"control",label:{en:"Click image to preview"},setting:{id:"isShowPreviewImage"}},{type:"control",label:{en:"Number of files"},setting:{id:"numberOfFiles"}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:{en:"Choose icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:{en:"Size"},setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:{en:"Position"},setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:{en:"Content"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:{en:"Hover"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:{en:"Text & icon"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:{en:"Align"},conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/components/product-badge/ProductBadge.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import{useProduct as s,useCurrentVariant as o,useMoneyFormat as t,useCurrentDevice as r,useProductBundleDiscount as l,useEditorMode as i,usePageType as a,filterToolbarPreview as c}from"@gem-sdk/core";import{getBadgeContent as n,getIsNoDiscountState as d}from"./utils/common.js";import"./constants.js";import p from"../../../common/components/NoDataState.js";import f from"../../../common/components/TooltipHover.js";import{createClass as h,createStyle as y,createAttr as N,If as j}from"@gem-sdk/system";import{getEditTooltipAttrs as u,getNoDataAttrs as v,getSubWrapperAttrs as g,getContainerAttrs as T,getTextContentAttrs as k,getImageAttr as x}from"./common/attrs.js";import{getContainerClasses as B,getWrapperClasses as C,getSubWrapperClass as P,getTextContainerClasses as S,getTextWrapperClasses as b,getTextContentClasses as A,getImageContainerClasses as D,getImageClasses as H}from"./common/classes.js";import{getContainerStyle as I,getSubWrapperStyle as q,getContentStyleInternal as w,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let ProductBadge=G=>{let{setting:J,styles:K,children:L,...M}=G,O=s(),Q=o(),{moneyFormat:R}=t(),U=r(),{useProductCompareAtPrice:V}=l(),W=M?.["bundle-item"],X=i(),Y="STATIC"===a(),Z=n({detail:O,currentVariant:Q,bundleItem:W,useProductCompareAtPrice:V},J?.displayContent,R),$=d({props:G,product:O,currentVariant:Q,moneyFormat:R,useProductCompareAtPrice:V}),_=h({...B({mode:X,isInstant:Y,product:O,currentVariant:Q,props:G})}),ee=y({...I(G)}),em=N({...u(G)}),es=N({...v(G)}),eo=h({...C(G)}),et=h({...P(G,U)}),er=y({...q(G,O,Q,X)}),el=N({...g(G,O)}),ei=w(G),ea=h({...S()}),ec=N({...T(G)}),en=h({...b()}),ed=y({...z({setting:J,styles:K})}),ep=h({...A(K)}),ef=y({...E({setting:J,styles:K})}),eh=N({...k()}),ey=h({...D()}),eN=y({...F({setting:J,styles:K})}),ej=h({...H()}),eu=N({...x({setting:J})});return O?e("div",{...ec,style:ee,className:_,children:[j("edit"===X&&$,m(f,{...em,children:m(p,{...es})}),m("div",{className:eo,children:e("div",{...el,className:et,style:er,children:[m("style",{children:ei}),j(J?.shape!=="image",m("div",{className:ea,children:m("div",{className:en,style:ed,children:m("pre",{...eh,className:ep,style:ef,children:Z})})}),m("div",{className:ey,style:eN,children:m("img",{...eu,className:ej,alt:""})}))]})})),c(L,!0)]}):null};export{ProductBadge as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as o,useProduct as m,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as u,createAttr as j,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as B}from"./common/attrs.js";import{getContainerClasses as C,getWrapperClasses as P,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as w,getTextContentClasses as A,getImageContainerClasses as D,getImageClasses as H}from"./common/classes.js";import{getContainerStyle as I,getSubWrapperStyle as M,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let ProductBadge=G=>{let{t:J}=o(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=m(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),eo=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),em=N({...C({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=u({...I(G)}),er=j({...g(G)}),el=N({...P(G)}),ei=N({...S(G,X)}),ea=u({...M({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=j({...T(G,U)}),en=q(G),ed=N({...b()}),ep=j({...k(G)}),ey=N({...w()}),ef=u({...z({setting:K,styles:L})}),eh=N({...A(L)}),eN=u({...E({setting:K,styles:L})}),eu=j({...x()}),ej=N({...D()}),ev=u({...F({setting:K,styles:L})}),eg=N({...H()}),eT=j({...B({setting:K})});return U?e("div",{...ep,style:et,className:em,children:[v(_&&eo,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...eu,className:eh,style:eN,children:es})})}),s("div",{className:ej,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{ProductBadge as default};

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

@@ -1,39 +1,39 @@
-import{template as e,dataStringify as s,sanitizeLiquid as t,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as c,getSettingPreloadData as o}from"../../../helpers.js";import{checkDiscountContentProductBadge as n}from"./utils/common.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createStyle as l,createClass as u,createAttr as m,createStateOrContext as g}from"@gem-sdk/system";import{IS_LIQUID as y}from"./constants.js";import{getContainerStyle as $,getSubWrapperStyle as v,getContentStyleInternal as f,getTextBadgeWrapperStyles as j,getTextContentStyle as P,getImageContainerStyles as D}from"./common/styles.js";import{getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as T,getImageContainerClasses as k,getImageClasses as q}from"./common/classes.js";import{getSubWrapperAttrs as A,getContainerAttrs as E,getTextContentAttrs as I,getImageAttr as K}from"./common/attrs.js";let ProductBadge=N=>{let{styles:_,setting:h,builderProps:B,pageContext:L}=N,O=h?.shape!=="image",Q=n(h?.displayContent),w=l({...$(N,y)}),G=u({...V(N)}),J=u({...S(N)}),x=l({...v(N)}),M=m({...A(N)}),R=f(N),Y=u({...b()}),z=m({...E(N)}),F=u({...C()}),H=l({...j({setting:h,styles:_})}),U=u({...T(_)}),W=l({...P({setting:h,styles:_})}),X=m({...I()}),Z=u({...k()}),ee=l({...D({setting:h,styles:_})}),es=u({...q()}),et=m({...K({setting:h})}),ei=g({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(h?.displayTrigger).replaceAll("'","'")),uid:N.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:O}),{displayContent:er,translate:ea}=h??{},ec=c({val:er?.trim(),uid:B?.uid,settingId:"displayContent",isLiquid:!0,pageContext:L,translate:ea});return e`
+import{template as e,sanitizeLiquid as t,dataStringify as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as n}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as B,getImageAttr as E}from"./common/attrs.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";import{checkDiscountContentProductBadge as N}from"./utils/common.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:O,pageContext:Q}=_,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=N(L?.displayContent),x=d({...D({isInstant:!1,props:_})}),M=l({...y(_,g)}),R=d({...V(_)}),Y=d({...S(_)}),z=l({...$({props:_})}),F=u({...q(_)}),H=v(_),U=d({...b()}),W=u({...A(_)}),X=d({...C()}),Z=l({...f({setting:L,styles:h})}),ee=d({...I(h)}),et=l({...j({setting:L,styles:h})}),es=u({...B()}),ei=d({...T()}),er=l({...P({setting:L,styles:h})}),ea=d({...k()}),eo=u({...E({setting:L})}),ec=m({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(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:ep}=L??{},en=o({val:ep?.trim(),uid:O?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:Q});return e`
     {% if product %}
-      ${p(ec,L?.isPreviewing)}
-      ${d(h?.displayTrigger,Q,O)}
+      ${p(en,Q?.isPreviewing)}
+      ${n(L?.displayTrigger,!G,J)}
       <gp-product-badge
-        ${{...z}}
-        gp-data='${s(ei)}'
-        class="containerClass {{className}}"
-        style="${w}"
-        data-display-content="${L?.isPreviewing?ec:t(`{{${ec}}}`)}"
+        ${{...W}}
+        class="${x} {{ className }}"
+        style="${M}"
+        data-display-content="${Q?.isPreviewing?en:t(`{{${en}}}`)}"
       >
-        <div class="${G}">
+        <script gp-data type="application/json">${s(ec)}</script>
+        <div class="${R}">
           <div
-            ${{...M}}
-            class="${J}"
-            style="${x}"
+            ${{...F}}
+            class="${Y}"
+            style="${z}"
           >
-            <style>${R}</style>
-            ${i(O,e`
-                <div class="${Y}">
+            <style>${H}</style>
+            ${i(w,e`
+                <div class="${U}">
                   <div
-                    class="${F}"
-                    style="${H}"
+                    class="${X}"
+                    style="${Z}"
                   >
                     <pre
-                      ${{...X}}
-                      class="${U}"
-                      style="${W}"
+                      ${{...es}}
+                      class="${ee}"
+                      style="${et}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e`<div class="${Z}" style="${ee}">
-                  <img ${{...et}} class="${es}" alt="" />
+                </div>`,e`<div class="${ei}" style="${er}">
+                  <img ${{...eo}} class="${ea}" alt="" />
                 </div>`)}
           </div>
         </div>
       </gp-product-badge>
-       ${i(r,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+       ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
   `};export{ProductBadge as default};

package/dist/esm/product/components/product-badge/common/attrs.js

@@ -1 +1 @@
-let getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=t=>{let{setting:e}=t,r=e?.positionWithImage==="outside";return{enable:!0,text:"Not be displayed when published",position:r?"bottom":"right",width:"205px"}},getNoDataAttrs=t=>{let{builderAttrs:e}=t;return{...e,elementType:"secondary",description:"No discount",rawMode:!0}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});export{getContainerAttrs,getEditTooltipAttrs,getImageAttr,getNoDataAttrs,getSubWrapperAttrs,getTextContentAttrs};
+import{t}from"@gem-sdk/core";let getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=e=>{let{setting:r}=e,i=r?.positionWithImage==="outside";return{enable:!0,text:t("Not be displayed when published"),position:i?"bottom":"right",width:"205px"}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});export{getContainerAttrs,getEditTooltipAttrs,getImageAttr,getSubWrapperAttrs,getTextContentAttrs};

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

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

package/dist/esm/product/components/product-badge/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as e,composeTypographyStyle as t,getStyleShadow as o}from"@gem-sdk/core";import{convertToStyle as r,getSize as i,getWrapperStyle as a,getShapeWrapperPadding as n,checkDiscountContentProductBadge as s}from"../utils/common.js";import{getShapePosition as p}from"../utils/getShapePosition.js";import{composeTextStyleByPosition as g,composeShapeStyleByPosition as l}from"../utils/getRotateShape.js";import{getStyleAdvanced as d}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as u}from"../utils/getWhiteSpace.js";import{getStyleBackground as S,generateShadowCSS as y,getStyleBorder as m,getStyleCornerRadius as h}from"../utils/stylesV2.js";import{getShape as x}from"../utils/shape.js";import{checkShowBadge as c}from"../utils/renderBadgeILP.js";let getSizeStyles=e=>{let{setting:t,styles:o}=e,r=x(t?.shape),a=t?.contentType==="text",n=a?o?.textSizeV2:o?.imageSizeV2;return a?i(r,n):i(void 0,n)},getContainerStyle=(e,t=!1)=>{let{setting:o,styles:r,style:i,navigationPosition:n,imageData:s,dotData:g}=e,l=o?.positionWithImage==="outside",u=a(t),S=p({positionType:r?.position,isLiquid:!1,navigationPosition:n,dataImage:{...s,...g}}),y=getSizeStyles(e),m=d(l?{}:{...S,...y},i);return{...!l&&{"--pos":"absolute"},...u,...m}},getTextContentStyle=({styles:i,setting:a})=>{let n=e(i?.textSizeV2).padding,s=x(a?.shape),p=a?.positionWithImage==="outside";return{...u(i?.textSizeV2),...r(s?.textStyle),...g(s,i?.position,p),...t(i?.typo),...o({value:i?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:i?.typo?.custom?.hasShadowText}),...S(!!s?.backgroundColorInText,i?.badgeColorV2),...n}},getBorderStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?m(e?.textBadgeBorder):m(e?.imageBadgeBorder):{}},getCornerStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?h(e?.textBadgeCorner,o?.shapeRadius):h(e?.imageBadgeCorner,o?.shapeRadius):{}},getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=getBorderStyles({setting:t,styles:e}),i=t?.positionWithImage==="outside",a=getCornerStyles({setting:t,styles:e}),s=n(o?.ratio);return{...r,...a,...l(o,e?.position,i),...S(!o?.backgroundColorInText,e?.badgeColorV2),...s,height:o?.ratio===1?"0px":"100%"}},getImageContainerStyles=({styles:t,setting:o})=>{let r=getBorderStyles({setting:o,styles:t}),i=getCornerStyles({setting:o,styles:t}),a=e(t?.imageSizeV2).padding;return{...r,...i,...a}},getOpacityProductBadge=(e,t,o,r)=>{let{"bundle-item":i,setting:a}=e;if(i)return 1;let n=s(a?.displayContent)&&a?.contentType==="text";if(!n)return 1;let p=t?.price??0,g=t?.salePrice??0,l=g-p>0,d=c(a?.displayTrigger,o,t);return l&&d?1:"edit"===r?.2:0},getSubWrapperStyle=(e,t,o,r)=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=getSizeStyles(e),s=r&&o?getOpacityProductBadge(e,o,t,r):1;return{...a?{...n,"--mb":0}:{},opacity:s}},getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return y(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)};export{getContainerStyle,getContentStyleInternal,getImageContainerStyles,getSubWrapperStyle,getTextBadgeWrapperStyles,getTextContentStyle};
+import{makeGlobalSize as e,composeTypographyStyle as t,getStyleShadow as o,convertDecimalToNumber as r}from"@gem-sdk/core";import{convertToStyle as i,getSize as a,getWrapperStyle as n,getShapeWrapperPadding as s,checkDiscountContentProductBadge as p}from"../utils/common.js";import{getShapePosition as g}from"../utils/getShapePosition.js";import{composeTextStyleByPosition as l,composeShapeStyleByPosition as d}from"../utils/getRotateShape.js";import{getStyleAdvanced as u}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as S}from"../utils/getWhiteSpace.js";import{getStyleBackground as y,generateShadowCSS as m,getStyleBorder as h,getStyleCornerRadius as x}from"../utils/stylesV2.js";import{getShape as c}from"../utils/shape.js";import{checkShowBadge as C}from"../utils/renderBadgeILP.js";let getSizeStyles=e=>{let{setting:t,styles:o}=e,r=c(t?.shape),i=t?.contentType==="text",n=i?o?.textSizeV2:o?.imageSizeV2;return i?a(r,n):a(void 0,n)},getContainerStyle=(e,t=!1)=>{let{setting:o,styles:r,style:i,navigationPosition:a,imageData:s,dotData:p}=e,l=o?.positionWithImage==="outside",d=n(t),S=g({positionType:r?.position,isLiquid:!1,navigationPosition:a,dataImage:{...s,...p}}),y=getSizeStyles(e),m=u(l?{}:{...S,...y},i);return{...!l&&{"--pos":"absolute"},...d,...m}},getTextContentStyle=({styles:r,setting:a})=>{let n=e(r?.textSizeV2).padding,s=c(a?.shape),p=a?.positionWithImage==="outside";return{...S(r?.textSizeV2),...i(s?.textStyle),...l(s,r?.position,p),...t(r?.typo),...o({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText}),...y(!!s?.backgroundColorInText,r?.badgeColorV2),...n}},getBorderStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?h(e?.textBadgeBorder):h(e?.imageBadgeBorder):{}},getCornerStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?x(e?.textBadgeCorner,o?.shapeRadius):x(e?.imageBadgeCorner,o?.shapeRadius):{}},getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=getBorderStyles({setting:t,styles:e}),i=t?.positionWithImage==="outside",a=getCornerStyles({setting:t,styles:e}),n=s(o?.ratio);return{...r,...a,...d(o,e?.position,i),...y(!o?.backgroundColorInText,e?.badgeColorV2),...n,height:o?.ratio===1?"0px":"100%"}},getImageContainerStyles=({styles:t,setting:o})=>{let r=getBorderStyles({setting:o,styles:t}),i=getCornerStyles({setting:o,styles:t}),a=e(t?.imageSizeV2).padding;return{...r,...i,...a}},getOpacityProductBadge=({props:e,currentVariant:t,product:o,isEditMode:i})=>{let{"bundle-item":a,setting:n}=e;if(a)return 1;let s=n?.contentType==="text",g=s&&!n?.displayContent?.trim(),l=p(n?.displayContent);if(g)return i?.2:0;let d=r(t?.price)??0,u=r(t?.salePrice)??0,S=u-d>0,y=C(n?.displayTrigger,o,t);return(S||!l)&&y?1:i?.2:0},getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=getSizeStyles(e),s=r&&o?getOpacityProductBadge({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...n,"--mb":0}:{},opacity:s}},getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return m(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)};export{getContainerStyle,getContentStyleInternal,getImageContainerStyles,getSubWrapperStyle,getTextBadgeWrapperStyles,getTextContentStyle};

package/dist/esm/product/components/product-badge/utils/common.js

@@ -1 +1 @@
-import{cls as e,formatMoney as t,makeStyleResponsive as r,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{applyBundleDiscountAmount as n}from"../../../helpers/product-bundle.js";import{DiscountType as o}from"../../constants/product-bundle.js";let removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,r,i)=>removeTrailingZeros(t(r?(r-e).toFixed(2):"0",i)),getMinPrice=(e,r)=>{let i=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let t=e?.price;void 0!==t&&t<i&&(i=t)}),removeTrailingZeros(t(i.toString(),r))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=n({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===o.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,r,i)=>{if(!e.detail||!r?.trim()?.length)return r;let{detail:u,currentVariant:c}=e,{discountPercentAmount:l,discountAmount:a}=n({currentVariant:c,bundleItem:e?.bundleItem,options:{moneyFormat:i,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),d=()=>e?.bundleItem?.discountType!==o.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${l}%`:`${getPriceDiffByPercent(c?.price||0,c?.salePrice||0)||0}%`:"0%",s=()=>e?.bundleItem?.discountType!==o.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?a:getPriceDiffByValue(c?.price||0,c?.salePrice||0,i):t("0",i),p=new Map([["{percent_discount}",d],["{amount_discount}",s],["{min_price}",()=>getMinPrice(u.variants,i)||0],["{inventory_quantity}",()=>c?.inventoryQuantity||0]]);return[...p.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),r)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(t,r)=>r?"":e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},n=["desktop","mobile","tablet"];return n.forEach(n=>{let o=i(e,n,null),u=o?.width||t?.wrapperWidth;u&&(r={...r,[n]:u})}),r},getHeightByShapeSize=(e,t)=>{let r={},n=["desktop","mobile","tablet"];return n.forEach(n=>{let o=i(e,n,null);r={...r,[n]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let i=r("w",getWidthByShapeSize(t,e)),n=r("h",getHeightByShapeSize(t,e));return{...i,...n}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":u}=e,c=checkDiscountContentProductBadge(o?.displayContent);return c&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},i)};export{checkDiscountContentProductBadge,checkNoDiscountState,convertToStyle,deviceWithSurfix,getAlignShape,getBadgeContent,getDeviceSpecificStyle,getIsNoDiscountState,getShapePlacementClass,getShapeWrapperPadding,getSize,getWidthByShapeSize,getWrapperStyle};
+import{cls as e,convertDecimalToNumber as t,formatMoney as r,makeStyleResponsive as i,getResponsiveValueByScreen as n}from"@gem-sdk/core";import{applyBundleDiscountAmount as o}from"../../../helpers/product-bundle.js";import{DiscountType as u}from"../../constants/product-bundle.js";let removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,t,i)=>removeTrailingZeros(r(t?(t-e).toFixed(2):"0",i)),getMinPrice=(e,i)=>{let n=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let r=t(e?.price);void 0!==r&&r<n&&(n=r)}),removeTrailingZeros(r(n.toString(),i))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=o({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===u.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,i,n)=>{if(!e.detail||!i?.trim()?.length)return i;let{detail:c,currentVariant:l}=e,{discountPercentAmount:a,discountAmount:d}=o({currentVariant:l,bundleItem:e?.bundleItem,options:{moneyFormat:n,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),s=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${a}%`:`${getPriceDiffByPercent(t(l?.price)??0,t(l?.salePrice)??0)||0}%`:"0%",p=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?d:getPriceDiffByValue(t(l?.price)??0,t(l?.salePrice)??0,n):r("0",n),g=new Map([["{percent_discount}",s],["{amount_discount}",p],["{min_price}",()=>getMinPrice(c.variants,n)||0],["{inventory_quantity}",()=>l?.inventoryQuantity||0]]);return[...g.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),i)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(t,r)=>r?"":e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null),u=o?.width||t?.wrapperWidth;u&&(r={...r,[i]:u})}),r},getHeightByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null);r={...r,[i]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let r=i("w",getWidthByShapeSize(t,e)),n=i("h",getHeightByShapeSize(t,e));return{...r,...n}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":u}=e,c=checkDiscountContentProductBadge(o?.displayContent);return c&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},i)};export{checkDiscountContentProductBadge,checkNoDiscountState,convertToStyle,deviceWithSurfix,getAlignShape,getBadgeContent,getDeviceSpecificStyle,getIsNoDiscountState,getShapePlacementClass,getShapeWrapperPadding,getSize,getWidthByShapeSize,getWrapperStyle};

package/dist/esm/product/components/product-badge/utils/generateLiquidContent.js

@@ -14,7 +14,7 @@ let generateBadgeContent=(n,i)=>`
       {% assign amountDiscountValue = amountDiscount | money_without_trailing_zeros %}
       {% assign price = variant.price | divided_by: 100 %}
       {% assign minPriceValue = product.variants | map: "price" | sort | first | money_without_trailing_zeros %}
-      {% assign inventoryQuantityValue = variant.inventory_quantity %}
+      {% assign inventoryQuantityValue = variant.inventory_quantity | default: 0 %}
 
       {% assign percentDiscountKey = "{percent_discount}" %}
       {% assign amountDiscountKey = "{amount_discount}" %}

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

@@ -16,12 +16,16 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
   {% assign price = variant.price | times: 1.0 %}
   {% assign salePrice = variant.compare_at_price | times: 1.0 %}
   {% assign priceSave = salePrice | minus: price %}
-  {% assign isDiscountContent = ${i} %}
-  {% assign isTextBadge = ${n} %}
-  {% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false %}
-    {% assign isShow = false %}
+  {% assign isEmptyBadgeContent = ${!i} %}
+  {% assign isNotDiscount = false %}
+  {% assign isBadgeContentHasDiscount = ${n} %}
+  {% if isEmptyBadgeContent == true %}
+    {% assign isNotDiscount = true %}
   {% endif %}
-  {% if isShow %}
+  {% if isBadgeContentHasDiscount == true and priceSave <= 0 %}
+    {% assign isNotDiscount = true %}
+  {% endif %}
+  {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
   {% else %}
     {% assign className = "!gp-hidden" %}

package/dist/esm/product/components/product-bundle/ProductBundleDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRenderMode as o,isEmptyChildren as s}from"@gem-sdk/core";import{isValidElement as n}from"react";import r from"../../../common/components/NoDataState.js";import{createClass as i,createStyle as l,If as d}from"@gem-sdk/system";import{getSizeSettings as m,getContainerStyles as u}from"./common/styles.js";import{getContainerClasses as c,getNoDiscountClasses as a}from"./common/classes.js";import p from"./hooks/useProductBundleDataState.js";import f from"./hooks/useProductBundleDiscountState.js";import h from"./ProductBundleDiscountChildrenItem.js";let ProductBundleDiscount=({builderAttrs:y,style:b,children:I,setting:g,styles:j,advanced:D})=>{let{isEditMode:k,isPreviewSharePageMode:S}=o(),{isSelected:x,setSelected:B}=f(g),{emitRedirectSetupPage:P,redirectGuideline:N,svgVertical:T,svgHorizontal:v}=p(),A=i(c(g,D?.cssClass)),C=i(a),q=l(m(j)?.gap),w=l(u(q,j,b));if(!g?.bundleItems?.length&&k)return t(r,{elementType:"secondary",description:"Increase AOV with bundle quantity.",descriptionActions:[{text:"Setup bundle discount",callback:P},{text:"read guideline",callback:N}],additionalMedia:g?.layout=="horizontal-layout"?v:T});let z=(e,o)=>{if(g?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let s=I?.[o];if(n(s))return t(h,{index:o,childItem:s,setting:g,styles:j,isSelected:x(o),setSelected:B,bundleItem:e},o)},M=(s(I)||g?.bundleItems?.length==0)&&!S;return e("div",{...y,className:A,style:w,children:[d(M,t("div",{className:C,children:"This product has no bundle discount"})),g?.bundleItems?.map((t,e)=>z(t,e))]})};export{ProductBundleDiscount as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRenderMode as o,useI18nStore as s,isEmptyChildren as n}from"@gem-sdk/core";import{isValidElement as r}from"react";import i from"../../../common/components/NoDataState.js";import{createClass as l,createStyle as d,If as m}from"@gem-sdk/system";import{getSizeSettings as u,getContainerStyles as c}from"./common/styles.js";import{getContainerClasses as a,getNoDiscountClasses as p}from"./common/classes.js";import f from"./hooks/useProductBundleDataState.js";import h from"./hooks/useProductBundleDiscountState.js";import y from"./ProductBundleDiscountChildrenItem.js";let ProductBundleDiscount=({builderAttrs:b,style:I,children:g,setting:j,styles:D,advanced:k})=>{let{isEditMode:S,isPreviewSharePageMode:x}=o(),{isSelected:B,setSelected:P}=h(j),{emitRedirectSetupPage:N,redirectGuideline:T,svgVertical:v,svgHorizontal:A}=f(),{t:C}=s(),q=l(a(j,k?.cssClass)),w=l(p),z=d(u(D)?.gap),M=d(c(z,D,I));if(!j?.bundleItems?.length&&S)return t(i,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:N},{text:C("read guideline"),callback:T}],additionalMedia:j?.layout=="horizontal-layout"?A:v});let O=(e,o)=>{if(j?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let s=g?.[o];if(r(s))return t(y,{index:o,childItem:s,setting:j,styles:D,isSelected:B(o),setSelected:P,bundleItem:e},o)},V=(n(g)||j?.bundleItems?.length==0)&&!x;return e("div",{...b,className:q,style:M,children:[m(V,t("div",{className:w,children:"This product has no bundle discount"})),j?.bundleItems?.map((t,e)=>O(t,e))]})};export{ProductBundleDiscount as default};

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

@@ -1,15 +1,16 @@
-import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as o,createClass as a,createStateOrContext as i,Liquid as n,LiquidIf as p}from"@gem-sdk/system";import{getSizeSettings as l,getContainerStyles as u}from"./common/styles.js";import{getContainerClasses as c}from"./common/classes.js";import m from"./ProductBundleDiscountChildrenItem.liquid.js";let ProductBundleDiscount=({rawChildren:f,setting:g,styles:I,advanced:$,style:P})=>{let y=g?.hasPreSelectItem?g?.selectItemDefault??0:-1,B=t=>y===t,S=(t,e)=>m({index:e,rawChildrenItem:f?.[e],setting:g,styles:I,isSelected:B(e),bundleItem:t}),_=o(l(I)?.gap),h=a(c(g,$?.cssClass)),A=o(u(_,I,P)),D=i({styles:I,settings:{useProductCompareAtPrice:g?.useProductCompareAtPrice,selectItemDefault:g?.selectItemDefault,hideNoDiscountItem:g?.hideNoDiscountItem,hasPreSelectItem:g?.hasPreSelectItem,iconItemColor:g?.iconItemColor,applyToInBetweenQuantities:g?.applyToInBetweenQuantities}}),j=()=>e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return t`
+import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as o,createClass as i,createStateOrContext as a,Liquid as p,LiquidIf as n}from"@gem-sdk/system";import{getSizeSettings as c,getContainerStyles as l}from"./common/styles.js";import{getContainerClasses as u}from"./common/classes.js";import m from"./ProductBundleDiscountChildrenItem.liquid.js";let ProductBundleDiscount=({rawChildren:f,setting:g,styles:I,advanced:$,style:P})=>{let y=g?.hasPreSelectItem?g?.selectItemDefault??0:-1,B=t=>y===t,S=(t,e)=>m({index:e,rawChildrenItem:f?.[e],setting:g,styles:I,isSelected:B(e),bundleItem:t}),_=o(c(I)?.gap),h=i(u(g,$?.cssClass)),j=o(l(_,I,P)),A=a({styles:I,settings:{useProductCompareAtPrice:g?.useProductCompareAtPrice,selectItemDefault:g?.selectItemDefault,hideNoDiscountItem:g?.hideNoDiscountItem,hasPreSelectItem:g?.hasPreSelectItem,iconItemColor:g?.iconItemColor,applyToInBetweenQuantities:g?.applyToInBetweenQuantities}}),D=()=>e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return t`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(D)}'
-      style="${A}"
-      class="${h}">
-      ${n(`
+      style="${j}"
+      class="${h}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(A)}</script>
+      ${p(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}
       `)}
       ${f?.map((e,s)=>t`
           {% for productBundle in productBundleItem %}
-            ${n(`
+            ${p(`
               {% assign attrs = productBundle | split: '($3)' %}
               {% assign parsedAttrs = '' %}
               {% for attr in attrs %}
@@ -22,12 +23,12 @@ import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-s
                 {% endif %}
               {% endfor %}
             `)}
-            ${p(`forloop.index0 == ${s}`,S("{{ parsedAttrs | strip }}",s))}
+            ${n(`forloop.index0 == ${s}`,S("{{ parsedAttrs | strip }}",s))}
           {% endfor %}
           `).join("")}
     </gp-product-bundle-discount>
 
     {% if productBundleItem %}
-      ${j()}
+      ${D()}
     {% endif %}
   `};export{ProductBundleDiscount as default};

package/dist/esm/product/components/product-bundle/setting/ProductBundleDiscount.js

@@ -6,7 +6,7 @@ import t from"./configs/ui-v2.js";import i from"./configs/ui-v1.js";import{Produ
 <rect x="8" y="36" width="12" height="4" rx="2" fill="#F9F9F9"/>
 <rect x="24" y="36" width="40" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-`,settings:l,ui:i,uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"],notAppendTags:["ProductList","ProductBundleDiscount"]}},presets:[{id:"product-bundle-discount",name:{en:"Product Bundle Discount"},icon:{desktop:`
+`,settings:l,ui:i,uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"],notAppendTags:["ProductList","ProductBundleDiscount"]}},presets:[{id:"product-bundle-discount",name:"Product Bundle Discount",icon:{desktop:`
         <svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 7C0 5.34315 1.34315 4 3 4H69C70.6569 4 72 5.34315 72 7V21C72 22.6569 70.6569 24 69 24H3C1.34315 24 0 22.6569 0 21V7Z" fill="#424242"/>
 <rect x="8" y="12" width="12" height="4" rx="2" fill="#F9F9F9"/>
@@ -15,7 +15,7 @@ import t from"./configs/ui-v2.js";import i from"./configs/ui-v1.js";import{Produ
 <rect x="8" y="36" width="12" height="4" rx="2" fill="#F9F9F9"/>
 <rect x="24" y="36" width="40" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-`},components:[{tag:"ProductBundleDiscount",settings:{childItem:[],layout:"vertical-layout"},childrens:[]}]},{id:"product-bundle-horizontal-discount",name:{en:"Product Bundle Discount"},icon:{desktop:`<svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+`},components:[{tag:"ProductBundleDiscount",settings:{childItem:[],layout:"vertical-layout"},childrens:[]}]},{id:"product-bundle-horizontal-discount",name:"Product Bundle Discount",icon:{desktop:`<svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M0 11C0 9.34315 1.34315 8 3 8H31C32.6569 8 34 9.34315 34 11V41C34 42.6569 32.6569 44 31 44H3C1.34315 44 0 42.6569 0 41V11Z" fill="#424242"/>
     <rect x="11" y="16" width="12" height="4" rx="2" fill="#F9F9F9"/>
     <rect x="5" y="24" width="24" height="4" rx="2" fill="#AAAAAA"/>