@gem-sdk/components 17.0.0-dev.9 → 17.0.0-dev.92

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"inputWidth"},layout:"horizontal"}]},{label:"Display options",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"},layout:"horizontal"},{type:"combo",label:"Label title",iconName:"polaris-text-block",getValueFromSettingID:"title",disableClearMessage:"This label title is needed for customers <br> to adjust the product's quantity",controls:[{label:"Content",setting:{id:"title"},layout:"vertical",options:{clearButton:!1}}]}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(inputWidth) >= 100 && inputWidth?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
+"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"inputWidth"},layout:"horizontal"}]},{label:"Display options",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"},layout:"horizontal"},{label:"Update price",setting:{id:"updatePrice"}},{type:"combo",label:"Label title",iconName:"polaris-text-block",getValueFromSettingID:"title",disableClearMessage:"This label title is needed for customers <br> to adjust the product's quantity",controls:[{label:"Content",setting:{id:"title"},layout:"vertical",options:{clearButton:!1}}]}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(inputWidth) >= 100 && inputWidth?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];

package/dist/cjs/post-purchase/text/components/Text.js

@@ -1,3 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../common/classes.js"),s=require("../common/styles.js"),r=require("@gem-sdk/system"),a=require("../common/helpers.js"),l=require("react"),o=require("../common/attrs.js");exports.default=({styles:n,builderAttrs:c,style:i,setting:u,advanced:m,builderProps:x,className:y,children:d,textClassWrapper:p,textClass:g,...C})=>{let{text:h,options:j}=u??{},{textAlign:q,typo:S,align:f,direction:T}=n??{},v=l.useMemo(()=>a.createContent(h,S?.textTransform,S?.textColor),[h,S?.textTransform,S?.textColor]),_=r.createClass({...t.getContainerClasses({className:y,uid:x?.uid,align:f})}),b=r.createClass({...t.getWrapperClasses({textClassWrapper:p})}),A=r.createClass({...t.getTextClasses({textClass:g})}),M=r.createStyle({...s.getContainerStyles({style:i})}),N=r.createStyle({...s.getWrapperStyles({styles:n})}),w=r.createStyle({...s.getTextStyles({textAlign:q,typo:S})}),W=r.createAttr({...c}),$=r.createAttr({...o.getTextAttrs({options:j})});return e.jsx("div",{...C,...W,className:_,style:{...M},children:e.jsx("div",{className:b,style:{...N},children:e.jsx("div",{className:A,...$,style:{...w},dangerouslySetInnerHTML:{__html:v?`<bdo dir="${T}" >${v}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
-              text-decoration: unset;">Replace this text with your content</span>`}})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../common/classes.js"),s=require("../common/styles.js"),r=require("@gem-sdk/system"),a=require("../common/helpers.js"),l=require("react"),o=require("../common/attrs.js"),n=require("@gem-sdk/core");exports.default=({styles:c,builderAttrs:i,style:u,setting:d,advanced:m,builderProps:x,className:y,children:p,textClassWrapper:g,textClass:C,...h})=>{let{text:j,options:q}=d??{},{textAlign:S,typo:f,align:T,direction:v}=c??{},{t:M}=n.useI18nStore(),{isEditMode:_}=n.useRenderMode(),b=l.useMemo(()=>a.createContent(j,f?.textTransform,f?.textColor),[j,f?.textTransform,f?.textColor]),A=r.createClass({...t.getContainerClasses({className:y,uid:x?.uid,align:T})}),N=r.createClass({...t.getWrapperClasses({textClassWrapper:g})}),$=r.createClass({...t.getTextClasses({textClass:C})}),k=r.createStyle({...s.getContainerStyles({style:u})}),w=r.createStyle({...s.getWrapperStyles({styles:c})}),I=r.createStyle({...s.getTextStyles({textAlign:S,typo:f})}),R=r.createAttr({...i}),W=r.createAttr({...o.getTextAttrs({options:q})}),z=_?M("Replace this text with your content"):"";return e.jsx("div",{...h,...R,className:A,style:{...k},children:e.jsx("div",{className:N,style:{...w},children:e.jsx("div",{className:$,...W,style:{...I},dangerouslySetInnerHTML:{__html:b?`<bdo dir="${v}" >${b}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">${z}</span>`}})})})};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button.liquid.js");exports.default=({builderProps:t,styles:l,advanced:s,setting:r,pageContext:u})=>{let{...a}=l??{},i=r?.label||"Buy it now";return e.default({builderProps:t,className:"",advanced:s,setting:{label:i},styles:a,pageContext:u})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button.liquid.js");exports.default=({builderProps:t,styles:l,advanced:s,setting:r,pageContext:u})=>{let{...a}=l??{},i=r?.label||"Buy it now";return e.default({builderProps:t,className:"",advanced:s,setting:{label:i},styles:a})};

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

@@ -1 +1 @@
-"use strict";exports.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"}}]}];
+"use strict";exports.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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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"}}]}];

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/product/components/product-bundle/setting/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{label:"Bundle management",controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:"Item gap",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:"Radio icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:"Position",setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:"Position",setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:"Color",setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:"Size",setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:"Gap to content",setting:{id:"iconSpacing"}}]},{label:"Item style",controls:[{label:"Background",setting:{id:"backgroundColor",state:"normal"}},{label:"Border",setting:{id:"borderBundle",state:"normal"}},{label:"Corner",setting:{id:"roundedBundle",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:"Hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"hover"}},{label:"Corner",setting:{id:"roundedBundle",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:"Active",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"active"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"active"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"active"}},{label:"Corner",setting:{id:"roundedBundle",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{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"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",conditionDisplay:"enableDisplayCondition == true",controls:[{label:"Default item",setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:"Compare price",setting:{id:"useProductCompareAtPrice"}},{label:"Display item",setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:"Align",conditionEnable:'!(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"}}]}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{label:"Bundle management",controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:"Item gap",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:"Radio icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:"Position",setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:"Position",setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:"Color",setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:"Size",setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:"Gap to content",setting:{id:"iconSpacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Background",setting:{id:"backgroundColor",state:"normal"}},{label:"Border",setting:{id:"borderBundle",state:"normal"}},{label:"Corner",setting:{id:"roundedBundle",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:"Hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"hover"}},{label:"Corner",setting:{id:"roundedBundle",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:"Active",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"active"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"active"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"active"}},{label:"Corner",setting:{id:"roundedBundle",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:"Size",hiddenOnMobile:!0,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"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",conditionDisplay:"enableDisplayCondition == true",controls:[{label:"Default item",setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:"Compare price",setting:{id:"useProductCompareAtPrice"}},{label:"Display item",setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(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"}}]}];

package/dist/cjs/product/components/product-button/ProductButton.liquid.js

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

package/dist/cjs/product/components/product-button/common/helpers.js

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

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

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

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

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

package/dist/cjs/product/components/product-description/hooks/useGpDescription.js

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

package/dist/cjs/product/components/product-images-v3/common/productFeaturedImage.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(t,o)=>"only-feature"!==e.getResponsiveValueByScreen(t.position,o)||"none"!==e.getResponsiveValueByScreen(t.ftNavigationPosition,o)||"none"!==e.getResponsiveValueByScreen(t.ftDotStyle,o)||!0===e.getResponsiveValueByScreen(t.ftLoop,o)||!0===t.ftDragToScroll;exports.checkRenderFeaturedCarousel=e=>{let o=!1;return["desktop","mobile","tablet"].forEach(n=>{let r=t(e,n);t(e,n)&&(o=r)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let r=e.getResponsiveValueByScreen(t.position,n),s=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===r?s:"none"}}),o},exports.getVideoHeight=t=>{if(!t)return null;let o={};return Object.keys(t).forEach(e=>{let n=t[e];n&&(o[e]="cover"===n?"100%":"auto")}),e.makeStyleResponsive("h",o)},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);
+"use strict";var e=require("@gem-sdk/core");const t=(t,o)=>"only-feature"!==e.getResponsiveValueByScreen(t.position,o)||"none"!==e.getResponsiveValueByScreen(t.ftNavigationPosition,o)||"none"!==e.getResponsiveValueByScreen(t.ftDotStyle,o)||!0===e.getResponsiveValueByScreen(t.ftLoop,o)||!0===t.ftDragToScroll;exports.checkRenderFeaturedCarousel=e=>{let o=!1;return["desktop","mobile","tablet"].forEach(n=>{let s=t(e,n);t(e,n)&&(o=s)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let s=e.getResponsiveValueByScreen(t.position,n),r=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===s?r:"none"}}),o},exports.getVideoHeight=({ftLayout:t,ftShape:o})=>{if(!t)return null;let n={};return Object.keys(t).forEach(s=>{let r=t[s],p=e.getResponsiveValueByScreen(o,s),g=p?.shape==="original";r&&(n[s]=g||"cover"===r?"100%":"auto")}),e.makeStyleResponsive("h",n)},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);

package/dist/cjs/product/components/product-images-v3/components/child/ProductFeatureVideo.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("@gem-sdk/core"),require("next/link");var t=require("../../../../../video/components/Video.js"),u=r.memo(u=>{let{url:o,aspectRatio:i}=u,l=r.useMemo(()=>o.includes("youtu.be")?"youtube":o.includes("vimeo")?"vimeo":"html5",[o]);return e.jsx(e.Fragment,{children:e.jsx(t.default,{setting:{type:l,html5Url:o,youtubeUrl:o,vimeoUrl:o,preload:!0,controls:!0,aspectRatio:i}})})});exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("@gem-sdk/core"),require("next/link");var t=require("../../../../../video/components/Video.js"),u=r.memo(u=>{let{url:l,aspectRatio:i}=u,o=r.useMemo(()=>l.includes("youtu.be")?"youtube":l.includes("vimeo")?"vimeo":"html5",[l]);return e.jsx("div",{className:"gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center",children:e.jsx(t.default,{setting:{type:o,html5Url:l,youtubeUrl:l,vimeoUrl:l,preload:!0,controls:!0,aspectRatio:i}})})});exports.default=u;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),d=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),c=require("@gem-sdk/system"),n=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),m=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:p,children:f,enableLazyLoadImage:y,...h})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:b}=l.getProductImagesClassName({...h,builderProps:{uid:p}}),{featuredImageCarouselStyle:v,featureImageStyle:M,featureImageCarouselOnlyOneImageStyle:_,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=o.getProductImagesStyles(h),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(h),S=i.getAspectRatio(h.ftShape),x=c.If("other"==h.hoverEffect,c.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),j=()=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),d=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),p=require("@gem-sdk/system"),m=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),c=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:n,children:f,enableLazyLoadImage:h,...y})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:v}=l.getProductImagesClassName({...y,builderProps:{uid:n}}),{featuredImageCarouselStyle:M,featureImageStyle:_,featureImageCarouselOnlyOneImageStyle:b,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=o.getProductImagesStyles(y),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(y),S=i.getAspectRatio(y.ftShape),x=p.If("other"==y.hoverEffect,p.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),j=()=>`
     {% case featureMedia.media_type %}
       {% when 'image' %}
         ${R()}
@@ -13,57 +13,58 @@
       {% else %}
         ${k()}
     {% endcase %}
-    `,O=()=>r.default({src:c.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),z=()=>d.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),P=()=>{let i=c.createStyle({...a.getVideoHeight(h?.ftLayout),...e.makeStyleResponsive("objf",h?.ftLayout)}),r=c.createStyle({...a.getVideoHeight(h?.ftLayout)});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:r,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
+    `,O=()=>r.default({src:p.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),z=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),P=()=>{let i=p.createStyle({...a.getVideoHeight({ftLayout:y?.ftLayout,ftShape:y?.ftShape}),...e.makeStyleResponsive("objf",y?.ftLayout)}),r=p.createStyle({...a.getVideoHeight({ftLayout:y?.ftLayout,ftShape:y?.ftShape})});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:r,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
       ${C(e.cls("gp-w-full gp-transition-opacity",x,"{{shouldHidden}}"))}
-      ${c.If(h?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
+      ${p.If(y?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
             ${C("image-zoom",!0)}
           </div>`," ")}
-      ${c.If(h?.hoverEffect=="zoom"&&h?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
+      ${p.If(y?.hoverEffect=="zoom"&&y?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
     `,C=(a,t)=>e.template`
     {% assign src = featureMedia.src %}
-    ${c.If(t&&"other"==h.hoverEffect,`{% assign media_length = product.media | size %}
-      {% assign other_image_index = ${h.otherImage} | plus: 0 %}
+    ${p.If(t&&"other"==y.hoverEffect,`{% assign media_length = product.media | size %}
+      {% assign other_image_index = ${y.otherImage} | plus: 0 %}
       {% if other_image_index >= media_length %}
         {% assign other_image_index = media_length | minus: 1 %}
       {% endif %}
       {% assign otherImage = product.media[other_image_index] %}
-      ${c.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
+      ${p.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
     `)}
-    ${s.default({srcIsLiquidCode:!0,src:c.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:c.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:y})}`,k=()=>e.template`
-    ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:y})}`,T=i.getPaddingBottomByShapeSetting(h.ftShape),N=a.checkRenderFeaturedCarousel(h),W="gp-featured-image-wrapper",A=c.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
-      ${c.LiquidFor("featureMedia in product.media",`
-          {% assign height = featureMedia.height | times: 1.0 %}
-          {% assign width = featureMedia.width | times: 1.0 %}
+    ${d.default({srcIsLiquidCode:!0,src:p.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:p.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:h})}`,k=()=>e.template`
+    ${d.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:h})}`,T=i.getPaddingBottomByShapeSetting(y.ftShape),N=a.checkRenderFeaturedCarousel(y),W="gp-featured-image-wrapper",A=p.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
+      ${p.LiquidFor("featureMedia in product.media",`
+          ${p.LiquidIf("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
+            {% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
+            {% assign width = featureMedia.width | times: 1.0 %}`)}
           {% assign ratio = height | divided_by: width %}
-          ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+          ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
         `)}
-      ${c.LiquidFor("featureMedia in product.media",`${c.LiquidIf("featureMedia.media_type == 'image'",`${c.LiquidFor("image in product.images",c.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
+      ${p.LiquidFor("featureMedia in product.media",`${p.LiquidIf("featureMedia.media_type == 'image'",`${p.LiquidFor("image in product.images",p.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
         
-    ${c.Liquid(`{% assign productImageWidth = 0 %}
+    ${p.Liquid(`{% assign productImageWidth = 0 %}
     {% case featureMedia.media_type %}
       {% when 'image' %}
         {% assign productImageWidth = featureMedia.width %}
       {% else %}
         {% assign productImageWidth = featureMedia.preview_image.width %}
     {% endcase %}`)}
-    ${m.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${q("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${p}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
+    ${c.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${q("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${n}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
       <div
-        class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
-        style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
+        class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
+        style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
       >
         ${j()}
       </div>
       `})}`)}
-    `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:h?.preload,setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:y}));return c.Liquid(`
+    `,d.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:y?.preload,setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:h}));return p.Liquid(`
     {% capture featureImageOnlyOne %}
-      ${c.Liquid(`
+      ${p.Liquid(`
         {% assign featureMedia = variant.featured_media %}
         {% unless featureMedia %}
         {% assign featureMedia = product.featured_media %}
         {% endunless %}
-        ${c.LiquidIf("product.media.size > 1",(()=>{switch(h?.preDisplay){case"1st-images":return`
+        ${p.LiquidIf("product.media.size > 1",(()=>{switch(y?.preDisplay){case"1st-images":return`
           {% assign featureMedia = product.media.first %}
-        `;case"1st-3d-mode":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
+        `;case"1st-3d-mode":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
           {% assign featureMedia = variant.featured_media %}
           {% unless featureMedia %}
           {% assign featureMedia = product.featured_media %}
@@ -73,7 +74,7 @@
         {% assign height = featureMedia.height | times: 1.0 %}
         {% assign width = featureMedia.width | times: 1.0 %}
         {% assign ratio = height | divided_by: width %}
-        ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+        ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
         {% assign productImageWidth = 0 %}
         {% case featureMedia.media_type %}
           {% when 'image' %}
@@ -81,10 +82,10 @@
           {% else %}
             {% assign productImageWidth = featureMedia.preview_image.width %}
         {% endcase %}
-        ${c.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
+        ${p.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
         <div
           class='gp-feature-image-carousel gp-feature-image-only'
-          style="${u.getStyleOfObject(M)}"
+          style="${u.getStyleOfObject(_)}"
         >
           <div
             class="gp-relative"
@@ -95,12 +96,12 @@
               type="gp-feature-image-only"
               product-id="{{product.id}}"
               product-media="{{product.media.size}}"
-              class="${b(W)}"
-              style="${u.getStyleOfObject(_)}"
+              class="${v(W)}"
+              style="${u.getStyleOfObject(b)}"
             >
               <div
-                class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
-                style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
+                class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
+                style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
               >
                 ${j()}
               </div>
@@ -109,10 +110,10 @@
         </div>
       `)}
     {% endcapture %}
-    ${c.LiquidIf("product.media.size > 1",`
-        ${c.If(N,`
-      ${n.default({builderProps:{uid:p},rootId:`ft-${p}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:W,rootClass:`${I}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:M,styles:v,style:{playSpeed:600},disableMarginAuto:!0,children:A,productBadgeLiquid:f||""})}
+    ${p.LiquidIf("product.media.size > 1",`
+        ${p.If(N,`
+      ${m.default({builderProps:{uid:n},rootId:`ft-${n}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:W,rootClass:`${I}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:_,styles:M,style:{playSpeed:600},disableMarginAuto:!0,children:A,productBadgeLiquid:f||"",carouselType:"feature_image"})}
     `," ")}
-        ${c.If(!N,"{{ featureImageOnlyOne }}"," ")}
+        ${p.If(!N,"{{ featureImageOnlyOne }}"," ")}
       `,"{{ featureImageOnlyOne }}")}
   `)};

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

@@ -4,7 +4,7 @@
     ${d.LiquidIf("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
     ${g.default({id:"{{imageID}}",contentType:"productImage",className:`${h(`gp-gallery-image-item ${e??""}`)}`,parentId:`${u}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:f,children:`
       <div class="gp-w-full gp-relative gp-h-full"
-        
+
       >
       ${b({aspectRatio:t.getAspectRatio(L),layout:c?.layout,qualityPercent:c?.qualityPercent,qualityType:c?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
 
@@ -42,5 +42,5 @@
     </div>
     `})}`,w=d.LiquidIf("product.media.size > 1",d.LiquidFor("media in product.media",`${d.LiquidIf("media.media_type == 'image'",d.LiquidFor("image in product.images",d.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
           ${d.LiquidIf("media.id == product.featured_media.id ",q(c?.borderActive?.border!=="none"?"active":""),q())}`));return e.template`
-    ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let r=e.getResponsiveValueByScreen(t,o),s=e.getResponsiveValueByScreen(i,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),l=["left","right","inside-left","inside-right"].includes(r??"");return l||a},r=o.checkDisplayGalleryByWidth({shapeByLayout:L}),s={desktop:r.desktop&&i(c.type,c.position,"desktop"),tablet:r.tablet&&i(c.type,c.position,"tablet"),mobile:r.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!s[e],"flex")})()},styles:v,disableMarginAuto:!0,children:w,renderByLayout:t.getGalleryCarouselRenderByLayout(c.position)})}
+    ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let r=e.getResponsiveValueByScreen(t,o),s=e.getResponsiveValueByScreen(i,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),l=["left","right","inside-left","inside-right"].includes(r??"");return l||a},r=o.checkDisplayGalleryByWidth({shapeByLayout:L}),s={desktop:r.desktop&&i(c.type,c.position,"desktop"),tablet:r.tablet&&i(c.type,c.position,"tablet"),mobile:r.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!s[e],"flex")})()},styles:v,disableMarginAuto:!0,children:w,renderByLayout:t.getGalleryCarouselRenderByLayout(c.position),carouselType:"feature_image_thumbs"})}
   `};