@gem-sdk/components 16.1.0-staging.1 → 17.0.0-dev.9

package/dist/esm/product/components/product-bundle/setting/configs/settings.js

@@ -1 +1 @@
-import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"applyToInBetweenQuantities",type:"toggle",default:!1},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow"},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{ProductBundleDiscountSettings};
+import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let d=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"applyToInBetweenQuantities",type:"toggle",default:!1},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow"},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{d as ProductBundleDiscountSettings};

package/dist/esm/product/components/product-bundle/setting/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"control",label:{en:"Use product compare-at price"},setting:{id:"useProductCompareAtPrice"}},{type:"control",label:{en:"Hide no-discount items"},setting:{id:"hideNoDiscountItem"}},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected item"},setting:{id:"hasPreSelectItem"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelectItem == true",layout:"vertical",setting:{id:"selectItemDefault"},options:{styleControl:{"max-width":"100%"}}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"enableIcon"}},{type:"control",condition:'enableIcon == true && layout == "vertical-layout"',label:{en:"Icon position"},setting:{id:"iconPosition"}},{type:"control",condition:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Icon position"},setting:{id:"iconHorizontalPosition"}},{type:"control",condition:"enableIcon == true",label:{en:"Icon size"},setting:{id:"iconSize"}},{type:"control",condition:"enableIcon == true",label:{en:"Icon spacing"},setting:{id:"iconSpacing"}}]},{label:{en:"Size"},type:"group",controls:[{type:"control",setting:{id:"size"},options:{noGap:!0}}]},{type:"group",label:{en:"Item states"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Default"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"normal"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"normal"}},{type:"group",condition:"hasBoxShadowBundle.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBundle",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"hover"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"hover"}},{type:"group",condition:"hasBoxShadowBundle.hover == true",controls:[{type:"control",setting:{id:"boxShadowBundle",state:"hover"},layout:"vertical"}]}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"active"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"active"}},{type:"group",condition:"hasBoxShadowBundle.active == true",controls:[{type:"control",setting:{id:"boxShadowBundle",state:"active"},layout:"vertical"}]}]}]}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1 as default};
+let t=[{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"control",label:{en:"Use product compare-at price"},setting:{id:"useProductCompareAtPrice"}},{type:"control",label:{en:"Hide no-discount items"},setting:{id:"hideNoDiscountItem"}},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected item"},setting:{id:"hasPreSelectItem"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelectItem == true",layout:"vertical",setting:{id:"selectItemDefault"},options:{styleControl:{"max-width":"100%"}}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"enableIcon"}},{type:"control",condition:'enableIcon == true && layout == "vertical-layout"',label:{en:"Icon position"},setting:{id:"iconPosition"}},{type:"control",condition:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Icon position"},setting:{id:"iconHorizontalPosition"}},{type:"control",condition:"enableIcon == true",label:{en:"Icon size"},setting:{id:"iconSize"}},{type:"control",condition:"enableIcon == true",label:{en:"Icon spacing"},setting:{id:"iconSpacing"}}]},{label:{en:"Size"},type:"group",controls:[{type:"control",setting:{id:"size"},options:{noGap:!0}}]},{type:"group",label:{en:"Item states"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Default"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"normal"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"normal"}},{type:"group",condition:"hasBoxShadowBundle.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBundle",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"hover"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"hover"}},{type:"group",condition:"hasBoxShadowBundle.hover == true",controls:[{type:"control",setting:{id:"boxShadowBundle",state:"hover"},layout:"vertical"}]}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconColor",state:"active"}},{type:"control",label:{en:"Background"},setting:{id:"backgroundColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBundle",state:"active"}},{type:"group",condition:"hasBoxShadowBundle.active == true",controls:[{type:"control",setting:{id:"boxShadowBundle",state:"active"},layout:"vertical"}]}]}]}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}];export{t as default};

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

@@ -1 +1 @@
-let SettingUIV2=[{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"}}]}];export{SettingUIV2 as default};
+let e=[{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"}}]}];export{e as default};

package/dist/esm/product/components/product-button/AddToCartButton.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import{getAddToCartButtonData as s}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import i from"./ProductButtonPrice.js";let AddToCartButton=m=>{let{children:n,addToCart:a,...d}=m,{styles:c,setting:l,advanced:u,builderProps:p,builderAttrs:f}=d,{buttonStyle:j,buttonStyles:b,getButtonSettings:g}=s(d),y=r(e({isDisabled:d?.isLoading})),B=g(),P=t(i,{setting:l,styles:c});return t(o,{style:j,advanced:u,nodePrice:P,styles:b,setting:B,className:y,builderProps:p,builderAttrs:{...f,"data-is-in-stock":!0},onClick:a,children:n})};export{AddToCartButton as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as s}from"@gem-sdk/system";import{getAddToCartButtonData as r}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import i from"./ProductButtonPrice.js";let m=m=>{let{children:n,addToCart:a,...d}=m,{styles:c,setting:l,advanced:p,builderProps:u,builderAttrs:f}=d,{buttonStyle:j,buttonStyles:b,getButtonSettings:g}=r(d),y=s(e({isDisabled:d?.isLoading})),P=g(),k=t(i,{setting:l,styles:c});return t(o,{style:j,advanced:p,nodePrice:k,styles:b,setting:P,className:y,builderProps:u,builderAttrs:{...f,"data-is-in-stock":!0},onClick:a,children:n})};export{m as default};

package/dist/esm/product/components/product-button/AddToCartButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getAddToCartButtonData as s}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import o from"./ProductButtonPrice.liquid.js";import r from"../../../button/components/Button.liquid.js";let AddToCartButton=a=>{let{pageContext:i,...d}=a,{styles:n,setting:m,advanced:l,builderProps:u,builderAttrs:p}=d,{buttonStyle:c,buttonStyles:b,getButtonSettings:f}=s(d),v=t(e({isLiquid:!0})),g=f({isLiquid:!0}),j=o({setting:m,styles:n,pageContext:i});return r({style:c,advanced:l,nodePrice:j,styles:b,setting:g,className:v,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:u,builderAttrs:p,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:i})};export{AddToCartButton};
+import{createClass as t}from"@gem-sdk/system";import{getAddToCartButtonData as s}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import i from"./ProductButtonPrice.liquid.js";import o from"../../../button/components/Button.liquid.js";let r=r=>{let{pageContext:a,...d}=r,{styles:n,setting:m,advanced:l,builderProps:u,builderAttrs:p}=d,{buttonStyle:c,buttonStyles:b,getButtonSettings:f}=s(d),v=t(e({isLiquid:!0})),g=f({isLiquid:!0}),j=i({setting:m,styles:n,pageContext:a});return o({style:c,advanced:l,nodePrice:j,styles:b,setting:g,className:v,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:u,builderAttrs:p,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:a})};export{r as AddToCartButton};

package/dist/esm/product/components/product-button/BlankSpace.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{getBlankSpaceStyle as t}from"./common/styles.js";let BlankSpace=()=>e("div",{style:t()});export{BlankSpace as default};
+import{jsx as t}from"react/jsx-runtime";import{getBlankSpaceStyle as e}from"./common/styles.js";let m=()=>t("div",{style:e()});export{m as default};

package/dist/esm/product/components/product-button/BlankSpace.liquid.js

@@ -1,3 +1,3 @@
-import{template as e}from"@gem-sdk/core";import{getBlankSpaceStyle as o}from"./common/styles.js";let BlankSpace=()=>e`
+import{template as e}from"@gem-sdk/core";import{getBlankSpaceStyle as o}from"./common/styles.js";let m=()=>e`
   <div style="${o()}"></div>
-`;export{BlankSpace as default};
+`;export{m as default};

package/dist/esm/product/components/product-button/CartMessage.js

@@ -1 +1 @@
-import{jsx as s}from"react/jsx-runtime";import"react";import e from"../../../text/components/Text.js";let CartMessage=({message:r,type:o,setting:t,styles:c})=>s(e,{setting:{text:r||t?.["success"===o?"successMessage":"errorMessage"],excludeFlex:!0},styles:{typo:c?.["success"===o?"successTypo":"errorTypo"],color:{normal:c?.["success"===o?"successColor":"errorColor"]}}});export{CartMessage};
+import{jsx as s}from"react/jsx-runtime";import"react";import e from"../../../text/components/Text.js";let r=({message:r,type:o,setting:t,styles:c})=>s(e,{setting:{text:r||t?.["success"===o?"successMessage":"errorMessage"],excludeFlex:!0},styles:{typo:c?.["success"===o?"successTypo":"errorTypo"],color:{normal:c?.["success"===o?"successColor":"errorColor"]}}});export{r as CartMessage};

package/dist/esm/product/components/product-button/PriceComponent.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import t from"../product-price/ProductPrice.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:m,settings:s})=>{let{lineThrough:c,typo:i,opacityPrice:p}=s,n=r(o());return e(t,{setting:{priceType:m},styles:{typo:i,lineThrough:c,opacityPrice:p},classNames:n})};export{PriceComponent as default};
+import{jsx as r}from"react/jsx-runtime";import{createClass as t}from"@gem-sdk/system";import e from"../product-price/ProductPrice.js";import{getProductPriceClasses as s}from"./common/classes.js";let m=({priceType:m,settings:o})=>{let{lineThrough:c,typo:i,opacityPrice:p}=o,a=t(s());return r(e,{setting:{priceType:m},styles:{typo:i,lineThrough:c,opacityPrice:p},classNames:a})};export{m as default};

package/dist/esm/product/components/product-button/PriceComponent.liquid.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";import{ProductPrice as t}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:r,settings:s,pageContext:m})=>{let{lineThrough:i,typo:c,opacityPrice:p}=s,l=e(o());return t({setting:{priceType:r},styles:{typo:c,lineThrough:i,opacityPrice:p},classNames:l,pageContext:m})};export{PriceComponent as default};
+import{createClass as e}from"@gem-sdk/system";import{ProductPrice as s}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as t}from"./common/classes.js";let r=({priceType:r,settings:o,pageContext:m})=>{let{lineThrough:i,typo:c,opacityPrice:l}=o,p=e(t());return s({setting:{priceType:r},styles:{typo:c,lineThrough:i,opacityPrice:l},classNames:p,pageContext:m})};export{r as default};

package/dist/esm/product/components/product-button/PriceLayout.js

@@ -1 +1 @@
-import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import i from"./BlankSpace.js";let PriceLayout=({components:p,showPrice:l,showSeparator:n,separator:s})=>{let c=o(n,r(a,{separator:s}),o(p.length>1,r(i,{}),r(t,{})));return e(t,{children:[c,l&&p.map((t,o)=>e(m.Fragment,{children:[t,o<p.length-1&&r(i,{})]},o))]})};export{PriceLayout as default};
+import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import p from"./BlankSpace.js";let i=({components:i,showPrice:l,showSeparator:n,separator:s})=>{let c=o(n,r(a,{separator:s}),o(i.length>1,r(p,{}),r(t,{})));return e(t,{children:[c,l&&i.map((t,o)=>e(m.Fragment,{children:[t,o<i.length-1&&r(p,{})]},o))]})};export{i as default};

package/dist/esm/product/components/product-button/PriceLayout.liquid.js

@@ -1,7 +1,7 @@
-import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import t from"./BlankSpace.liquid.js";import{template as o}from"@gem-sdk/core";let PriceLayout=({components:m,separator:i,showPrice:a,showSeparator:l})=>{let p=r(l,e({separator:i}),r(m.length>1,t(),""));return o`
+import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import t from"./BlankSpace.liquid.js";import{template as o}from"@gem-sdk/core";let m=({components:m,separator:i,showPrice:a,showSeparator:l})=>{let p=r(l,e({separator:i}),r(m.length>1,t(),""));return o`
     ${p}
     ${a?m.map((r,e)=>o`
             ${r()}
             ${e<m.length-1?t():""}
           `).join(""):""}
-  `};export{PriceLayout as default};
+  `};export{m as default};

package/dist/esm/product/components/product-button/ProductButton.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{If as r}from"@gem-sdk/system";import{useBtnAddToCart as e}from"./hooks/useAddToCart.js";import{getSplitStyle as m}from"./common/styles.js";import s from"./SoldOutButton.js";import d from"./AddToCartButton.js";let ProductButton=i=>{let{setting:l,builderProps:n,style:u,styles:a,children:f}=i,{wrapStyle:c,restStyle:p}=m(u),{isLoading:j,isInStock:y,outOfStockLabel:h,notiComponent:B,addToCart:C,addToCartRef:T}=e({setting:l,styles:a,builderProps:n}),g=()=>o(d,{...i,style:p,children:f,isLoading:j,addToCart:C}),k=()=>o(s,{...i,style:p,children:f,label:h});return t("div",{style:c,ref:T,children:[r(y,g(),k()),B]})};export{ProductButton as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{If as r}from"@gem-sdk/system";import{useBtnAddToCart as e}from"./hooks/useAddToCart.js";import{getSplitStyle as m}from"./common/styles.js";import s from"./SoldOutButton.js";import d from"./AddToCartButton.js";let i=i=>{let{setting:l,builderProps:n,style:a,styles:u,children:f}=i,{wrapStyle:p,restStyle:c}=m(a),{isLoading:j,isInStock:y,outOfStockLabel:h,notiComponent:B,addToCart:C,addToCartRef:T}=e({setting:l,styles:u,builderProps:n});return t("div",{style:p,ref:T,children:[r(y,o(d,{...i,style:c,children:f,isLoading:j,addToCart:C}),o(s,{...i,style:c,children:f,label:h})),B]})};export{i as default};

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

@@ -1,4 +1,4 @@
-import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e}from"./common/helpers.js";import{template as o,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as n}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let ProductButton=f=>{let{setting:g,builderProps:b,style:y,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(y),{outOfStockButtonLabel:S,unavailableButtonLabel:j,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:b}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(e({styles:$,setting:g,successMessage:E,errorMessage:q})),P=()=>m({...f,style:h}),G=()=>d({...f,style:h,label:S}),w=()=>n(s,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return o`
+import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e}from"./common/helpers.js";import{template as s,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as n}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:g,builderProps:b,style:y,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(y),{outOfStockButtonLabel:S,unavailableButtonLabel:j,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:b}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(e({styles:$,setting:g,successMessage:E,errorMessage:q}));return s`
     ${i("{%- assign total_combinations = 1 -%}")}
     ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
@@ -16,8 +16,8 @@ import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonStat
       data-variant-selection-required-message="${k}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
     >
-      ${P()}
-      ${G()}
+      ${m({...f,style:h})}
+      ${d({...f,style:h,label:S})}
     </gp-product-button>
-    ${w()}
-  `};export{ProductButton as default};
+    ${n(o,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{f as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let ProductButtonPrice=({setting:c,styles:i})=>{let m=r(p,{priceType:e.Regular,settings:t(c)},"regular"),n=r(p,{priceType:e.Compare,settings:o(c)},"compare"),u=()=>{if(!c?.priceLayout)return[m];switch(c?.priceLayout){case s.PRICE_ONLY:return[m];case s.PRICE_BEFORE:return[m,n];case s.PRICE_AFTER:return[n,m];default:return[m,n]}},P=u();return r(a,{components:P,separator:c?.separator,showPrice:!!i?.enablePrice,showSeparator:!!i?.enableSeparator})};export{ProductButtonPrice as default};
+import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let m=({setting:m,styles:c})=>{let i=r(p,{priceType:e.Regular,settings:t(m)},"regular"),n=r(p,{priceType:e.Compare,settings:o(m)},"compare"),u=(()=>{if(!m?.priceLayout)return[i];switch(m?.priceLayout){case s.PRICE_ONLY:return[i];case s.PRICE_BEFORE:return[i,n];case s.PRICE_AFTER:return[n,i];default:return[i,n]}})();return r(a,{components:u,separator:m?.separator,showPrice:!!c?.enablePrice,showSeparator:!!c?.enableSeparator})};export{m as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.liquid.js

@@ -1,2 +1,2 @@
 'use client';
-import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import i from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as a}from"./common/constants.js";let ProductButtonPrice=({setting:s,styles:p,pageContext:c})=>{let n=()=>i({priceType:r.Regular,settings:e(s),pageContext:c}),u=()=>i({priceType:r.Compare,settings:t(s),pageContext:c}),m=()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case a.PRICE_ONLY:return[n];case a.PRICE_BEFORE:return[n,u];case a.PRICE_AFTER:return[u,n];default:return[n,u]}},P=m();return o({components:P,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{ProductButtonPrice as default};
+import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import a from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as i}from"./common/constants.js";let s=({setting:s,styles:p,pageContext:c})=>{let n=()=>a({priceType:r.Regular,settings:e(s),pageContext:c}),m=()=>a({priceType:r.Compare,settings:t(s),pageContext:c}),u=(()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case i.PRICE_ONLY:return[n];case i.PRICE_BEFORE:return[n,m];case i.PRICE_AFTER:return[m,n];default:return[n,m]}})();return o({components:u,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{s as default};

package/dist/esm/product/components/product-button/Separator.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:a})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(a)}});export{Separator as default};
+import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let o=({separator:o})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(o)}});export{o as default};

package/dist/esm/product/components/product-button/Separator.liquid.js

@@ -1,8 +1,8 @@
-import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:t})=>e`
+import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as t}from"./common/styles.js";let r=({separator:r})=>e`
   <div
     class="group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden"
-    style="${r()}"
+    style="${t()}"
   >
-    ${o(t)}
+    ${o(r)}
   </div>
-`;export{Separator as default};
+`;export{r as default};

package/dist/esm/product/components/product-button/SoldOutButton.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let SoldOutButton=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),B=r(m()),P=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:P,setting:y,className:B,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{SoldOutButton as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let i=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),P=r(m()),b=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:b,setting:y,className:P,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{i as default};

package/dist/esm/product/components/product-button/SoldOutButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import o from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as d}from"./common/classes.js";import e from"../../../button/components/Button.liquid.js";let SoldOutButton=s=>{let{pageContext:a,...r}=s,{styles:u,setting:l,advanced:n,builderProps:m,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(d({isLiquid:!0})),g=o({setting:l,styles:u,pageContext:a});return e({advanced:n,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...m,uidTranslate:m?.uid,uid:`${m?.uid}-sold-out`},pageContext:a,isUseTranslatedValue:!1,dataId:`${m?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{SoldOutButton};
+import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import e from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as o}from"./common/classes.js";import s from"../../../button/components/Button.liquid.js";let a=a=>{let{pageContext:d,...r}=a,{styles:u,setting:l,advanced:m,builderProps:n,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(o({isLiquid:!0})),g=e({setting:l,styles:u,pageContext:d});return s({advanced:m,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...n,uidTranslate:n?.uid,uid:`${n?.uid}-sold-out`},pageContext:d,isUseTranslatedValue:!1,dataId:`${n?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{a as SoldOutButton};

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

@@ -1 +1 @@
-let getButtonClasses=({isDisabled:t,isLiquid:s})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&s,"gp-add-to-cart":!s}),getAddToCartButtonClasses=t=>{let{isLiquid:s=!1,isDisabled:e=!1}=t??{};return{...getButtonClasses({isDisabled:e,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},getSoldOutButtonClasses=t=>{let{isLiquid:s=!1}=t??{};return{...getButtonClasses({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},getProductPriceClasses=()=>({"gp-button-price":!0});export{getAddToCartButtonClasses,getButtonClasses,getProductPriceClasses,getSoldOutButtonClasses};
+let t=({isDisabled:t,isLiquid:e})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&e,"gp-add-to-cart":!e}),e=e=>{let{isLiquid:s=!1,isDisabled:o=!1}=e??{};return{...t({isDisabled:o,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},s=e=>{let{isLiquid:s=!1}=e??{};return{...t({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},o=()=>({"gp-button-price":!0});export{e as getAddToCartButtonClasses,t as getButtonClasses,o as getProductPriceClasses,s as getSoldOutButtonClasses};

package/dist/esm/product/components/product-button/common/constants.js

@@ -1,4 +1,4 @@
-let SEPARATOR={VERTICAL_LINE:`
+let e={VERTICAL_LINE:`
     <svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         fill-rule="evenodd"
@@ -20,4 +20,4 @@ let SEPARATOR={VERTICAL_LINE:`
         d="M8.23223 8.23223C9.20855 7.25592 10.7915 7.25592 11.7678 8.23223C12.7441 9.20855 12.7441 10.7915 11.7678 11.7678C10.7915 12.7441 9.20855 12.7441 8.23223 11.7678C7.25592 10.7915 7.25592 9.20855 8.23223 8.23223Z"
         fill="currentColor" />
     </svg>
-  `},PRICE_LAYOUT={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{PRICE_LAYOUT,SEPARATOR};
+  `},l={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{l as PRICE_LAYOUT,e as SEPARATOR};

package/dist/esm/product/components/product-button/common/data.js

@@ -1 +1 @@
-import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as a,getAddToCartButtonStyles as l}from"./styles.js";let getBaseButtonData=({style:e,styles:l,setting:n})=>{let{iconSvg:o,iconAlign:s,shouldClearSpace:i,enableHoverEffect:u}=n??{};return{iconVisible:t(l),buttonStyle:a(e,l),buttonSettings:{iconSvg:o,iconAlign:s,iconVisible:t(l),shouldClearSpace:i,enableHoverEffect:u}}},getSoldOutButtonData=t=>{let{buttonStyle:a,buttonSettings:l}=getBaseButtonData(t);return{buttonStyles:e(t.styles),buttonStyle:a,buttonSettings:{...l,htmlType:"button",label:t.label}}},getAddToCartButtonData=t=>{let e=l(t.styles),{buttonStyle:a,buttonSettings:n}=getBaseButtonData(t),o=e=>{let{isLiquid:a=!1}=e??{},l=a?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...n,...l,htmlType:"submit",label:t.setting?.label}};return{buttonStyle:a,buttonStyles:e,getButtonSettings:o}};export{getAddToCartButtonData,getSoldOutButtonData};
+import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as l,getAddToCartButtonStyles as n}from"./styles.js";let s=({style:e,styles:n,setting:s})=>{let{iconSvg:o,iconAlign:i,shouldClearSpace:a,enableHoverEffect:r}=s??{};return{iconVisible:t(n),buttonStyle:l(e,n),buttonSettings:{iconSvg:o,iconAlign:i,iconVisible:t(n),shouldClearSpace:a,enableHoverEffect:r}}},o=t=>{let{buttonStyle:l,buttonSettings:n}=s(t);return{buttonStyles:e(t.styles),buttonStyle:l,buttonSettings:{...n,htmlType:"button",label:t.label}}},i=t=>{let e=n(t.styles),{buttonStyle:l,buttonSettings:o}=s(t);return{buttonStyle:l,buttonStyles:e,getButtonSettings:e=>{let{isLiquid:l=!1}=e??{},n=l?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...o,...n,htmlType:"submit",label:t.setting?.label}}}};export{i as getAddToCartButtonData,o as getSoldOutButtonData};

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

@@ -1 +1 @@
-import{SEPARATOR as e}from"./constants.js";let checkIconVisibility=e=>e?.enableIcon===!0,getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:removeColorFromTypo(e?.priceTypo)}),getRenderComparePriceSettings=e=>({lineThrough:!0,typo:removeColorFromTypo(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),getGPProductButtonState=({styles:e,setting:r,successMessage:t,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:r?.errorType,actionEffect:r?.actionEffect,enableMessage:r?.enableMessage,label:r?.label?.replaceAll("'","'"),errorMessage:o??r?.errorMessage?.replaceAll("'","'"),successMessage:t??r?.successMessage?.replaceAll("'","'"),outOfStockLabel:r?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:r?.customURL?.link?.replaceAll("'","'"),target:r?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),renderSeparator=r=>{let t=r??"horizontal-line";return({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t]??e.HORIZONTAL_LINE},removeColorFromTypo=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{checkIconVisibility,getGPProductButtonState,getRenderComparePriceSettings,getRenderRegularPriceSettings,renderSeparator};
+import{SEPARATOR as e}from"./constants.js";let t=e=>e?.enableIcon===!0,r=e=>({lineThrough:!1,typo:c(e?.priceTypo)}),a=e=>({lineThrough:!0,typo:c(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),o=({styles:e,setting:t,successMessage:r,errorMessage:a})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:t?.label?.replaceAll("'","'"),errorMessage:a??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}}"}),l=t=>({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t??"horizontal-line"]??e.HORIZONTAL_LINE,c=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{t as checkIconVisibility,o as getGPProductButtonState,a as getRenderComparePriceSettings,r as getRenderRegularPriceSettings,l as renderSeparator};

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

@@ -1 +1 @@
-import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let getButtonStyle=(t,o)=>({...t,...e("ta",o?.align)}),getButtonBaseStyles=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),getAddToCartButtonStyles=t=>({...t,...getButtonBaseStyles(),enableTextStyle:!0}),getSoldOutButtonStyles=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:r,oosBorderV2:a,oosShadowV2:n,oosTextColor:S,oosRoundedV2:s,oosBackground:g,oosTextColorV2:y,oosBackgroundV2:p,oosEnableShadow:B,...m}=t??{},u=JSON.parse(JSON.stringify(m));return Object.assign(u,{textColor:{normal:y},hasBoxShadowBtn:{normal:B},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:a,backgroundColorV2:p}),y?.normal&&(u.typo={...u.typo,attrs:{...u.typo?.attrs,color:y.normal}}),{...getButtonBaseStyles(),...u}},getSplitStyle=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},getSeparatorStyle=()=>({...o({mr:"8px",ml:"8px"})}),getBlankSpaceStyle=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{getAddToCartButtonStyles,getBlankSpaceStyle,getButtonBaseStyles,getButtonStyle,getSeparatorStyle,getSoldOutButtonStyles,getSplitStyle};
+import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let l=(t,o)=>({...t,...e("ta",o?.align)}),r=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),a=t=>({...t,...r(),enableTextStyle:!0}),n=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:a,oosBorderV2:n,oosShadowV2:m,oosTextColor:p,oosRoundedV2:s,oosBackground:S,oosTextColorV2:g,oosBackgroundV2:y,oosEnableShadow:d,...i}=t??{},B=JSON.parse(JSON.stringify(i));return Object.assign(B,{textColor:{normal:g},hasBoxShadowBtn:{normal:d},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:n,backgroundColorV2:y}),g?.normal&&(B.typo={...B.typo,attrs:{...B.typo?.attrs,color:g.normal}}),{...r(),...B}},m=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},p=()=>({...o({mr:"8px",ml:"8px"})}),s=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{a as getAddToCartButtonStyles,s as getBlankSpaceStyle,r as getButtonBaseStyles,l as getButtonStyle,p as getSeparatorStyle,n as getSoldOutButtonStyles,m as getSplitStyle};

package/dist/esm/product/components/product-button/helpers/getButtonDynamicSourceLocales.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as a}from"../../../settings/product-button/configs/translate.js";let getButtonDynamicSourceLocales=({setting:s,builderProps:o,pageContext:r})=>{let i={pageContext:r,uid:o?.uid},n=(s,o)=>{let n=e({...i,pageContext:r??{},settingId:t({id:a[s]?.id}),val:o??""});return n};return{outOfStockButtonLabel:n("outOfStockLabel",s?.outOfStockLabel),unavailableButtonLabel:n("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:n("variantSelectionRequiredMessage",s?.variantSelectionRequiredMessage),successMessage:n("successMessage",s?.successMessage),errorMessage:n("errorMessage",s?.errorMessage)}};export{getButtonDynamicSourceLocales};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as s}from"../../../settings/product-button/configs/translate.js";let a=({setting:a,builderProps:r,pageContext:o})=>{let i={pageContext:o,uid:r?.uid},l=(a,r)=>{let l=e({...i,pageContext:o??{},settingId:t({id:s[a]?.id}),val:r??""});return l};return{outOfStockButtonLabel:l("outOfStockLabel",a?.outOfStockLabel),unavailableButtonLabel:l("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:l("variantSelectionRequiredMessage",a?.variantSelectionRequiredMessage),successMessage:l("successMessage",a?.successMessage),errorMessage:l("errorMessage",a?.errorMessage)}};export{a as getButtonDynamicSourceLocales};

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

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

package/dist/esm/product/components/product-button/hooks/useCartMessage.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useCallback as e}from"react";import o from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let useCartMessage=(r,i)=>{let[a,n]=o({closable:!0,maxCount:3}),m=e((e,o)=>{a.open({content:t(s,{type:o,message:e,styles:r,setting:i}),placement:"top"})},[a,i,r]);return{showMessage:m,notiComponent:n}};export{useCartMessage};
+import{jsx as t}from"react/jsx-runtime";import{useCallback as o}from"react";import e from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let i=(i,r)=>{let[n,m]=e({closable:!0,maxCount:3}),a=o((o,e)=>{n.open({content:t(s,{type:e,message:o,styles:i,setting:r}),placement:"top"})},[n,r,i]);return{showMessage:a,notiComponent:m}};export{i as useCartMessage};

package/dist/esm/product/components/product-button/hooks/useCartOperations.js

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let useCartOperations=({setting:s,showMessage:c,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},p=e(e=>{let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(s),"buy-now":()=>f(e,l),"continue-shopping":()=>m(s,c)};s?.actionEffect!=="buy-now"&&k(e.id);let r=o[s?.actionEffect];r&&r(),n(),a()},[s,l,i,c,k,n,m,a]),w=e(e=>{s?.enableMessage&&(e?.[0]?.code==="INVALID"?c(e[0].message||"","error"):c(s.errorMessage||"","error"))},[s,c]);return{cartId:u,handleSuccess:p,handleError:w}};export{useCartOperations};
+import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let c=({setting:c,showMessage:s,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},w=e(e=>{c?.actionEffect!=="buy-now"&&k(e.id);let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(c),"buy-now":()=>f(e,l),"continue-shopping":()=>m(c,s)}[c?.actionEffect];o&&o(),n(),a()},[c,l,i,s,k,n,m,a]),p=e(e=>{c?.enableMessage&&(e?.[0]?.code==="INVALID"?s(e[0].message||"","error"):s(c.errorMessage||"","error"))},[c,s]);return{cartId:u,handleSuccess:w,handleError:p}};export{c as useCartOperations};

package/dist/esm/product/components/product-button/hooks/useDispatchAfterSubmitEvent.js

@@ -1 +1 @@
-import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let useDispatchInteractionEvent=a=>{let{trigger:r}=t();return e(()=>{let t=document.querySelector(`[data-id="${a}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{r({event:"gp:after-submit",selector:`[data-id="${a}"]`,data:Number(e),element:t})})},[a,r])},useDispatchCustomEvent=({product:t,currentVariant:a,quantity:r})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:a,quantity:r}}});window.dispatchEvent(e)},[t,a,r]);export{useDispatchCustomEvent,useDispatchInteractionEvent};
+import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let r=r=>{let{trigger:a}=t();return e(()=>{let t=document.querySelector(`[data-id="${r}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{a({event:"gp:after-submit",selector:`[data-id="${r}"]`,data:Number(e),element:t})})},[r,a])},a=({product:t,currentVariant:r,quantity:a})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:r,quantity:a}}});window.dispatchEvent(e)},[t,r,a]);export{a as useDispatchCustomEvent,r as useDispatchInteractionEvent};

package/dist/esm/product/components/product-button/types.js

@@ -1 +1 @@
-var PriceType;!function(e){e.Regular="regular",e.Compare="compare"}(PriceType||(PriceType={}));export{PriceType};
+var r;!function(r){r.Regular="regular",r.Compare="compare"}(r||(r={}));export{r as PriceType};

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

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

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

@@ -1,24 +1,24 @@
-import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as l,createAttr as c,createStateOrContext as m,LiquidIf as u,Liquid as $,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as x,getClassPreBuilt as w}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as C}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as j}from"../../settings/product-description/configs/translate.js";let ProductDescription=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:P}=M,{htmlTag:T,viewMoreText:k,viewLessText:E}=S??{},V="html"===T?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(x({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=l({...h({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(w()),O=l(y({setting:S})),R=c({"data-id":`${L?.uid}`}),z=c({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=C(),J="product.description == blank",K=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},Q=p({val:k,uid:L?.uid,settingId:a({id:j?.viewMoreText?.id}),pageContext:P??{}}),U=p({val:E,uid:L?.uid,settingId:a({id:j?.viewLessText?.id}),pageContext:P??{}}),W=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:Q,viewLessText:U,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return u(J,"",$(s`
+import{makeStyleResponsive as e,makeLineClamp as t,dataStringify as s,template as i,baseAssetURL as o,isLocalEnv as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as l,createAttr as c,createStateOrContext as m,LiquidIf as $,Liquid as u,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as x,getClassPreBuilt as w}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as C}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as j}from"../../settings/product-description/configs/translate.js";let M=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:T}=M,{htmlTag:k,viewMoreText:E,viewLessText:P}=S??{},V="html"===k?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(x({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=l({...h({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(w()),O=l(y({setting:S})),R=c({"data-id":`${L?.uid}`}),z=c({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=C(),J="product.description == blank",K=p({val:E,uid:L?.uid,settingId:a({id:j?.viewMoreText?.id}),pageContext:T??{}}),Q=p({val:P,uid:L?.uid,settingId:a({id:j?.viewLessText?.id}),pageContext:T??{}}),U=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:K,viewLessText:Q,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return $(J,"",u(i`
     <gp-product-description
       ${R}
       class="${A}"
-      gp-data='${i(W).replaceAll("'","&#039;")}'
-      data-view-more-text="${Q}"
-      data-view-less-text="${U}"
+      gp-data='${s(U).replaceAll("'","&#039;")}'
+      data-view-more-text="${K}"
+      data-view-less-text="${Q}"
     >
       <style>${B}</style>
       <style>${F}</style>
       <div class="${N}" ></div>
-      ${g("product","<p>Product not found</p>",s`<${V} ${z} class="${D}" style="${H}">
+      ${g("product","<p>Product not found</p>",i`<${V} ${z} class="${D}" style="${H}">
           {{product.description}}
         </${V}>
-        ${g(J,s`<button type="button" class="${G}" style="${O}">
+        ${g(J,i`<button type="button" class="${G}" style="${O}">
           <span class="${_}">
-            ${v(!1,U?.toString(),Q?.toString())}
+            ${v(!1,Q?.toString(),K?.toString())}
           </span>
-          ${v(S?.enableViewMoreIcon,s`<span class="${q}">${b}</span>`," ")}
+          ${v(S?.enableViewMoreIcon,i`<span class="${q}">${b}</span>`," ")}
           </button>`)}`)}
     </gp-product-description>
 
-    ${K()}
-  `))};export{ProductDescription as default};
+    ${(()=>{let e=r?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
+  `))};export{M as default};

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

@@ -1 +1 @@
-import{composeTypographyClassName as t,getGlobalColorClass as r,composeClasses as a,cls as e}from"@gem-sdk/core";let getClasses=({setting:a,isLiquid:e})=>{let s=t(a?.typo,a?.typography),p=r("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...s&&{[s]:!0},[p]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},getButtonClasses=({setting:a})=>{let e=t(a?.typo,a?.typography),s=r("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[s]:!0}},getClassPreBuilt=()=>a(e("gp-rotate-180 gp-hidden"));export{getButtonClasses,getClassPreBuilt,getClasses};
+import{composeTypographyClassName as r,getGlobalColorClass as t,composeClasses as a,cls as e}from"@gem-sdk/core";let p=({setting:a,isLiquid:e})=>{let p=r(a?.typo,a?.typography),o=t("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...p&&{[p]:!0},[o]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},o=({setting:a})=>{let e=r(a?.typo,a?.typography),p=t("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[p]:!0}},s=()=>a(e("gp-rotate-180 gp-hidden"));export{o as getButtonClasses,s as getClassPreBuilt,p as getClasses};

package/dist/esm/product/components/product-description/common/helpers.js

@@ -1,3 +1,3 @@
-let ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+let L=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
-        </svg>`;export{ICON_SVG};
+        </svg>`;export{L as ICON_SVG};

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

@@ -1,4 +1,4 @@
-import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as l,getGlobalColorStyle as o,makeStyle as i,filterTruthyStyles as a,getResponsiveValueByScreen as n}from"@gem-sdk/core";let devices=["desktop","mobile","tablet"],getDisplayStyle=(t,e)=>{let l={};return devices.forEach(o=>{l={...l,[`--d${"desktop"===o?"":`-${o}`}`]:`${t(o)?"none":e}`}}),l},getTextStyle=({setting:n,renderMaxHeight:p})=>{let r=t(n?.typo,n?.typography),s={...e({value:n?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:n?.typo?.custom?.hasShadowText}),...l("ta",n?.textAlign),...o(n?.color),...i({tt:n?.transform}),...r,...p&&getMaxHeightStyleDefault(n)};return a(s)},getButtonStyle=({setting:e})=>{let n=t(e?.typo,e?.typography),p=()=>getDisplayStyle(t=>!!e?.hasLineClamp&&void 0!==e.hasLineClamp[t]&&!e.hasLineClamp[t],"inline-flex"),r={...l("jc",e?.textAlign),...i({tt:e?.transform}),...n,...o(e?.showMoreColor),...p()};return a(r)},getStaticCss=()=>{let t=`
+import{composeTypographyStyle as t,makeStyle as e,getGlobalColorStyle as o,makeStyleResponsive as l,getStyleShadow as i,filterTruthyStyles as n,getResponsiveValueByScreen as a}from"@gem-sdk/core";let p=["desktop","mobile","tablet"],r=(t,e)=>{let o={};return p.forEach(l=>{o={...o,[`--d${"desktop"===l?"":`-${l}`}`]:`${t(l)?"none":e}`}}),o},s=({setting:a,renderMaxHeight:p})=>{let r=t(a?.typo,a?.typography),s={...i({value:a?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:a?.typo?.custom?.hasShadowText}),...l("ta",a?.textAlign),...o(a?.color),...e({tt:a?.transform}),...r,...p&&c(a)};return n(s)},d=({setting:i})=>{let a=t(i?.typo,i?.typography),p={...l("jc",i?.textAlign),...e({tt:i?.transform}),...a,...o(i?.showMoreColor),...r(t=>!!i?.hasLineClamp&&void 0!==i.hasLineClamp[t]&&!i.hasLineClamp[t],"inline-flex")};return n(p)},h=()=>{let t=`
    .gp-p-description-text > :not(ol, ul, table, div, style, script) {
       display: inline !important;
     }
@@ -14,4 +14,4 @@ import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as l,
       .p-description-wrapper.gp-p-description-text * {
         color: inherit;
         line-height: inherit !important;
-      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},getMaxHeightStyleDefault=t=>{let e={desktop:"none"},o=["desktop","mobile","tablet"];return o.forEach(l=>{let o=n(t?.lineClamp,l),i=n(t?.hasLineClamp,l);i&&o?e[l]=`calc(${o} * 1lh)`:e[l]="none"}),{...l("maxh",e)}};export{getButtonStyle,getMaxHeightStyleDefault,getStaticCss,getTextStyle};
+      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},c=t=>{let e={desktop:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=a(t?.lineClamp,o),i=a(t?.hasLineClamp,o);i&&l?e[o]=`calc(${l} * 1lh)`:e[o]="none"}),{...l("maxh",e)}};export{d as getButtonStyle,c as getMaxHeightStyleDefault,h as getStaticCss,s as getTextStyle};

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

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

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

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

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

@@ -1,4 +1,4 @@
-import{template as e,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as g,getProductTagClass as f}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as x}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let ProductTag=({setting:y,styles:P,builderProps:S,advanced:V,pageContext:_})=>{let{customContent:h}=y??{},C=y?.moneyWithCurrentFormat?"money_with_currency":"money",j=$?.customContent?.id?a({val:h?.prefix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_??{}}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_??{}}):h?.suffix,M=n(m(P)),T=n(v(P)),q=n(x(P)),w=c(u(P)),E=c(g()),N=c(f(V)),O=h?.unit==="percentage",k=()=>{let e=i?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return e`
+import{template as e,baseAssetURL as i,isLocalEnv as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as g,getProductTagClass as f}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as x}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let y=({setting:y,styles:S,builderProps:P,advanced:V,pageContext:_})=>{let{customContent:h}=y??{},C=y?.moneyWithCurrentFormat?"money_with_currency":"money",j=$?.customContent?.id?a({val:h?.prefix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_??{}}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_??{}}):h?.suffix,M=n(m(S)),q=n(v(S)),w=n(x(S)),E=c(u(S)),N=c(g()),O=c(f(V)),T=h?.unit==="percentage";return e`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
@@ -6,25 +6,25 @@ import{template as e,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";impor
       assign prefixVal = ${_?.isPreviewing?JSON.stringify(j):j}
       assign suffixVal = ${_?.isPreviewing?JSON.stringify(F):F}
     %}
-    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(O,"| append: ' 0% '",`| ${C} | append: ' '`)} | append: suffixVal %}`),`${l(O,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
+    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(T,"| append: ' 0% '",`| ${C} | append: ' '`)} | append: suffixVal %}`),`${l(T,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
           {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,o("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${C} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${C} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`))}`)}
 
     <gp-product-tag
-      class="${N}"
+      class="${O}"
       style="${M}"
-      data-id="${S?.uid}"
-      data-disabled="${o(`${l(O,"salePercent","priceSave")} > 0`,"false","true")}"
-      gp-data='{"setting":${JSON.stringify(y).replaceAll("'","&#039;")}, "id": "${S?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${y?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
+      data-id="${P?.uid}"
+      data-disabled="${o(`${l(T,"salePercent","priceSave")} > 0`,"false","true")}"
+      gp-data='{"setting":${JSON.stringify(y).replaceAll("'","&#039;")}, "id": "${P?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${y?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
       price-save="{{priceSave}}"
     >
-      <div class="${E}" style="${q}">
-        <div class="${w}" style="${T}">
-          ${p({styles:P,id:`p-tag-${S?.uid}`,setting:{...y,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
+      <div class="${N}" style="${w}">
+        <div class="${E}" style="${q}">
+          ${p({styles:S,id:`p-tag-${P?.uid}`,setting:{...y,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
         </div>
       </div>
 
   </gp-product-tag>
-  ${k()}
-  `};export{ProductTag as default};
+  ${(()=>{let e=s?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${i}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
+  `};export{y as default};

package/dist/esm/product/components/product-discount-tag/common/classes.js

@@ -1 +1 @@
-import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let getRootClass=({mode:e,salePrice:t,priceSave:s,bundleItem:a})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(s/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(s/(t/100)))&&!a}),getProductTagClass=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),getContainerClass=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),getWrapperTextClass=s=>{let{backgroundColor:a,borderTag:g,textColor:l}=s??{},p=e("border",g?.color),r=e("text",l),o=e("bg",a);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[p]:!0,[r]:!0,[o]:!0}};export{getContainerClass,getProductTagClass,getRootClass,getWrapperTextClass};
+import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let l=({mode:e,salePrice:t,priceSave:l,bundleItem:g})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(l/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(l/(t/100)))&&!g}),g=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),p=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),s=l=>{let{backgroundColor:g,borderTag:p,textColor:s}=l??{},a=e("border",p?.color),r=e("text",s),i=e("bg",g);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[a]:!0,[r]:!0,[i]:!0}};export{p as getContainerClass,g as getProductTagClass,l as getRootClass,s as getWrapperTextClass};