npm - @gem-sdk/components - Versions diffs - 12.0.0-staging.48 → 12.0.0-staging.49 - Mend

@gem-sdk/components 12.0.0-staging.48 → 12.0.0-staging.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (962) hide show

package/dist/cjs/product/components/product-bundle/setting/ProductBundleDiscount.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:~~{en:~~"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:~~{en:~~"Item gap"},controls:[{label:~~{en:~~"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:~~{en:~~"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:~~{en:~~"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:~~{en:~~"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:~~{en:~~"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:~~{en:~~"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:~~{en:~~"Gap to content"},setting:{id:"iconSpacing"}}]},{label:~~{en:~~"Item style"},controls:[{label:~~{en:~~"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"normal"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:~~{en:~~"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:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:~~{en:~~"Effect"},controls:[{label:~~{en:~~"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:~~{en:~~"Hover"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:~~{en:~~"Icon"},type:"group",controls:[{label:~~{en:~~"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:~~{en:~~"Shape"},type:"group",controls:[{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"hover"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:~~{en:~~"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:~~{en:~~"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:~~{en:~~"Active"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:~~{en:~~"Icon"},type:"group",controls:[{label:~~{en:~~"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:~~{en:~~"Shape"},type:"group",controls:[{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"active"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:~~{en:~~"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:~~{en:~~"Size"},controls:[{id:"Width",label:~~{en:~~"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:~~{en:~~"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:~~{en:~~"Shape",~~cn:"形状",es:"Forma"},~~conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Border",~~cn:"边界",es:"Borde"},~~setting:{id:"border",state:"normal"}},{label:~~{en:~~"Corner",~~cn:"角落",es:"Esquina"},~~setting:{id:"rounded",state:"normal"}},{label:~~{en:~~"Shadow",~~cn:"阴影",es:"Sombra"},~~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:~~{en:~~"Display condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:~~{en:~~"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:~~{en:~~"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:~~{en:~~"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:~~{en:~~"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"}}]}];exports.default=SettingUIV2;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const 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"}}]}];exports.default=SettingUIV2;

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

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

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.js CHANGED Viewed

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

package/dist/cjs/product/components/product-images-v2/ProductImageV2.js CHANGED Viewed

@@ -1,5 +1,5 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),common=require("./common/common.js"),core=require("@gem-sdk/core"),React=require("react"),FeatureImageWithGallery=require("./components/feature-gallery/FeatureImageWithGallery.js"),OnlyFeatureImage=require("./components/feature-only/OnlyFeatureImage.js"),ProductImagesLightBox=require("./components/lightbox/ProductImagesLightBox.js"),NoDataState=require("../../../common/components/NoDataState.js"),getProductImagesClassName=require("./composables/getProductImagesClassName.js"),getBorderActiveCss=require("./common/getBorderActiveCss.js"),GalleryGrid=require("./components/gallery-grid/GalleryGrid.js");const getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),LAYOUT_FEATURE_IMAGE_GALLERY=["bottom-left","bottom-center","left","right","inside-left","inside-right","inside-bottom"],ProductImagesV2=e=>{let t=React.useMemo(()=>common.setDefaultWhenUndefineSetting(e),[e]),{redirectProductShopifyLink:a}=core.useProductShopifyEditLink(),{setting:i,styles:o,builderProps:l,builderAttrs:r,style:C,children:s}=t,d=core.useProduct(),c=core.useCurrentDevice(),n=core.useCurrentVariant(),{isChangeSelectedOption:u}=core.useSelectedOption(),m=core.useEditorMode(),g=core.useProductStore(e=>e.setProductFeaturedImage),[p,f]=React.useState(!1),h=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,y=e=>e?.featuredImage,I=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,M=React.useMemo(()=>i?.typeDisplay==="all-images"&&!u,[u,i?.typeDisplay]),D=React.useMemo(()=>{if(M){let e;switch(i?.preDisplay){case"1st-images":e=y(d);break;case"1st-3d-mode":e=I(d);break;case"1st-video":e=h(d);break;case"1st-available-variant":e=n?.media}return g(e),e}},[M,i?.preDisplay,g,d,n?.media]),x=React.useMemo(()=>{let e=getProductGallery(d);return e?.length?e:[{id:d?.featuredImage?.id||"noImageError",src:d?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:d?.featuredImage?.width||480,height:d?.featuredImage?.height||480}]},[d]),R=React.useMemo(()=>x.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[x]),b=React.useMemo(()=>core.getResponsiveValueByScreen(o?.position,c),[c,o?.position]),j=(e,t)=>{v(e),t&&E()},E=()=>{f(!0)},v=e=>{if(!e)return;let t=R[e];if(void 0!==t){let e=x[t];e&&g(e)}};React.useEffect(()=>{if(n&&!M){let e=R[n?.mediaId];if(void 0!==e){let t=x[e]??d?.featuredImage;t&&g(t)}}},[n,R,x,d?.featuredImage,g,M]);let P=React.useMemo(()=>{let e="popup"===core.getResponsiveValueByScreen(i?.ftClickOpenLightBox,c)||core.getResponsiveValueByScreen(i?.clickOpenLightBox,c);return e||"edit"!==m||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[i?.ftClickOpenLightBox,i?.clickOpenLightBox,c,m]),L=()=>x.length>0?React.Children.map(core.filterToolbarPreview(s),e=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isInsideProductImage:!0,navigationPosition:i?.ftNavigationPosition,imageData:{imageShape:o?.ftShape,imageAlign:o?.align,imageLayout:o?.position},dotData:{dotSize:i?.ftDotSize,dotGapToCarousel:i?.ftDotGapToCarousel,dotStyle:i?.ftDotStyle}}):null):null,V=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),common=require("./common/common.js"),core=require("@gem-sdk/core"),React=require("react"),FeatureImageWithGallery=require("./components/feature-gallery/FeatureImageWithGallery.js"),OnlyFeatureImage=require("./components/feature-only/OnlyFeatureImage.js"),ProductImagesLightBox=require("./components/lightbox/ProductImagesLightBox.js"),NoDataState=require("../../../common/components/NoDataState.js"),getProductImagesClassName=require("./composables/getProductImagesClassName.js"),getBorderActiveCss=require("./common/getBorderActiveCss.js"),GalleryGrid=require("./components/gallery-grid/GalleryGrid.js");const getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),LAYOUT_FEATURE_IMAGE_GALLERY=["bottom-left","bottom-center","left","right","inside-left","inside-right","inside-bottom"],ProductImagesV2=e=>{let t=React.useMemo(()=>common.setDefaultWhenUndefineSetting(e),[e]),{redirectProductShopifyLink:a}=core.useProductShopifyEditLink(),{setting:i,styles:o,builderProps:l,builderAttrs:r,style:C,children:s}=t,d=core.useProduct(),c=core.useCurrentDevice(),n=core.useCurrentVariant(),{isChangeSelectedOption:u}=core.useSelectedOption(),m=core.useEditorMode(),g=core.useProductStore(e=>e.setProductFeaturedImage),{t:p}=core.useI18nStore(),[f,h]=React.useState(!1),y=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,I=e=>e?.featuredImage,M=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,D=React.useMemo(()=>i?.typeDisplay==="all-images"&&!u,[u,i?.typeDisplay]),x=React.useMemo(()=>{if(D){let e;switch(i?.preDisplay){case"1st-images":e=I(d);break;case"1st-3d-mode":e=M(d);break;case"1st-video":e=y(d);break;case"1st-available-variant":e=n?.media}return g(e),e}},[D,i?.preDisplay,g,d,n?.media]),R=React.useMemo(()=>{let e=getProductGallery(d);return e?.length?e:[{id:d?.featuredImage?.id||"noImageError",src:d?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:d?.featuredImage?.width||480,height:d?.featuredImage?.height||480}]},[d]),b=React.useMemo(()=>R.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[R]),j=React.useMemo(()=>core.getResponsiveValueByScreen(o?.position,c),[c,o?.position]),E=(e,t)=>{P(e),t&&v()},v=()=>{h(!0)},P=e=>{if(!e)return;let t=b[e];if(void 0!==t){let e=R[t];e&&g(e)}};React.useEffect(()=>{if(n&&!D){let e=b[n?.mediaId];if(void 0!==e){let t=R[e]??d?.featuredImage;t&&g(t)}}},[n,b,R,d?.featuredImage,g,D]);let L=React.useMemo(()=>{let e="popup"===core.getResponsiveValueByScreen(i?.ftClickOpenLightBox,c)||core.getResponsiveValueByScreen(i?.clickOpenLightBox,c);return e||"edit"!==m||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[i?.ftClickOpenLightBox,i?.clickOpenLightBox,c,m]),S=()=>R.length>0?React.Children.map(core.filterToolbarPreview(s),e=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isInsideProductImage:!0,navigationPosition:i?.ftNavigationPosition,imageData:{imageShape:o?.ftShape,imageAlign:o?.align,imageLayout:o?.position},dotData:{dotSize:i?.ftDotSize,dotGapToCarousel:i?.ftDotGapToCarousel,dotStyle:i?.ftDotStyle}}):null):null,V=`
       <svg viewBox="0 0 452 400" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0 7.99999C0 3.58171 3.58172 0 8 0H444C448.418 0 452 3.58172 452 8V392C452 396.418 448.418 400 444 400H8C3.58173 400 0 396.418 0 392V7.99999Z" fill="#F9F9F9"/>
         <path d="M208.148 348.801C239.683 348.75 265.245 347.272 265.242 345.499C265.239 343.726 239.673 342.33 208.138 342.381C176.603 342.432 151.041 343.91 151.044 345.683C151.047 347.456 176.614 348.851 208.148 348.801Z" fill="#E6E6E6"/>
@@ -23,4 +23,4 @@
         <path opacity="0.2" d="M293.196 231.862C306.954 231.862 318.106 217.921 318.106 200.724C318.106 183.527 306.954 169.586 293.196 169.586C279.439 169.586 268.286 183.527 268.286 200.724C268.286 217.921 279.439 231.862 293.196 231.862Z" fill="white"/>
         <path opacity="0.2" d="M293.196 247.637C313.923 247.637 330.726 226.634 330.726 200.725C330.726 174.816 313.923 153.812 293.196 153.812C272.469 153.812 255.666 174.816 255.666 200.725C255.666 226.634 272.469 247.637 293.196 247.637Z" fill="white"/>
       </svg>
-    `,Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Catch your customer's attention with attracted media.",descriptionActions:[{text:"Add image",callback:a},{text:"sync data",callback:"syncProduct"}],additionalMedia:V}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...r,className:k,style:C,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...o},uid:l?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(b)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,gallery:x,priorityFeatureImage:D,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:L()}),"only-feature"===b&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:x,...t,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:L()}),["one-col","two-col"].includes(b)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:x,...t,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:L()}),P&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:x,builderPropUID:l?.uid,open:p,onHandleClose:()=>f(!1),imageRatio:common.getAspectRatio(o?.ftShape)}),core.filterToolbarPreview(s,!0)]})};exports.default=ProductImagesV2;
+    `,Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:p("Catch your customer's attention with attracted media."),descriptionActions:[{text:p("Add image"),callback:a},{text:p("sync data"),callback:"syncProduct"}],additionalMedia:V}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...r,className:k,style:C,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...o},uid:l?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(j)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,gallery:R,priorityFeatureImage:x,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:S()}),"only-feature"===j&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:R,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:S()}),["one-col","two-col"].includes(j)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:R,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:S()}),L&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:R,builderPropUID:l?.uid,open:f,onHandleClose:()=>h(!1),imageRatio:common.getAspectRatio(o?.ftShape)}),core.filterToolbarPreview(s,!0)]})};exports.default=ProductImagesV2;

package/dist/cjs/product/components/product-images-v3/ProductImageV3.js CHANGED Viewed

@@ -23,4 +23,4 @@
         <path opacity="0.2" d="M293.196 231.862C306.954 231.862 318.106 217.921 318.106 200.724C318.106 183.527 306.954 169.586 293.196 169.586C279.439 169.586 268.286 183.527 268.286 200.724C268.286 217.921 279.439 231.862 293.196 231.862Z" fill="white"/>
         <path opacity="0.2" d="M293.196 247.637C313.923 247.637 330.726 226.634 330.726 200.725C330.726 174.816 313.923 153.812 293.196 153.812C272.469 153.812 255.666 174.816 255.666 200.725C255.666 226.634 272.469 247.637 293.196 247.637Z" fill="white"/>
       </svg>
-    `,Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Catch your customer's attention with attracted media.",descriptionActions:[{text:"Add image",callback:a},{text:"sync data",callback:"syncProduct"}],additionalMedia:w}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...o,className:k,style:s,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...l},uid:r?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(v)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,isFilterByVariantEnabled:R,gallery:b,priorityFeatureImage:D,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:P()}),"only-feature"===v&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:b,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,isFilterByVariantEnabled:R,children:P()}),["one-col","two-col"].includes(v)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:b,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:P()}),L&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:b,builderPropUID:r?.uid,open:g,onHandleClose:()=>f(!1),imageRatio:common.getAspectRatio(l?.ftShape)}),core.filterToolbarPreview(C,!0)]})};exports.default=ProductImagesV3;
+    `,{t:S}=core.useI18nStore(),Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:S("Catch your customer's attention with attracted media."),descriptionActions:[{text:S("Add image"),callback:a},{text:S("sync data"),callback:"syncProduct"}],additionalMedia:w}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...o,className:k,style:s,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...l},uid:r?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(v)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,isFilterByVariantEnabled:R,gallery:b,priorityFeatureImage:D,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:P()}),"only-feature"===v&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:b,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,isFilterByVariantEnabled:R,children:P()}),["one-col","two-col"].includes(v)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:b,...t,onHandleClickImage:(e,t)=>E(e||"",t),noDataChildren:Z,children:P()}),L&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:b,builderPropUID:r?.uid,open:g,onHandleClose:()=>f(!1),imageRatio:common.getAspectRatio(l?.ftShape)}),core.filterToolbarPreview(C,!0)]})};exports.default=ProductImagesV3;

package/dist/cjs/product/components/product-price/ProductPrice.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js"),useGpPrice=require("./hooks/useGpPrice.js"),core=require("@gem-sdk/core");const ProductPrice=e=>{let{style:s,children:r}=e,t=core.useEditorMode(),i="edit"===t,{elementRef:c,moneyFormatted:u,currentProductId:o,isNoComparePrice:a,isNoComparePriceILP:m,shouldHiddenComparePrice:l,emitNoDataSignal:n}=useGpPrice.useGpPrice(e),x=system.createClass(classes.getWrapperClasses(e)),d=system.createAttr(attrs.getAttrs(e,{isILP:!i,productId:o,shouldHiddenComparePrice:l})),p=helpers.getTextProps(e,u),j={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},g=m?j:s;return jsxRuntime.jsxs("div",{ref:c,...d,className:x,style:g,"aria-hidden":"true",onClick:n,children:[a&&i?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:jsxRuntime.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Text.default,{...p}),r]}),core.filterToolbarPreview(r,!0)]})};exports.default=ProductPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js"),useGpPrice=require("./hooks/useGpPrice.js"),core=require("@gem-sdk/core");const ProductPrice=e=>{let{style:s,children:r}=e,t=core.useEditorMode(),{t:i}=core.useI18nStore(),c="edit"===t,{elementRef:o,moneyFormatted:u,currentProductId:a,isNoComparePrice:m,isNoComparePriceILP:n,shouldHiddenComparePrice:l,emitNoDataSignal:x}=useGpPrice.useGpPrice(e),d=system.createClass(classes.getWrapperClasses(e)),p=system.createAttr(attrs.getAttrs(e,{isILP:!c,productId:a,shouldHiddenComparePrice:l})),j=helpers.getTextProps(e,u),g={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},h=n?g:s;return jsxRuntime.jsxs("div",{ref:o,...p,className:d,style:h,"aria-hidden":"true",onClick:x,children:[m&&c?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:jsxRuntime.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:i("No compare price")})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Text.default,{...j}),r]}),core.filterToolbarPreview(r,!0)]})};exports.default=ProductPrice;

package/dist/cjs/product/components/product-variants/ProductVariants.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js"),index=require("./components/variants/index.js"),Dropdown=require("./components/dropdown-swatches/Dropdown.js"),DropdownGroup=require("./components/dropdown-group/DropdownGroup.js"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/main/styles.js"),getAttr=require("./common/main/getAttr.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),useGpVariants=require("./hooks/useGpVariants.js"),classes$1=require("./common/variants/classes.js"),styles$1=require("./common/variants/styles.js");const ProductVariants=e=>{let{builderProps:t,styles:s,setting:a}=e,{align:r,optionTypo:o,swatchItemWidth:n,dropdownItemWidth:i,swatchSpacing:l,marginBottom:c}=s??{},{label:p,showAsSwatches:u,layout:m,hasPreSelected:d}=a??{},{uid:y}=t??{},x=core.useVariants(),{mode:j,options:g,variantId:f,elementRef:h,variantGroup:w,isChangeVariant:D,selectedOptions:S,isDefaultVariant:v,getVariantConfiguration:V,redirectProductShopifyLink:q}=useGpVariants.useGpVariants(e,x),R=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},C=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=i?.[t]==="fill"}),e},N=()=>{let t=g?.filter(e=>{let t=V(e.name);return!t?.hide});return t?.map((n,i)=>{let j=V(n.name),h=j?j.optionType:n.optionType,w=j?j.presets[j.optionType||"rectangle_list"]?.spacing:l,v=(d||f)&&n.name?S?.[n.name]:void 0,q=system.createClass(classes.getVariantOptionGroupClass(r)),N=system.createStyle(styles.getVariantOptionGroupStyle(l,w)),T=getData.getTextVariantTitleData(e,"React",{optionName:n.name,hasPreSelected:d,selectedOptions:S,styleOptionSelected:h}),A=system.createClass(classes$1.getWrapVariantOptionClass(m,r)),G=i===t.length-1;return jsxRuntime.jsxs("div",{className:A,style:system.createStyle(styles$1.getMarginBottomStyle(c,G)),children:[system.If(p,jsxRuntime.jsx(Text.default,{...T})),jsxRuntime.jsxs("div",{className:q,style:N,children:[u&&core.OptionSpecialStyle.includes(`${h}`)&&n.values.map(e=>{let t=(!!d||!!D||!!f)&&!!n.name&&S?.[n.name]===e.label;return jsxRuntime.jsx(index.default,{variantKey:`${n.id}-${e.id}`,showAsSwatches:u,uid:y,optionName:n.name??"",optionValue:e.label??"",name:n.name,value:e,optionNumber:g.length,optionPosition:i,...s,...a,presetConfiguration:V(n.name),checked:t,typeOfOption:h||"dropdown",swatchAutoWidth:R(),optionTypo:o},e.id)}),system.If(("dropdown"===h||u&&!core.OptionSpecialStyle.includes(`${h}`))&&"radio_buttons"!==h,jsxRuntime.jsx(Dropdown.default,{...s,...a,variants:x,option:n,initValue:v,presetConfiguration:V(n.name),swatchAutoWidth:C(),optionTypo:o,optionPosition:i,optionNumber:g.length}))]})]},n.id)})},T=system.createClass(classes.getWrapDropdownClass(r)),A=getData.getDropdownGroupData(e),G=()=>jsxRuntime.jsx("div",{className:T,children:jsxRuntime.jsx(DropdownGroup.default,{...A})});if(v&&"edit"===j)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Setup options like colors, sizes with product variant.",descriptionActions:[{text:"Add new variant",callback:q},{text:"sync data",callback:"syncProduct"}]});if(v)return;let b=system.createAttr(getAttr.getAttrs({uid:y,hasPreSelected:d})),O=system.createStyle(styles.getWrapperStyle(e)),$=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return jsxRuntime.jsx("div",{ref:h,...b,className:$,style:O,children:system.If(w,G(),N())})};exports.default=ProductVariants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js"),index=require("./components/variants/index.js"),Dropdown=require("./components/dropdown-swatches/Dropdown.js"),DropdownGroup=require("./components/dropdown-group/DropdownGroup.js"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/main/styles.js"),getAttr=require("./common/main/getAttr.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),useGpVariants=require("./hooks/useGpVariants.js"),classes$1=require("./common/variants/classes.js"),styles$1=require("./common/variants/styles.js");const ProductVariants=e=>{let{t}=core.useI18nStore(),{builderProps:s,styles:a,setting:r}=e,{align:o,optionTypo:n,swatchItemWidth:i,dropdownItemWidth:l,swatchSpacing:c,marginBottom:p}=a??{},{label:u,showAsSwatches:m,layout:d,hasPreSelected:y}=r??{},{uid:x}=s??{},j=core.useVariants(),{mode:g,options:f,variantId:h,elementRef:w,variantGroup:D,isChangeVariant:S,selectedOptions:v,isDefaultVariant:V,getVariantConfiguration:q,redirectProductShopifyLink:R}=useGpVariants.useGpVariants(e,j),C=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(i,t);e[t]="auto"===s}),e},N=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=l?.[t]==="fill"}),e},T=()=>{let t=f?.filter(e=>{let t=q(e.name);return!t?.hide});return t?.map((s,i)=>{let l=q(s.name),g=l?l.optionType:s.optionType,w=l?l.presets[l.optionType||"rectangle_list"]?.spacing:c,D=(y||h)&&s.name?v?.[s.name]:void 0,V=system.createClass(classes.getVariantOptionGroupClass(o)),R=system.createStyle(styles.getVariantOptionGroupStyle(c,w)),T=getData.getTextVariantTitleData(e,"React",{optionName:s.name,hasPreSelected:y,selectedOptions:v,styleOptionSelected:g}),A=system.createClass(classes$1.getWrapVariantOptionClass(d,o)),G=i===t.length-1;return jsxRuntime.jsxs("div",{className:A,style:system.createStyle(styles$1.getMarginBottomStyle(p,G)),children:[system.If(u,jsxRuntime.jsx(Text.default,{...T})),jsxRuntime.jsxs("div",{className:V,style:R,children:[m&&core.OptionSpecialStyle.includes(`${g}`)&&s.values.map(e=>{let t=(!!y||!!S||!!h)&&!!s.name&&v?.[s.name]===e.label;return jsxRuntime.jsx(index.default,{variantKey:`${s.id}-${e.id}`,showAsSwatches:m,uid:x,optionName:s.name??"",optionValue:e.label??"",name:s.name,value:e,optionNumber:f.length,optionPosition:i,...a,...r,presetConfiguration:q(s.name),checked:t,typeOfOption:g||"dropdown",swatchAutoWidth:C(),optionTypo:n},e.id)}),system.If(("dropdown"===g||m&&!core.OptionSpecialStyle.includes(`${g}`))&&"radio_buttons"!==g,jsxRuntime.jsx(Dropdown.default,{...a,...r,variants:j,option:s,initValue:D,presetConfiguration:q(s.name),swatchAutoWidth:N(),optionTypo:n,optionPosition:i,optionNumber:f.length}))]})]},s.id)})},A=system.createClass(classes.getWrapDropdownClass(o)),G=getData.getDropdownGroupData(e),b=()=>jsxRuntime.jsx("div",{className:A,children:jsxRuntime.jsx(DropdownGroup.default,{...G})});if(V&&"edit"===g)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:t("Setup options like colors, sizes with product variant."),descriptionActions:[{text:t("Add new variant"),callback:R},{text:t("sync data"),callback:"syncProduct"}]});if(V)return;let O=system.createAttr(getAttr.getAttrs({uid:x,hasPreSelected:y})),$=system.createStyle(styles.getWrapperStyle(e)),k=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return jsxRuntime.jsx("div",{ref:w,...O,className:k,style:$,children:system.If(D,b(),T())})};exports.default=ProductVariants;

package/dist/cjs/product/settings/ProductImages.js CHANGED Viewed

@@ -6,7 +6,7 @@
               <rect width="32" height="32" rx="16" fill="white"/>
               <path d="M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z" fill="black"/>
               </svg>
-              `},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0}]}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Featured Image",controls:[{id:"ftAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"ftCustomAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"ftLayout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"ftFullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftWidth",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"ftWidthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("80%")},{id:"ftAlign",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("center")}]},{id:"galleryStyles",type:"group",label:"Gallery",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"fullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"widthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],devices:getDefaultResponsive("20%")},{id:"height",type:"input:unit",label:"Height",units:["px"],emptyOnClear:!0,placeholder:"Auto",devices:{desktop:{default:void 0},mobile:{default:void 0},tablet:{default:void 0}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex"},{label:"Center",value:"center",type:"align-flex"},{label:"End",value:"flex-end",type:"align-flex"}],devices:getDefaultResponsive("flex-start")},{id:"position",label:"Layout",type:"layout-segment",options:[{label:"Bottom",value:"bottom-left",type:"box-align"},{label:"Bottom",value:"bottom-center",type:"box-align"},{label:"Left",value:"left",type:"box-align"},{label:"Right",value:"right",type:"box-align"}],devices:{desktop:{default:"bottom-left"}}},{id:"gallerySpacing",label:"Gallery Spacing",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}},{id:"spacing",label:"Spacing Item",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}}]},{id:"verticalLayout",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!1)},{id:"verticalLayoutRow",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!0)},{id:"dotColor",type:"colorpicker",label:"Dot color",hide:!0,devices:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",type:"colorpicker",label:"Dot color active",hide:!0,devices:{desktop:{default:"line-3"}}}]}],ui:[{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Featured image"},options:{label:"large"},setting:{id:"featureImageVisible"}},{type:"control",label:{en:"Hover effect"},condition:"featureImageVisible == true",setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom type"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoomType"}},{type:"control",label:{en:"Zoom value"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoom"}},{type:"control",label:{en:"Other image"},condition:'featureImageVisible == true && hoverEffect == "other"',setting:{id:"otherImage"}},{type:"control",label:{en:"Click effect"},condition:"featureImageVisible == true",setting:{id:"clickEffect"}},{type:"control",label:{en:"Ratio"},condition:"featureImageVisible == true",setting:{id:"ftAspectRatio"}},{type:"control",condition:'ftAspectRatio == "custom" && featureImageVisible == true',setting:{id:"ftCustomAspectRadio"}},{type:"control",condition:"featureImageVisible == true",label:{en:"Image scale"},setting:{id:"ftLayout"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "bottom-left" || position == "bottom-center" || galleryVisible == false)',setting:{id:"ftWidth"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "left" || position == "right") && galleryVisible == true',setting:{id:"ftWidthHorizontalLayout"}}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Gallery image"},options:{label:"large"},setting:{id:"galleryVisible"}},{type:"control",label:{en:"Layout"},layout:"vertical",condition:"galleryVisible == true",setting:{id:"position"}},{type:"control",label:{en:"Display type"},condition:'galleryVisible == true && position !== "left" && position !== "right"',setting:{id:"type"}},{type:"control",label:{en:"Item per line"},condition:'galleryVisible == true && type == "images" && position !== "left" && position !== "right"',setting:{id:"numberPerRow"}},{type:"control",label:{en:"Item per slide"},condition:'galleryVisible == true && type == "slider" && position !== "left" && position !== "right"',setting:{id:"slidesToShow"}},{type:"control",label:{en:"Active status"},condition:"galleryVisible == true",setting:{id:"showActiveStatus"}},{type:"control",label:{en:"Click effect"},condition:"galleryVisible == true",setting:{id:"largeViewInPopup"}},{type:"control",label:{en:"Drag to scroll"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"dragToScroll"}},{type:"control",label:{en:"Loop"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"loop"}},{type:"control",label:{en:"Next & previous"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"arrow"}},{type:"control",label:{en:"Position"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"controlOverContent"}},{type:"control",layout:"vertical",condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"arrowIcon"}},{type:"control",label:{en:"Ratio"},condition:"galleryVisible == true",setting:{id:"aspectRatio"}},{type:"control",condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Aspect height"},condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"aspectHeight"}},{type:"control",label:{en:"Image scale"},condition:"galleryVisible == true",setting:{id:"layout"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "bottom-left" || position == "bottom-center" || featureImageVisible == false)',setting:{id:"width"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "left" || position == "right") && featureImageVisible == true',setting:{id:"widthHorizontalLayout"}},{type:"control",label:{en:"Height"},condition:'galleryVisible == true && type == "slider"',setting:{id:"height"}},{type:"control",label:{en:"Spacing"},condition:"galleryVisible == true",setting:{id:"gallerySpacing"}},{type:"control",label:{en:"Item spacing"},condition:"galleryVisible == true",setting:{id:"spacing"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"product-image",name:{en:"Product Images"},icon:{desktop:`
+              `},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0}]}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Featured Image",controls:[{id:"ftAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"ftCustomAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"ftLayout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"ftFullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftWidth",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"ftWidthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("80%")},{id:"ftAlign",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("center")}]},{id:"galleryStyles",type:"group",label:"Gallery",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"fullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"widthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],devices:getDefaultResponsive("20%")},{id:"height",type:"input:unit",label:"Height",units:["px"],emptyOnClear:!0,placeholder:"Auto",devices:{desktop:{default:void 0},mobile:{default:void 0},tablet:{default:void 0}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex"},{label:"Center",value:"center",type:"align-flex"},{label:"End",value:"flex-end",type:"align-flex"}],devices:getDefaultResponsive("flex-start")},{id:"position",label:"Layout",type:"layout-segment",options:[{label:"Bottom",value:"bottom-left",type:"box-align"},{label:"Bottom",value:"bottom-center",type:"box-align"},{label:"Left",value:"left",type:"box-align"},{label:"Right",value:"right",type:"box-align"}],devices:{desktop:{default:"bottom-left"}}},{id:"gallerySpacing",label:"Gallery Spacing",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}},{id:"spacing",label:"Spacing Item",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}}]},{id:"verticalLayout",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!1)},{id:"verticalLayoutRow",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!0)},{id:"dotColor",type:"colorpicker",label:"Dot color",hide:!0,devices:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",type:"colorpicker",label:"Dot color active",hide:!0,devices:{desktop:{default:"line-3"}}}]}],ui:[{type:"group",controls:[{type:"control",label:{en:"Featured image"},options:{label:"large"},setting:{id:"featureImageVisible"}},{type:"control",label:{en:"Hover effect"},condition:"featureImageVisible == true",setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom type"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoomType"}},{type:"control",label:{en:"Zoom value"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoom"}},{type:"control",label:{en:"Other image"},condition:'featureImageVisible == true && hoverEffect == "other"',setting:{id:"otherImage"}},{type:"control",label:{en:"Click effect"},condition:"featureImageVisible == true",setting:{id:"clickEffect"}},{type:"control",label:{en:"Ratio"},condition:"featureImageVisible == true",setting:{id:"ftAspectRatio"}},{type:"control",condition:'ftAspectRatio == "custom" && featureImageVisible == true',setting:{id:"ftCustomAspectRadio"}},{type:"control",condition:"featureImageVisible == true",label:{en:"Image scale"},setting:{id:"ftLayout"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "bottom-left" || position == "bottom-center" || galleryVisible == false)',setting:{id:"ftWidth"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "left" || position == "right") && galleryVisible == true',setting:{id:"ftWidthHorizontalLayout"}}]},{type:"group",controls:[{type:"control",label:{en:"Gallery image"},options:{label:"large"},setting:{id:"galleryVisible"}},{type:"control",label:{en:"Layout"},layout:"vertical",condition:"galleryVisible == true",setting:{id:"position"}},{type:"control",label:{en:"Display type"},condition:'galleryVisible == true && position !== "left" && position !== "right"',setting:{id:"type"}},{type:"control",label:{en:"Item per line"},condition:'galleryVisible == true && type == "images" && position !== "left" && position !== "right"',setting:{id:"numberPerRow"}},{type:"control",label:{en:"Item per slide"},condition:'galleryVisible == true && type == "slider" && position !== "left" && position !== "right"',setting:{id:"slidesToShow"}},{type:"control",label:{en:"Active status"},condition:"galleryVisible == true",setting:{id:"showActiveStatus"}},{type:"control",label:{en:"Click effect"},condition:"galleryVisible == true",setting:{id:"largeViewInPopup"}},{type:"control",label:{en:"Drag to scroll"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"dragToScroll"}},{type:"control",label:{en:"Loop"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"loop"}},{type:"control",label:{en:"Next & previous"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"arrow"}},{type:"control",label:{en:"Position"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"controlOverContent"}},{type:"control",layout:"vertical",condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"arrowIcon"}},{type:"control",label:{en:"Ratio"},condition:"galleryVisible == true",setting:{id:"aspectRatio"}},{type:"control",condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Aspect height"},condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"aspectHeight"}},{type:"control",label:{en:"Image scale"},condition:"galleryVisible == true",setting:{id:"layout"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "bottom-left" || position == "bottom-center" || featureImageVisible == false)',setting:{id:"width"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "left" || position == "right") && featureImageVisible == true',setting:{id:"widthHorizontalLayout"}},{type:"control",label:{en:"Height"},condition:'galleryVisible == true && type == "slider"',setting:{id:"height"}},{type:"control",label:{en:"Spacing"},condition:"galleryVisible == true",setting:{id:"gallerySpacing"}},{type:"control",label:{en:"Item spacing"},condition:"galleryVisible == true",setting:{id:"spacing"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"product-image",name:"Product Images",icon:{desktop:`
           <svg width="70" height="48" viewBox="0 0 70 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#494949"/>
           <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#494949"/>
@@ -14,7 +14,7 @@
           <rect x="14" width="56" height="48" rx="3" fill="#494949"/>
           <path d="M34.5 18.766L39.495 17.0288C39.495 17.0288 40.1024 18.4454 42.005 18.4454C43.9076 18.4454 44.5083 17 44.5083 17L49.5 18.766L48.6692 23.1222H46.1642V31H37.825V23.1196H35.3325L34.5 18.766Z" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"ProductImages",styles:{position:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical",name:{en:"Product Images"},icon:{desktop:`
+        `},components:[{tag:"ProductImages",styles:{position:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical",name:"Product Images",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="24.5" width="47" height="34" rx="3" fill="#494949"/>
           <path d="M40.5 11.766L45.495 10.0288C45.495 10.0288 46.1024 11.4454 48.005 11.4454C49.9076 11.4454 50.5083 10 50.5083 10L55.5 11.766L54.6692 16.1222H52.1642V24H43.825V16.1196H41.3325L40.5 11.766Z" fill="#D6D6D6"/>

package/dist/cjs/product/settings/dynamic-checkout/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const DynamicCheckoutPresets=[{id:"product-dynamic-button",name:{en:"Dynamic Checkout"},icon:{desktop:`
+"use strict";const DynamicCheckoutPresets=[{id:"product-dynamic-button",name:"Dynamic Checkout",icon:{desktop:`
      <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect y="6" width="96" height="36" rx="3" fill="#424242"/>
 <path d="M24.7873 28V19.2727H27.8384C28.4464 19.2727 28.9478 19.3778 29.3427 19.5881C29.7376 19.7955 30.0316 20.0753 30.2248 20.4276C30.418 20.777 30.5146 21.1648 30.5146 21.5909C30.5146 21.9659 30.4478 22.2756 30.3143 22.5199C30.1836 22.7642 30.0103 22.9574 29.7944 23.0994C29.5813 23.2415 29.3498 23.3466 29.0998 23.4148V23.5C29.3668 23.517 29.6353 23.6108 29.9052 23.7812C30.1751 23.9517 30.4009 24.196 30.5827 24.5142C30.7646 24.8324 30.8555 25.2216 30.8555 25.6818C30.8555 26.1193 30.756 26.5128 30.5572 26.8622C30.3583 27.2116 30.0444 27.4886 29.6154 27.6932C29.1864 27.8977 28.6282 28 27.9407 28H24.7873ZM25.8441 27.0625H27.9407C28.631 27.0625 29.1211 26.929 29.4109 26.6619C29.7035 26.392 29.8498 26.0653 29.8498 25.6818C29.8498 25.3864 29.7745 25.1136 29.6239 24.8636C29.4734 24.6108 29.2589 24.4091 28.9805 24.2585C28.7021 24.1051 28.3725 24.0284 27.9918 24.0284H25.8441V27.0625ZM25.8441 23.108H27.8043C28.1225 23.108 28.4094 23.0455 28.6651 22.9205C28.9237 22.7955 29.1282 22.6193 29.2788 22.392C29.4322 22.1648 29.5089 21.8977 29.5089 21.5909C29.5089 21.2074 29.3754 20.8821 29.1083 20.6151C28.8413 20.3452 28.418 20.2102 27.8384 20.2102H25.8441V23.108ZM36.5806 25.3239V21.4545H37.5863V28H36.5806V26.892H36.5124C36.359 27.2244 36.1204 27.5071 35.7965 27.7401C35.4727 27.9702 35.0636 28.0852 34.5692 28.0852C34.1602 28.0852 33.7965 27.9957 33.4783 27.8168C33.1602 27.6349 32.9102 27.3622 32.7283 26.9986C32.5465 26.6321 32.4556 26.1705 32.4556 25.6136V21.4545H33.4613V25.5455C33.4613 26.0227 33.5948 26.4034 33.8619 26.6875C34.1317 26.9716 34.4755 27.1136 34.8931 27.1136C35.1431 27.1136 35.3974 27.0497 35.6559 26.9219C35.9173 26.794 36.136 26.598 36.3121 26.3338C36.4911 26.0696 36.5806 25.733 36.5806 25.3239ZM40.076 30.4545C39.9055 30.4545 39.7536 30.4403 39.62 30.4119C39.4865 30.3864 39.3942 30.3608 39.343 30.3352L39.5987 29.4489C39.843 29.5114 40.0589 29.5341 40.2464 29.517C40.4339 29.5 40.6001 29.4162 40.745 29.2656C40.8928 29.1179 41.0277 28.8778 41.1499 28.5455L41.3374 28.0341L38.9169 21.4545H40.0078L41.8146 26.6705H41.8828L43.6896 21.4545H44.7805L42.0021 28.9545C41.8771 29.2926 41.7223 29.5724 41.5376 29.794C41.353 30.0185 41.1385 30.1847 40.8942 30.2926C40.6527 30.4006 40.38 30.4545 40.076 30.4545ZM50.4886 24.0625V28H49.483V21.4545H50.4545V22.4773H50.5398C50.6932 22.1449 50.9261 21.8778 51.2386 21.6761C51.5511 21.4716 51.9545 21.3693 52.4489 21.3693C52.892 21.3693 53.2798 21.4602 53.6122 21.642C53.9446 21.821 54.2031 22.0938 54.3878 22.4602C54.5724 22.8239 54.6648 23.2841 54.6648 23.8409V28H53.6591V23.9091C53.6591 23.3949 53.5256 22.9943 53.2585 22.7074C52.9915 22.4176 52.625 22.2727 52.1591 22.2727C51.8381 22.2727 51.5511 22.3423 51.2983 22.4815C51.0483 22.6207 50.8509 22.8239 50.706 23.0909C50.5611 23.358 50.4886 23.6818 50.4886 24.0625ZM59.1616 28.1364C58.5707 28.1364 58.0522 27.9957 57.6062 27.7145C57.163 27.4332 56.8164 27.0398 56.5664 26.5341C56.3192 26.0284 56.1957 25.4375 56.1957 24.7614C56.1957 24.0795 56.3192 23.4844 56.5664 22.9759C56.8164 22.4673 57.163 22.0724 57.6062 21.7912C58.0522 21.5099 58.5707 21.3693 59.1616 21.3693C59.7525 21.3693 60.2695 21.5099 60.7127 21.7912C61.1587 22.0724 61.5053 22.4673 61.7525 22.9759C62.0025 23.4844 62.1275 24.0795 62.1275 24.7614C62.1275 25.4375 62.0025 26.0284 61.7525 26.5341C61.5053 27.0398 61.1587 27.4332 60.7127 27.7145C60.2695 27.9957 59.7525 28.1364 59.1616 28.1364ZM59.1616 27.233C59.6104 27.233 59.9798 27.1179 60.2695 26.8878C60.5593 26.6577 60.7738 26.3551 60.913 25.9801C61.0522 25.6051 61.1218 25.1989 61.1218 24.7614C61.1218 24.3239 61.0522 23.9162 60.913 23.5384C60.7738 23.1605 60.5593 22.8551 60.2695 22.6222C59.9798 22.3892 59.6104 22.2727 59.1616 22.2727C58.7127 22.2727 58.3434 22.3892 58.0536 22.6222C57.7638 22.8551 57.5494 23.1605 57.4102 23.5384C57.271 23.9162 57.2013 24.3239 57.2013 24.7614C57.2013 25.1989 57.271 25.6051 57.4102 25.9801C57.5494 26.3551 57.7638 26.6577 58.0536 26.8878C58.3434 27.1179 58.7127 27.233 59.1616 27.233ZM64.9229 28L62.9286 21.4545H63.9854L65.4002 26.4659H65.4684L66.8661 21.4545H67.94L69.3207 26.4489H69.3888L70.8036 21.4545H71.8604L69.8661 28H68.8775L67.4457 22.9716H67.3434L65.9116 28H64.9229Z" fill="#AAAAAA"/>

package/dist/cjs/product/settings/dynamic-checkout/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:~~{en:~~"Size"},controls:[{id:"Width",label:~~{en:~~"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",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:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:~~{en:~~"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:~~{en:~~"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:~~{en:~~"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:~~{en:~~"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Text"},controls:[{id:"typo",label:~~{en:~~"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:~~{en:~~"Hover"},setting:{id:"enableHoverEffect"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:~~{en:~~"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:~~{en:~~"Text"},controls:[{label:~~{en:~~"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:~~{en:~~"Shape"},controls:[{label:~~{en:~~"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",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:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/product/settings/product/configs/product-presets/product-1-col.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";const product1Col={id:"product-1-col",name:{en:"Product"},icon:{desktop:`
+"use strict";const product1Col={id:"product-1-col",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>

package/dist/cjs/product/settings/product/configs/product-presets/product-2-col.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
+"use strict";const product2Col={id:"product-2-col",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>
@@ -8,7 +8,7 @@
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>

package/dist/cjs/product/settings/product/configs/product-presets/product-default.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
+"use strict";const productDefault={id:"product",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>
@@ -9,7 +9,7 @@
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>

package/dist/cjs/product/settings/product/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:~~{en:~~"Layout"},controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:~~{en:~~"Product source"},controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:~~{en:~~"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:~~{en:~~"Gap"},setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:~~{en:~~"Gap"},conditionDisplay:"layout.cols.length === 1"},{label:~~{en:~~"Gap"},setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:~~{en:~~"Size"},controls:[{setting:{id:"width"},label:~~{en:~~"Width"},layout:"horizontal"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:~~{en:~~"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Border"},setting:{id:"border",state:"normal"}},{label:~~{en:~~"Corner"},setting:{id:"rounded",state:"normal"}},{label:~~{en:~~"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:~~{en:~~"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:~~{en:~~"Condition"},controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:~~{en:~~"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' \|\| (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:~~{en:~~"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:~~{en:~~"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{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 option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' \|\| (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/product/settings/product-badge/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const ProductBadgePreset=[{id:"product-badge",name:{en:"Product Badge"},icon:{desktop:`
+"use strict";const ProductBadgePreset=[{id:"product-badge",name:"Product Badge",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect x="23" width="48" height="48" rx="3" fill="#424242"/>
         <path d="M39.5 18.766L44.495 17.0288C44.495 17.0288 45.1024 18.4454 47.005 18.4454C48.9076 18.4454 49.5083 17 49.5083 17L54.5 18.766L53.6692 23.1222H51.1642V31H42.825V23.1196H40.3325L39.5 18.766Z" fill="#757575"/>

package/dist/cjs/product/settings/product-badge/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:~~{en:~~"Style"},controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:~~{en:~~"Style"},controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Image"},conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:~~{en:~~"Image"},setting:{id:"image"}}]},{label:~~{en:~~"Text"},conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:~~{en:~~"Content"},label:~~{en:~~"Content"},layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:~~{en:~~"Content"},layout:"vertical",setting:{id:"displayContent"}},{~~label:{en:""},~~layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",~~label:{en:"Basic"},~~setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Badge style"},conditionDisplay:'contentType == "text"',controls:[{label:~~{en:~~"Color"},setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:~~{en:~~"Border"},setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:~~{en:~~"Corner"},setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:~~{en:~~"Shadow"},setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:~~{en:~~"Image style"},conditionDisplay:'contentType == "image"',controls:[{label:~~{en:~~"Border"},setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:~~{en:~~"Corner"},setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:~~{en:~~"Shadow"},setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:~~{en:~~"Size"},conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:~~{en:~~"Size"},conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:~~{en:~~"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:~~{en:~~"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:~~{en:~~"Position"},controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/product/settings/product-button/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const ProductButtonPresets=[{id:"product-button",name:{en:"Add to Cart"},icon:{desktop:`
+"use strict";const ProductButtonPresets=[{id:"product-button",name:"Add to Cart",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect y="6" width="96" height="36" rx="3" fill="#424242"/>
 <path d="M19.2048 19.3418H12.1421C11.407 19.3418 10.9232 20.1083 11.2393 20.7719L12.5165 23.4527C12.6824 23.8009 13.0337 24.0226 13.4193 24.0226H17.7297C18.0943 24.0226 18.43 23.8241 18.6058 23.5047L20.0809 20.8239C20.4476 20.1574 19.9655 19.3418 19.2048 19.3418Z" stroke="#AAAAAA"/>

package/dist/cjs/product/settings/product-button/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:{en:"Icon"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Separator"},setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:{en:"Price"},setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Layout"},conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:{en:"Product price"},conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Product price text style"},isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:{en:"Compare-at"},conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Compare-at text style"},isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:{en:"Opacity"}},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Out of stock state"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"outOfStockLabel"}}]},{label:{en:"Background"},setting:{id:"oosBackgroundV2",state:"normal"}},{label:{en:"Text color"},setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:{en:"Border"},setting:{id:"oosBorderV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"oosRoundedV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:{en:"Redirect to"},controls:[{type:"control",label:{en:"After click"},setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:{en:"Message"},conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:{en:"Success"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:{en:"Success message"},controls:[{label:{en:"Content"},options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:{en:"Error"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:{en:"Error message"},controls:[{label:{en:"Source"},setting:{id:"errorType"}},{label:{en:"Add failed"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:{en:"Not select variant"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",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:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;