npm - @gem-sdk/components - Versions diffs - 2.0.0-staging.994 → 2.0.0-staging.996 - Mend

@gem-sdk/components 2.0.0-staging.994 → 2.0.0-staging.996

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 (17) hide show

package/dist/cjs/post-purchase/text/settings/heading/Heading.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var presetsV2=require("./configs/presets-v2.js"),Text=require("../text/Text.js");const headingConfig={...Text.default,tag:"PostPurchaseHeading",label:"Heading",presets:presetsV2.presetsV2,rootOverride:{styles:{...Text.default.rootOverride?.styles,width:{desktop:"~~default~~"}}}};exports.default=headingConfig;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var presetsV2=require("./configs/presets-v2.js"),Text=require("../text/Text.js");const headingConfig={...Text.default,tag:"PostPurchaseHeading",label:"Heading",presets:presetsV2.presetsV2,rootOverride:{styles:{...Text.default.rootOverride?.styles,width:{desktop:"1200px"}}}};exports.default=headingConfig;

package/dist/cjs/post-purchase/text/settings/text/configs/setting-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const settingV2=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"textarea",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}~~,{label:"Default",value:"default",showValue:!0}~~]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];exports.settingV2=settingV2;
1	+ "use strict";const settingV2=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"textarea",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];exports.settingV2=settingV2;

package/dist/cjs/product/components/product-properties/property-select/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var core=require("@gem-sdk/core");const getSelectStyles=e=>{let{fullWidth:t,width:o,height:r,borderInput:l,borderRadius:s,hasShadowInput:c,shadowInput:S}=e??{},a=core.makeStyleResponsive("w",core.makeWidth(o,t)),n=r?core.makeStyleResponsive("h",r):{};return{...a,...n,...core.handleConvertBorderStyle(l),...core.handleConvertBorderWidth(l),...core.handleConvertBorderColor(l),...core.composeRadius(s),...core.getStyleShadowState(S,"box-shadow",c)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:o~~,valueTypography:r,valueTypo:l~~}=e??{},s=core.~~composeTypographyStyle(l,r);return{...core.~~getGlobalColorStateResponsiveStyle("bg",t)~~,...~~core.getGlobalColorStateStyle("c",o)~~,...s~~}};exports.getOptionStyles=getOptionStyles,exports.getSelectStyles=getSelectStyles;
1	+ "use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getSelectStyles=e=>{let{fullWidth:t,width:o,height:l,borderInput:r,borderRadius:c,hasShadowInput:s,shadowInput:b,valueBgColor:g,valueTextColor:a}=e??{},S=core.makeStyleResponsive("w",core.makeWidth(o,t)),i=l?core.makeStyleResponsive("h",l):{};return{...S,...i,...core.handleConvertBorderStyle(r),...core.handleConvertBorderWidth(r),...core.handleConvertBorderColor(r),...core.composeRadius(c),...core.getStyleShadowState(b,"box-shadow",s),...core.getGlobalColorStateResponsiveStyle("bg",g),...core.getGlobalColorStateStyle("c",a)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:o}=e??{},l=core.getGlobalColorStateResponsiveStyle("bg",t),r=core.getGlobalColorStateStyle("c",o),c={"--c":r["--focus-c"]?r["--focus-c"]:r["--c"],"--bg":l["--focus-bg"]?l["--focus-bg"]:l["--bg"],"--bg-tablet":l["--focus-bg-tablet"]?l["--focus-bg-tablet"]:l["--bg-tablet"],"--bg-mobile":l["--focus-bg-mobile"]?l["--focus-bg-mobile"]:l["--bg-mobile"]};return helpers.filterTruthyObject(c)};exports.getOptionStyles=getOptionStyles,exports.getSelectStyles=getSelectStyles;

package/dist/cjs/product/components/product-quantity/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var core=require("@gem-sdk/core");const addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),getDividerWidth=(e,t)=>{if(!e)return{};let o=addPxToValues(e),r={...core.makeStyleState("brw",o),...core.makeStyleState("blw",o)};return t?r:{...core.filterHoverVariables(r)}},getDividerColorStyle=(e,t)=>{if(!e)return{};let o={...core.~~makeStyleState~~("brc",e),...core.~~makeStyleState~~("blc",e)},r=Object.fromEntries(Object.entries(o).filter(([e,t])=>void 0!==t));return t?r:core.filterHoverVariables(r)},getInputBorderRadius=({qtyStyle:e,corner:t})=>"minimalist"!==e?{}:{...core.composeRadius({...getDeviceRadius("desktop","mixed",t),...getDeviceRadius("tablet","mixed",t),...getDeviceRadius("mobile","mixed",t)})},getInputStyle=e=>{let{styles:t,setting:o}=e,{borderBtn:r,inputBackgroundColor:l,textColor:a,dividerColor:i,dividerStroke:d,corner:s,inputBoxShadow:b}=t??{},{qtyStyle:n}=o??{},p=core.composeTypographyStyle(t?.typo,t?.typography),c=getDividerWidth(d,o?.enableHoverInput),S=getDividerColorStyle(i,o?.enableHoverInput),v=core.getResponsiveStyleShadow(b,"box-shadow",{desktop:b?.desktop??{},tablet:b?.tablet??b?.desktop??{},mobile:b?.mobile??b?.tablet??b?.desktop??{}}),y={...core.handleConvertBorderStyle(r),...core.handleConvertInputBorderWidth(r,n),...core.handleConvertInputBorderColor(r),...core.getGlobalColorStateStyle("bg",l),...v??{},...core.getGlobalColorStateStyle("c",a)};return{...core.makeStyle({}),...p,...o?.enableHoverInput?y:core.filterHoverVariables(y),..."standard"===n?c:{},...S,...core.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText}),...getInputBorderRadius({qtyStyle:n,corner:s})}},getDeviceRadius=(e,t,o)=>{let r="left"===t\|\|"mixed"===t,l="right"===t\|\|"mixed"===t;return{[e]:{normal:{btlr:r?o?.[e]?.normal?.btlr:void 0,bblr:r?o?.[e]?.normal?.bblr:void 0,btrr:l?o?.[e]?.normal?.btrr:void 0,bbrr:l?o?.[e]?.normal?.bbrr:void 0,radiusType:o?.[e]?.normal?.radiusType??"custom"},hover:{btlr:r?o?.[e]?.hover?.btlr:void 0,bblr:r?o?.[e]?.hover?.bblr:void 0,btrr:l?o?.[e]?.hover?.btrr:void 0,bbrr:l?o?.[e]?.hover?.bbrr:void 0,radiusType:o?.[e]?.hover?.radiusType??"custom"}}}},getButtonStyle=({borderBtn:e,buttonWidth:t,buttonBackgroundColor:o,iconColor:r,corner:l,buttonSide:a,buttonBoxShadow:i,enableHoverButton:d})=>{let s=core.getResponsiveStyleShadow(i,"box-shadow",{desktop:i?.desktop??{},tablet:i?.tablet??i?.desktop??{},mobile:i?.mobile??i?.tablet??i?.desktop??{}}),b={...core.handleConvertBorderStyle(e),...core.handleConvertBorderWidth(e),...core.handleConvertBorderColor(e),...core.getGlobalColorStateStyle("bg",o),...core.getGlobalColorStateStyle("c",r)};return{...core.makeStyleResponsive("w",t),...d?b:core.filterHoverVariables(b),...core.composeRadius({...getDeviceRadius("desktop",a,l),...getDeviceRadius("tablet",a,l),...getDeviceRadius("mobile",a,l)}),...d?s:core.filterHoverVariables(s??{})}},getContainerStyles=({inputHeight:e,align:t})=>({...core.makeStyleResponsive("h",e),...core.makeStyleResponsive("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:t})=>{let o=t?.shapeShadow,r=core.getResponsiveStyleShadow(o,"box-shadow",{desktop:o?.desktop??{},tablet:o?.tablet??o?.desktop??{},mobile:o?.mobile??o?.tablet??o?.desktop??{}});return{...core.getGlobalColorStateStyle("bg",e),...core.makeStyleResponsive("maxw",t?.quantityWidth),...r}};exports.getButtonStyle=getButtonStyle,exports.getContainerStyles=getContainerStyles,exports.getInputStyle=getInputStyle,exports.getWrapperStyles=getWrapperStyles;
1	+ "use strict";var core=require("@gem-sdk/core");const addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),getDividerWidth=(e,t)=>{if(!e)return{};let o=addPxToValues(e),r={...core.makeStyleState("brw",o),...core.makeStyleState("blw",o)};return t?r:{...core.filterHoverVariables(r)}},getDividerColorStyle=(e,t)=>{if(!e)return{};let o={...core.getGlobalColorStateStyle("brc",e),...core.getGlobalColorStateStyle("blc",e)},r=Object.fromEntries(Object.entries(o).filter(([e,t])=>void 0!==t));return t?r:core.filterHoverVariables(r)},getInputBorderRadius=({qtyStyle:e,corner:t})=>"minimalist"!==e?{}:{...core.composeRadius({...getDeviceRadius("desktop","mixed",t),...getDeviceRadius("tablet","mixed",t),...getDeviceRadius("mobile","mixed",t)})},getInputStyle=e=>{let{styles:t,setting:o}=e,{borderBtn:r,inputBackgroundColor:l,textColor:a,dividerColor:i,dividerStroke:d,corner:s,inputBoxShadow:b}=t??{},{qtyStyle:n}=o??{},p=core.composeTypographyStyle(t?.typo,t?.typography),c=getDividerWidth(d,o?.enableHoverInput),S=getDividerColorStyle(i,o?.enableHoverInput),v=core.getResponsiveStyleShadow(b,"box-shadow",{desktop:b?.desktop??{},tablet:b?.tablet??b?.desktop??{},mobile:b?.mobile??b?.tablet??b?.desktop??{}}),y={...core.handleConvertBorderStyle(r),...core.handleConvertInputBorderWidth(r,n),...core.handleConvertInputBorderColor(r),...core.getGlobalColorStateStyle("bg",l),...v??{},...core.getGlobalColorStateStyle("c",{...a,hover:a?.hover??a?.normal})};return{...core.makeStyle({}),...p,...o?.enableHoverInput?y:core.filterHoverVariables(y),..."standard"===n?c:{},...S,...core.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText}),...getInputBorderRadius({qtyStyle:n,corner:s})}},getDeviceRadius=(e,t,o)=>{let r="left"===t\|\|"mixed"===t,l="right"===t\|\|"mixed"===t;return{[e]:{normal:{btlr:r?o?.[e]?.normal?.btlr:void 0,bblr:r?o?.[e]?.normal?.bblr:void 0,btrr:l?o?.[e]?.normal?.btrr:void 0,bbrr:l?o?.[e]?.normal?.bbrr:void 0,radiusType:o?.[e]?.normal?.radiusType??"custom"},hover:{btlr:r?o?.[e]?.hover?.btlr:void 0,bblr:r?o?.[e]?.hover?.bblr:void 0,btrr:l?o?.[e]?.hover?.btrr:void 0,bbrr:l?o?.[e]?.hover?.bbrr:void 0,radiusType:o?.[e]?.hover?.radiusType??"custom"}}}},getButtonStyle=({borderBtn:e,buttonWidth:t,buttonBackgroundColor:o,iconColor:r,corner:l,buttonSide:a,buttonBoxShadow:i,enableHoverButton:d})=>{let s=core.getResponsiveStyleShadow(i,"box-shadow",{desktop:i?.desktop??{},tablet:i?.tablet??i?.desktop??{},mobile:i?.mobile??i?.tablet??i?.desktop??{}}),b={...core.handleConvertBorderStyle(e),...core.handleConvertBorderWidth(e),...core.handleConvertBorderColor(e),...core.getGlobalColorStateStyle("bg",o),...core.getGlobalColorStateStyle("c",r)};return{...core.makeStyleResponsive("w",t),...d?b:core.filterHoverVariables(b),...core.composeRadius({...getDeviceRadius("desktop",a,l),...getDeviceRadius("tablet",a,l),...getDeviceRadius("mobile",a,l)}),...d?s:core.filterHoverVariables(s??{})}},getContainerStyles=({inputHeight:e,align:t})=>({...core.makeStyleResponsive("h",e),...core.makeStyleResponsive("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:t})=>{let o=t?.shapeShadow,r=core.getResponsiveStyleShadow(o,"box-shadow",{desktop:o?.desktop??{},tablet:o?.tablet??o?.desktop??{},mobile:o?.mobile??o?.tablet??o?.desktop??{}});return{...core.getGlobalColorStateStyle("bg",e),...core.makeStyleResponsive("maxw",t?.quantityWidth),...r}};exports.getButtonStyle=getButtonStyle,exports.getContainerStyles=getContainerStyles,exports.getInputStyle=getInputStyle,exports.getWrapperStyles=getWrapperStyles;

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

	@@ -1 +1 @@
1	- "use strict";const ProductPropertiesSettingsV2=[{id:"setting",controls:[{id:"name",label:"Name (Unique)",type:"input",default:"",info:"Field name must be unique",placeholder:"E.g. Customer name",compoDefaultValue:"Customer Request"},{id:"valueHidden",label:"Content",type:"input",default:"",placeholder:"E.g. Potential Lead",compoDefaultValue:"Potential Lead"},{id:"type",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:{en:"Type"},options:[{label:"Text field",value:"text",type:"p-image-layout",iconName:"gp-input-text"},{label:"Text area",value:"textarea",type:"p-image-layout",iconName:"gp-input-text-area"},{label:"Email field",value:"email",type:"p-image-layout",iconName:"gp-input-email"},{label:"Checkbox",value:"checkbox",type:"p-image-layout",iconName:"gp-input-checkbox"},{label:"Radio button",value:"radio",type:"p-image-layout",iconName:"gp-input-radio-button"},{label:"Dropdown",value:"dropdown",type:"p-image-layout",iconName:"gp-input-dropdown"},{label:"Hidden field",value:"hidden",type:"p-image-layout",iconName:"gp-input-hidden-field"}],default:"text"},{id:"label",label:"Label",type:"input",default:"Label",placeholder:"E.g. Input your name below"},{id:"placeholder",label:"Placeholder",type:"input",default:"Enter your text"},{id:"required",label:"Required Field",type:"toggle",default:!1},{id:"numberOnly",label:"Number Only",type:"toggle",default:!1},{id:"minChar",label:"Min Character (s)",type:"input:slider",maxRelated:"maxChar",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxChar",label:"Max Character (s)",type:"input:slider",minRelated:"minChar",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"minNumber",label:"Min Number Value",type:"input:slider",maxRelated:"maxNumber",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxNumber",label:"Max Number Value",type:"input:slider",minRelated:"minNumber",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"]},{id:"invalidNumberMessage",label:"",type:"textarea",default:"Please enter numbers only"},{id:"invalidEmailMessage",label:"",type:"textarea",default:"Please enter a valid email"},{id:"requiredMessage",label:"",type:"textarea",default:"Please enter or select a value"},{id:"invalidLengthMessage",label:"",type:"textarea",default:"Please enter a value with a valid length"},{id:"translate",type:"input",default:"label,placeholder,childItem,requiredMessage,invalidEmailMessage,invalidNumberMessage,invalidLengthMessage"}]},{id:"style",controls:[{id:"isDisplayLabel",label:"Label",type:"toggle",default:!1},{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"labelBgColor",type:"colorpicker",label:"Background Color"},{id:"valueTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{color:!1,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"fullWidth",type:"toggle",label:"Full Width",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"100%"}},hide:!0},{id:"height",type:"input:unit",label:"Height",emptyOnClear:!0,units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"Auto"}}},{id:"spacing",type:"input:slider",min:0,max:40,units:["px"],default:"0px",ignoreMax:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"valueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{normal:!0,hover:!0,focus:!0,active:!0}},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"}},compoDefaultValue:{normal:{border:"solid",color:"line-2",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"valueBgColor",type:"color-picker-v2",label:"Background Color",devices:{desktop:{default:{normal:"#FFFFFF"~~,hover:"#DDDDDD"~~}}},compoDefaultValue:{desktop:{default:{normal:"#FFFFFF",hover:"#DDDDDD",focus:"bg-2"}}},enableGradient:!0},{id:"hasShadowInput",type:"toggle",label:"Shadow Enable",default:{normal:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",default:{normal:{enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderRadius",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}]}];exports.ProductPropertiesSettingsV2=ProductPropertiesSettingsV2;
1	+ "use strict";const ProductPropertiesSettingsV2=[{id:"setting",controls:[{id:"name",label:"Name (Unique)",type:"input",default:"",info:"Field name must be unique",placeholder:"E.g. Customer name",compoDefaultValue:"Customer Request"},{id:"valueHidden",label:"Content",type:"input",default:"",placeholder:"E.g. Potential Lead",compoDefaultValue:"Potential Lead"},{id:"type",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:{en:"Type"},options:[{label:"Text field",value:"text",type:"p-image-layout",iconName:"gp-input-text"},{label:"Text area",value:"textarea",type:"p-image-layout",iconName:"gp-input-text-area"},{label:"Email field",value:"email",type:"p-image-layout",iconName:"gp-input-email"},{label:"Checkbox",value:"checkbox",type:"p-image-layout",iconName:"gp-input-checkbox"},{label:"Radio button",value:"radio",type:"p-image-layout",iconName:"gp-input-radio-button"},{label:"Dropdown",value:"dropdown",type:"p-image-layout",iconName:"gp-input-dropdown"},{label:"Hidden field",value:"hidden",type:"p-image-layout",iconName:"gp-input-hidden-field"}],default:"text"},{id:"label",label:"Label",type:"input",default:"Label",placeholder:"E.g. Input your name below"},{id:"placeholder",label:"Placeholder",type:"input",default:"Enter your text"},{id:"required",label:"Required Field",type:"toggle",default:!1},{id:"numberOnly",label:"Number Only",type:"toggle",default:!1},{id:"minChar",label:"Min Character (s)",type:"input:slider",maxRelated:"maxChar",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxChar",label:"Max Character (s)",type:"input:slider",minRelated:"minChar",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"minNumber",label:"Min Number Value",type:"input:slider",maxRelated:"maxNumber",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxNumber",label:"Max Number Value",type:"input:slider",minRelated:"minNumber",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"]},{id:"invalidNumberMessage",label:"",type:"textarea",default:"Please enter numbers only"},{id:"invalidEmailMessage",label:"",type:"textarea",default:"Please enter a valid email"},{id:"requiredMessage",label:"",type:"textarea",default:"Please enter or select a value"},{id:"invalidLengthMessage",label:"",type:"textarea",default:"Please enter a value with a valid length"},{id:"translate",type:"input",default:"label,placeholder,childItem,requiredMessage,invalidEmailMessage,invalidNumberMessage,invalidLengthMessage"}]},{id:"style",controls:[{id:"isDisplayLabel",label:"Label",type:"toggle",default:!1},{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"labelBgColor",type:"colorpicker",label:"Background Color"},{id:"valueTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{color:!1,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"fullWidth",type:"toggle",label:"Full Width",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"100%"}},hide:!0},{id:"height",type:"input:unit",label:"Height",emptyOnClear:!0,units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"Auto"}}},{id:"spacing",type:"input:slider",min:0,max:40,units:["px"],default:"0px",ignoreMax:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"valueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{normal:!0,hover:!0,focus:!0,active:!0}},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"}},compoDefaultValue:{normal:{border:"solid",color:"line-2",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"valueBgColor",type:"color-picker-v2",label:"Background Color",devices:{desktop:{default:{normal:"#FFFFFF"}}},compoDefaultValue:{desktop:{default:{normal:"#FFFFFF",hover:"#DDDDDD",focus:"bg-2"}}},enableGradient:!0},{id:"hasShadowInput",type:"toggle",label:"Shadow Enable",default:{normal:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",default:{normal:{enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderRadius",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}]}];exports.ProductPropertiesSettingsV2=ProductPropertiesSettingsV2;

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

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},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:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},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:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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-quantity/configs/settings.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use strict";const ProductQuantitySettings=[{id:"setting",controls:[{id:"updatePrice",label:"Update price",type:"toggle",default:!0},{id:"qtyStyle",type:"option:value",label:"Style",options:[{label:"Default",value:"standard"},{label:"Simple",value:"minimalist"}],default:"standard"},{id:"hasButton",label:"Button",type:"toggle",default:!0},{id:"defaultQtyValue",label:"Text",type:"input:stepper",min:1,default:1},{id:"plusIcon",type:"icon",isHideClear:!0,customLabel:"Plus",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" data-name="plus-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817698760687976">
               <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"></path></svg>`},{id:"minusIcon",type:"icon",isHideClear:!0,customLabel:"Minus",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" data-name="minus-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817690725712232">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg>`},{id:"enableHoverInput",label:"Enable hover input",type:"toggle",default:!0},{id:"enableHoverButton",label:"Enable hover input",type:"toggle",default:!0}]},{id:"style",controls:[{id:"quantityLayout",label:"Style",type:"layout-selector",popoverLabel:{en:"Style"},iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Square",value:"product-quantity-square",type:"p-quantity-layout",iconName:"gp-product-quantity-square"},{label:"Square with divider",value:"product-quantity-square-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-square-divider"},{label:"Rounded",value:"product-quantity-rounded",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded"},{label:"Rounded with divider",value:"product-quantity-rounded-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-divider"},{label:"Square input only",value:"product-quantity-square-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-square-input-only"},{label:"Rounded input only",value:"product-quantity-rounded-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-input-only"}],default:"product-quantity-square"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"quantityWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"160px"}}},{id:"inputHeight",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"buttonWidth",type:"dropdown:input",label:"Button Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"iconSizeCustom",type:"input:stepper",includeUnit:"px",min:1,devices:{desktop:{default:"16px"}}}]},{id:"inputStyle",type:"group",label:"Input Style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"14px"},lineHeight:{desktop:"120%",tablet:"180%",mobile:"180%"},fontWeight:"400",fontFamily:{value:"Assistant",type:"google"},hasShadowText:!1,textShadow:{enable:!1}}},ignoreReRender:!0,hiddenSetting:{transform:!0,textAlign:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"button-behavior-state",type:"behavior-state",label:"Button Style",hide:!0,controls:[{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"inputBackgroundColor",type:"color-picker-v2",label:"Background Color",state:{hover:!0,normal:!0},compoDefaultValue:{normal:"highlight",hover:"highlight"},enableGradient:!0},{id:"buttonBackgroundColor",type:"color-picker-v2",label:"Button Background Color",state:{hover:!0,normal:!0},enableGradient:!0,compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"iconColor",type:"color-picker-v2",label:"Icon Color",default:{normal:"#121212"},state:{hover:!0,normal:!0},enableGradient:!0}]},{id:"borderBtn",label:"Border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"}}}},state:{hover:!0,normal:!0}},{id:"corner",label:"Corner",type:"corner-v2",devices:{desktop:{default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}},{id:"shapeShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}}},{id:"buttonBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"inputBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#FFFFFF"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerColor",type:"color-picker-v2",label:"Divider Color",default:{normal:void 0},compoDefaultValue:{normal:"line-3"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerStroke",label:"Text",type:"input:stepper",min:1,default:{normal:1,hover:1},state:{hover:!0,normal:!0}}]}];exports.ProductQuantitySettings=ProductQuantitySettings;
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg>`},{id:"enableHoverInput",label:"Enable hover input",type:"toggle",default:!1},{id:"enableHoverButton",label:"Enable hover input",type:"toggle",default:!1}]},{id:"style",controls:[{id:"quantityLayout",label:"Style",type:"layout-selector",popoverLabel:{en:"Style"},iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Square",value:"product-quantity-square",type:"p-quantity-layout",iconName:"gp-product-quantity-square"},{label:"Square with divider",value:"product-quantity-square-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-square-divider"},{label:"Rounded",value:"product-quantity-rounded",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded"},{label:"Rounded with divider",value:"product-quantity-rounded-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-divider"},{label:"Square input only",value:"product-quantity-square-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-square-input-only"},{label:"Rounded input only",value:"product-quantity-rounded-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-input-only"}],default:"product-quantity-square"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"quantityWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"160px"}}},{id:"inputHeight",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"buttonWidth",type:"dropdown:input",label:"Button Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"iconSizeCustom",type:"input:stepper",includeUnit:"px",min:1,devices:{desktop:{default:"16px"}}}]},{id:"inputStyle",type:"group",label:"Input Style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"14px"},lineHeight:{desktop:"120%",tablet:"180%",mobile:"180%"},fontWeight:"400",fontFamily:{value:"Assistant",type:"google"},hasShadowText:!1,textShadow:{enable:!1}}},ignoreReRender:!0,hiddenSetting:{transform:!0,textAlign:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"button-behavior-state",type:"behavior-state",label:"Button Style",hide:!0,controls:[{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{hover:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"inputBackgroundColor",type:"color-picker-v2",label:"Background Color",state:{hover:!0,normal:!0},compoDefaultValue:{normal:"highlight",hover:"highlight"},enableGradient:!0},{id:"buttonBackgroundColor",type:"color-picker-v2",label:"Button Background Color",state:{hover:!0,normal:!0},enableGradient:!0,compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"iconColor",type:"color-picker-v2",label:"Icon Color",default:{normal:"#121212"},compoDefaultValue:{hover:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0}]},{id:"borderBtn",label:"Border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"}}}},state:{hover:!0,normal:!0}},{id:"corner",label:"Corner",type:"corner-v2",devices:{desktop:{default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}},{id:"shapeShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}}},{id:"buttonBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"inputBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#FFFFFF"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerColor",type:"color-picker-v2",label:"Divider Color",default:{normal:void 0},compoDefaultValue:{normal:"line-3"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerStroke",label:"Text",type:"input:stepper",min:1,default:{normal:0,hover:0},state:{hover:!0,normal:!0}}]}];exports.ProductQuantitySettings=ProductQuantitySettings;

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

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{layout:"vertical",setting:{id:"quantityLayout"},controlChangeTrigger:{settings:[{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"1"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"0"},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:"line-3"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:void 0},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!1,groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!0,groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('rounded')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('square')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px"}},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Button"},setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:"hasButton === true",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"!hasButton",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}}]}},{label:{en:"Width"},setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:{en:"Plus icon"},setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Minus icon"},setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:{en:"Icon size"},setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:{en:"Hover effect"},conditionDisplay:"hasButton === true",controls:[{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Shadow"},setting:{id:"buttonBoxShadow",state:"hover"}}]}]}},{label:{en:"Input"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"normal"}},{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{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}}}]},{label:{en:"Divider"},type:"combo",isHideClear:!0,conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"normal"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"normal"}}]},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:{en:"Hover effect"},setting:{id:"enableHoverInput"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{id:"divider-hover",label:{en:"Divider"},type:"combo",iconName:"polaris-edit",getValueFromSettingID:"dividerColor.hover",comboType:"color",compoDefaultValue:"line-3",isHideClear:!0,controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"hover"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"hover"}}],conditionDisplay:"!quantityLayout.includes('input-only')"},{id:"borderBtn",label:{en:"Border"},controlConfig:{id:"borderBtn",type:"border-v2",linkWithSetting:{name:"borderBtn",field:"hover"}},isHideClear:!0,conditionDisplay:"quantityLayout.includes('input-only')"},{label:{en:"Shadow"},setting:{id:"inputBoxShadow",state:"hover"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"quantityWidth"}},{label:{en:"Height"},setting:{id:"inputHeight"}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"normal"},compoDefaultValue:{desktop:{default:{normal:{borderType:"style-1",border:"solid",color:"#212121",width:"1px 1px 1px 1px",borderWidth:"1px"}}}}},{label:{en:"Corner"},setting:{id:"corner",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shapeShadow",state:"normal"}}]},{label:{en:"Display condition"},controls:[{label:{en:"Default quantity"},setting:{id:"defaultQtyValue"}},{label:{en:"Update price"},setting:{id:"updatePrice"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{layout:"vertical",setting:{id:"quantityLayout"},controlChangeTrigger:{settings:[{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"1"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"0"},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:"line-3"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:void 0},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!1,groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!0,groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('rounded')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('square')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px"}},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Button"},setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:"hasButton === true",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"!hasButton",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}}]}},{label:{en:"Width"},setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:{en:"Plus icon"},setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Minus icon"},setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:{en:"Icon size"},setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:{en:"Hover effect"},state:"hover",conditionDisplay:"hasButton === true",controls:[{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Shadow"},setting:{id:"buttonBoxShadow",state:"hover"}}]}]}},{label:{en:"Input"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"normal"}},{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{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}}}]},{label:{en:"Divider"},type:"combo",isHideClear:!0,conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"normal"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"normal"}}]},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:{en:"Hover effect"},setting:{id:"enableHoverInput"},state:"hover",controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{id:"divider-hover",label:{en:"Divider"},type:"combo",iconName:"polaris-edit",getValueFromSettingID:"dividerColor.hover",comboType:"color",compoDefaultValue:"line-3",isHideClear:!0,controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"hover"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"hover"}}],conditionDisplay:"!quantityLayout.includes('input-only') \|\| (quantityLayout.includes('input-only') && hasButton === true)"},{id:"borderBtn",label:{en:"Border"},controlConfig:{id:"borderBtn",type:"border-v2",linkWithSetting:{name:"borderBtn",field:"hover"}},isHideClear:!0,conditionDisplay:"quantityLayout.includes('input-only') && hasButton === false"},{label:{en:"Shadow"},setting:{id:"inputBoxShadow",state:"hover"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"quantityWidth"}},{label:{en:"Height"},setting:{id:"inputHeight"}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"normal"},compoDefaultValue:{desktop:{default:{normal:{borderType:"style-1",border:"solid",color:"#212121",width:"1px 1px 1px 1px",borderWidth:"1px"}}}}},{label:{en:"Corner"},setting:{id:"corner",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shapeShadow",state:"normal"}}]},{label:{en:"Display condition"},controls:[{label:{en:"Default quantity"},setting:{id:"defaultQtyValue"}},{label:{en:"Update price"},setting:{id:"updatePrice"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/esm/post-purchase/text/settings/heading/Heading.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{presetsV2 as e}from"./configs/presets-v2.js";import t from"../text/Text.js";let headingConfig={...t,tag:"PostPurchaseHeading",label:"Heading",presets:e,rootOverride:{styles:{...t.rootOverride?.styles,width:{desktop:"~~default~~"}}}};export{headingConfig as default};
1	+ import{presetsV2 as e}from"./configs/presets-v2.js";import t from"../text/Text.js";let headingConfig={...t,tag:"PostPurchaseHeading",label:"Heading",presets:e,rootOverride:{styles:{...t.rootOverride?.styles,width:{desktop:"1200px"}}}};export{headingConfig as default};

package/dist/esm/post-purchase/text/settings/text/configs/setting-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let settingV2=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"textarea",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}~~,{label:"Default",value:"default",showValue:!0}~~]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];export{settingV2};
1	+ let settingV2=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"textarea",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];export{settingV2};

package/dist/esm/product/components/product-properties/property-select/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as l,handleConvertBorderWidth as o,handleConvertBorderColor as r,composeRadius as g,getStyleShadowState as s,~~composeTypographyStyle as S,~~getGlobalColorStateResponsiveStyle as c,getGlobalColorStateStyle as n}from"@gem-sdk/core";let getSelectStyles=S=>{let{fullWidth:c,width:n,height:p,borderInput:y,borderRadius:i,hasShadowInput:m,shadowInput:b}=S??{},d=e("w",t(n,c)),h=p?e("h",p):{};return{...d,...h,...l(y),...o(y),...r(y),...g(i),...s(b,"box-shadow",m)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:~~l,valueTypography:o,valueTypo:r~~}=e??{},g=S(r,o)~~;return~~{~~...~~c("bg",~~t),...n(~~"c",l)~~,...g~~}};export{getOptionStyles,getSelectStyles};
1	+ import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as b,handleConvertBorderWidth as o,handleConvertBorderColor as g,composeRadius as l,getStyleShadowState as c,getGlobalColorStateResponsiveStyle as s,getGlobalColorStateStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let getSelectStyles=f=>{let{fullWidth:u,width:m,height:i,borderInput:p,borderRadius:S,hasShadowInput:a,shadowInput:n,valueBgColor:y,valueTextColor:h}=f??{},d=e("w",t(m,u)),w=i?e("h",i):{};return{...d,...w,...b(p),...o(p),...g(p),...l(S),...c(n,"box-shadow",a),...s("bg",y),...r("c",h)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:b}=e??{},o=s("bg",t),g=r("c",b),l={"--c":g["--focus-c"]?g["--focus-c"]:g["--c"],"--bg":o["--focus-bg"]?o["--focus-bg"]:o["--bg"],"--bg-tablet":o["--focus-bg-tablet"]?o["--focus-bg-tablet"]:o["--bg-tablet"],"--bg-mobile":o["--focus-bg-mobile"]?o["--focus-bg-mobile"]:o["--bg-mobile"]};return f(l)};export{getOptionStyles,getSelectStyles};

package/dist/esm/product/components/product-quantity/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{composeTypographyStyle as e,getResponsiveStyleShadow as t,handleConvertBorderStyle as r,handleConvertInputBorderWidth as o,handleConvertInputBorderColor as i,getGlobalColorStateStyle as d,makeStyle as l,filterHoverVariables as b,getStyleShadow as a,handleConvertBorderWidth as s,handleConvertBorderColor as p,makeStyleResponsive as n,composeRadius as u,makeStyleState as m}from"@gem-sdk/core";let addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),getDividerWidth=(e,t)=>{if(!e)return{};let r=addPxToValues(e),o={...m("brw",r),...m("blw",r)};return t?o:{...b(o)}},getDividerColorStyle=(e,t)=>{if(!e)return{};let r={...m("brc",e),...m("blc",e)},o=Object.fromEntries(Object.entries(r).filter(([e,t])=>void 0!==t));return t?o:b(o)},getInputBorderRadius=({qtyStyle:e,corner:t})=>"minimalist"!==e?{}:{...u({...getDeviceRadius("desktop","mixed",t),...getDeviceRadius("tablet","mixed",t),...getDeviceRadius("mobile","mixed",t)})},getInputStyle=s=>{let{styles:p,setting:n}=s,{borderBtn:u,inputBackgroundColor:m,textColor:v,dividerColor:g,dividerStroke:h,corner:c,inputBoxShadow:y}=p??{},{qtyStyle:x}=n??{},k=e(p?.typo,p?.typography),S=getDividerWidth(h,n?.enableHoverInput),w=getDividerColorStyle(g,n?.enableHoverInput),D=t(y,"box-shadow",{desktop:y?.desktop??{},tablet:y?.tablet??y?.desktop??{},mobile:y?.mobile??y?.tablet??y?.desktop??{}}),R={...r(u),...o(u,x),...i(u),...d("bg",m),...D??{},...d("c",v)};return{...l({}),...k,...n?.enableHoverInput?R:b(R),..."standard"===x?S:{},...w,...a({value:p?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:p?.typo?.custom?.hasShadowText}),...getInputBorderRadius({qtyStyle:x,corner:c})}},getDeviceRadius=(e,t,r)=>{let o="left"===t\|\|"mixed"===t,i="right"===t\|\|"mixed"===t;return{[e]:{normal:{btlr:o?r?.[e]?.normal?.btlr:void 0,bblr:o?r?.[e]?.normal?.bblr:void 0,btrr:i?r?.[e]?.normal?.btrr:void 0,bbrr:i?r?.[e]?.normal?.bbrr:void 0,radiusType:r?.[e]?.normal?.radiusType??"custom"},hover:{btlr:o?r?.[e]?.hover?.btlr:void 0,bblr:o?r?.[e]?.hover?.bblr:void 0,btrr:i?r?.[e]?.hover?.btrr:void 0,bbrr:i?r?.[e]?.hover?.bbrr:void 0,radiusType:r?.[e]?.hover?.radiusType??"custom"}}}},getButtonStyle=({borderBtn:e,buttonWidth:o,buttonBackgroundColor:i,iconColor:l,corner:a,buttonSide:m,buttonBoxShadow:v,enableHoverButton:g})=>{let h=t(v,"box-shadow",{desktop:v?.desktop??{},tablet:v?.tablet??v?.desktop??{},mobile:v?.mobile??v?.tablet??v?.desktop??{}}),c={...r(e),...s(e),...p(e),...d("bg",i),...d("c",l)};return{...n("w",o),...g?c:b(c),...u({...getDeviceRadius("desktop",m,a),...getDeviceRadius("tablet",m,a),...getDeviceRadius("mobile",m,a)}),...g?h:b(h??{})}},getContainerStyles=({inputHeight:e,align:t})=>({...n("h",e),...n("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:r})=>{let o=r?.shapeShadow,i=t(o,"box-shadow",{desktop:o?.desktop??{},tablet:o?.tablet??o?.desktop??{},mobile:o?.mobile??o?.tablet??o?.desktop??{}});return{...d("bg",e),...n("maxw",r?.quantityWidth),...i}};export{getButtonStyle,getContainerStyles,getInputStyle,getWrapperStyles};
1	+ import{composeTypographyStyle as e,getResponsiveStyleShadow as t,handleConvertBorderStyle as r,handleConvertInputBorderWidth as o,handleConvertInputBorderColor as i,getGlobalColorStateStyle as l,makeStyle as d,filterHoverVariables as a,getStyleShadow as b,handleConvertBorderWidth as s,handleConvertBorderColor as p,makeStyleResponsive as n,composeRadius as u,makeStyleState as m}from"@gem-sdk/core";let addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),getDividerWidth=(e,t)=>{if(!e)return{};let r=addPxToValues(e),o={...m("brw",r),...m("blw",r)};return t?o:{...a(o)}},getDividerColorStyle=(e,t)=>{if(!e)return{};let r={...l("brc",e),...l("blc",e)},o=Object.fromEntries(Object.entries(r).filter(([e,t])=>void 0!==t));return t?o:a(o)},getInputBorderRadius=({qtyStyle:e,corner:t})=>"minimalist"!==e?{}:{...u({...getDeviceRadius("desktop","mixed",t),...getDeviceRadius("tablet","mixed",t),...getDeviceRadius("mobile","mixed",t)})},getInputStyle=s=>{let{styles:p,setting:n}=s,{borderBtn:u,inputBackgroundColor:m,textColor:v,dividerColor:g,dividerStroke:h,corner:c,inputBoxShadow:y}=p??{},{qtyStyle:x}=n??{},k=e(p?.typo,p?.typography),S=getDividerWidth(h,n?.enableHoverInput),w=getDividerColorStyle(g,n?.enableHoverInput),D=t(y,"box-shadow",{desktop:y?.desktop??{},tablet:y?.tablet??y?.desktop??{},mobile:y?.mobile??y?.tablet??y?.desktop??{}}),R={...r(u),...o(u,x),...i(u),...l("bg",m),...D??{},...l("c",{...v,hover:v?.hover??v?.normal})};return{...d({}),...k,...n?.enableHoverInput?R:a(R),..."standard"===x?S:{},...w,...b({value:p?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:p?.typo?.custom?.hasShadowText}),...getInputBorderRadius({qtyStyle:x,corner:c})}},getDeviceRadius=(e,t,r)=>{let o="left"===t\|\|"mixed"===t,i="right"===t\|\|"mixed"===t;return{[e]:{normal:{btlr:o?r?.[e]?.normal?.btlr:void 0,bblr:o?r?.[e]?.normal?.bblr:void 0,btrr:i?r?.[e]?.normal?.btrr:void 0,bbrr:i?r?.[e]?.normal?.bbrr:void 0,radiusType:r?.[e]?.normal?.radiusType??"custom"},hover:{btlr:o?r?.[e]?.hover?.btlr:void 0,bblr:o?r?.[e]?.hover?.bblr:void 0,btrr:i?r?.[e]?.hover?.btrr:void 0,bbrr:i?r?.[e]?.hover?.bbrr:void 0,radiusType:r?.[e]?.hover?.radiusType??"custom"}}}},getButtonStyle=({borderBtn:e,buttonWidth:o,buttonBackgroundColor:i,iconColor:d,corner:b,buttonSide:m,buttonBoxShadow:v,enableHoverButton:g})=>{let h=t(v,"box-shadow",{desktop:v?.desktop??{},tablet:v?.tablet??v?.desktop??{},mobile:v?.mobile??v?.tablet??v?.desktop??{}}),c={...r(e),...s(e),...p(e),...l("bg",i),...l("c",d)};return{...n("w",o),...g?c:a(c),...u({...getDeviceRadius("desktop",m,b),...getDeviceRadius("tablet",m,b),...getDeviceRadius("mobile",m,b)}),...g?h:a(h??{})}},getContainerStyles=({inputHeight:e,align:t})=>({...n("h",e),...n("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:r})=>{let o=r?.shapeShadow,i=t(o,"box-shadow",{desktop:o?.desktop??{},tablet:o?.tablet??o?.desktop??{},mobile:o?.mobile??o?.tablet??o?.desktop??{}});return{...l("bg",e),...n("maxw",r?.quantityWidth),...i}};export{getButtonStyle,getContainerStyles,getInputStyle,getWrapperStyles};

package/dist/esm/product/settings/product-properties/configs/settings-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ProductPropertiesSettingsV2=[{id:"setting",controls:[{id:"name",label:"Name (Unique)",type:"input",default:"",info:"Field name must be unique",placeholder:"E.g. Customer name",compoDefaultValue:"Customer Request"},{id:"valueHidden",label:"Content",type:"input",default:"",placeholder:"E.g. Potential Lead",compoDefaultValue:"Potential Lead"},{id:"type",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:{en:"Type"},options:[{label:"Text field",value:"text",type:"p-image-layout",iconName:"gp-input-text"},{label:"Text area",value:"textarea",type:"p-image-layout",iconName:"gp-input-text-area"},{label:"Email field",value:"email",type:"p-image-layout",iconName:"gp-input-email"},{label:"Checkbox",value:"checkbox",type:"p-image-layout",iconName:"gp-input-checkbox"},{label:"Radio button",value:"radio",type:"p-image-layout",iconName:"gp-input-radio-button"},{label:"Dropdown",value:"dropdown",type:"p-image-layout",iconName:"gp-input-dropdown"},{label:"Hidden field",value:"hidden",type:"p-image-layout",iconName:"gp-input-hidden-field"}],default:"text"},{id:"label",label:"Label",type:"input",default:"Label",placeholder:"E.g. Input your name below"},{id:"placeholder",label:"Placeholder",type:"input",default:"Enter your text"},{id:"required",label:"Required Field",type:"toggle",default:!1},{id:"numberOnly",label:"Number Only",type:"toggle",default:!1},{id:"minChar",label:"Min Character (s)",type:"input:slider",maxRelated:"maxChar",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxChar",label:"Max Character (s)",type:"input:slider",minRelated:"minChar",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"minNumber",label:"Min Number Value",type:"input:slider",maxRelated:"maxNumber",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxNumber",label:"Max Number Value",type:"input:slider",minRelated:"minNumber",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"]},{id:"invalidNumberMessage",label:"",type:"textarea",default:"Please enter numbers only"},{id:"invalidEmailMessage",label:"",type:"textarea",default:"Please enter a valid email"},{id:"requiredMessage",label:"",type:"textarea",default:"Please enter or select a value"},{id:"invalidLengthMessage",label:"",type:"textarea",default:"Please enter a value with a valid length"},{id:"translate",type:"input",default:"label,placeholder,childItem,requiredMessage,invalidEmailMessage,invalidNumberMessage,invalidLengthMessage"}]},{id:"style",controls:[{id:"isDisplayLabel",label:"Label",type:"toggle",default:!1},{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"labelBgColor",type:"colorpicker",label:"Background Color"},{id:"valueTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{color:!1,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"fullWidth",type:"toggle",label:"Full Width",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"100%"}},hide:!0},{id:"height",type:"input:unit",label:"Height",emptyOnClear:!0,units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"Auto"}}},{id:"spacing",type:"input:slider",min:0,max:40,units:["px"],default:"0px",ignoreMax:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"valueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{normal:!0,hover:!0,focus:!0,active:!0}},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"}},compoDefaultValue:{normal:{border:"solid",color:"line-2",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"valueBgColor",type:"color-picker-v2",label:"Background Color",devices:{desktop:{default:{normal:"#FFFFFF"~~,hover:"#DDDDDD"~~}}},compoDefaultValue:{desktop:{default:{normal:"#FFFFFF",hover:"#DDDDDD",focus:"bg-2"}}},enableGradient:!0},{id:"hasShadowInput",type:"toggle",label:"Shadow Enable",default:{normal:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",default:{normal:{enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderRadius",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}]}];export{ProductPropertiesSettingsV2};
1	+ let ProductPropertiesSettingsV2=[{id:"setting",controls:[{id:"name",label:"Name (Unique)",type:"input",default:"",info:"Field name must be unique",placeholder:"E.g. Customer name",compoDefaultValue:"Customer Request"},{id:"valueHidden",label:"Content",type:"input",default:"",placeholder:"E.g. Potential Lead",compoDefaultValue:"Potential Lead"},{id:"type",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:{en:"Type"},options:[{label:"Text field",value:"text",type:"p-image-layout",iconName:"gp-input-text"},{label:"Text area",value:"textarea",type:"p-image-layout",iconName:"gp-input-text-area"},{label:"Email field",value:"email",type:"p-image-layout",iconName:"gp-input-email"},{label:"Checkbox",value:"checkbox",type:"p-image-layout",iconName:"gp-input-checkbox"},{label:"Radio button",value:"radio",type:"p-image-layout",iconName:"gp-input-radio-button"},{label:"Dropdown",value:"dropdown",type:"p-image-layout",iconName:"gp-input-dropdown"},{label:"Hidden field",value:"hidden",type:"p-image-layout",iconName:"gp-input-hidden-field"}],default:"text"},{id:"label",label:"Label",type:"input",default:"Label",placeholder:"E.g. Input your name below"},{id:"placeholder",label:"Placeholder",type:"input",default:"Enter your text"},{id:"required",label:"Required Field",type:"toggle",default:!1},{id:"numberOnly",label:"Number Only",type:"toggle",default:!1},{id:"minChar",label:"Min Character (s)",type:"input:slider",maxRelated:"maxChar",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxChar",label:"Max Character (s)",type:"input:slider",minRelated:"minChar",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"minNumber",label:"Min Number Value",type:"input:slider",maxRelated:"maxNumber",min:0,max:500,default:0,useOnlyUnitInit:!0,hideUnit:!0},{id:"maxNumber",label:"Max Number Value",type:"input:slider",minRelated:"minNumber",min:0,max:1e4,default:50,useOnlyUnitInit:!0,hideUnit:!0},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"]},{id:"invalidNumberMessage",label:"",type:"textarea",default:"Please enter numbers only"},{id:"invalidEmailMessage",label:"",type:"textarea",default:"Please enter a valid email"},{id:"requiredMessage",label:"",type:"textarea",default:"Please enter or select a value"},{id:"invalidLengthMessage",label:"",type:"textarea",default:"Please enter a value with a valid length"},{id:"translate",type:"input",default:"label,placeholder,childItem,requiredMessage,invalidEmailMessage,invalidNumberMessage,invalidLengthMessage"}]},{id:"style",controls:[{id:"isDisplayLabel",label:"Label",type:"toggle",default:!1},{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"labelBgColor",type:"colorpicker",label:"Background Color"},{id:"valueTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{color:!1,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"fullWidth",type:"toggle",label:"Full Width",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"100%"}},hide:!0},{id:"height",type:"input:unit",label:"Height",emptyOnClear:!0,units:["px","%"],min:0,placeholder:"Auto",devices:{desktop:{default:"Auto"}}},{id:"spacing",type:"input:slider",min:0,max:40,units:["px"],default:"0px",ignoreMax:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"valueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{normal:!0,hover:!0,focus:!0,active:!0}},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"}},compoDefaultValue:{normal:{border:"solid",color:"line-2",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"valueBgColor",type:"color-picker-v2",label:"Background Color",devices:{desktop:{default:{normal:"#FFFFFF"}}},compoDefaultValue:{desktop:{default:{normal:"#FFFFFF",hover:"#DDDDDD",focus:"bg-2"}}},enableGradient:!0},{id:"hasShadowInput",type:"toggle",label:"Shadow Enable",default:{normal:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",default:{normal:{enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderRadius",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}]}];export{ProductPropertiesSettingsV2};

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

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},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:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"},conditionDisplay:'["text", "textarea", "email"].includes(type)'},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},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"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},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:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product-quantity/configs/settings.js CHANGED Viewed

@@ -1,3 +1,3 @@
 let ProductQuantitySettings=[{id:"setting",controls:[{id:"updatePrice",label:"Update price",type:"toggle",default:!0},{id:"qtyStyle",type:"option:value",label:"Style",options:[{label:"Default",value:"standard"},{label:"Simple",value:"minimalist"}],default:"standard"},{id:"hasButton",label:"Button",type:"toggle",default:!0},{id:"defaultQtyValue",label:"Text",type:"input:stepper",min:1,default:1},{id:"plusIcon",type:"icon",isHideClear:!0,customLabel:"Plus",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" data-name="plus-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817698760687976">
               <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"></path></svg>`},{id:"minusIcon",type:"icon",isHideClear:!0,customLabel:"Minus",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" data-name="minus-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817690725712232">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg>`},{id:"enableHoverInput",label:"Enable hover input",type:"toggle",default:!0},{id:"enableHoverButton",label:"Enable hover input",type:"toggle",default:!0}]},{id:"style",controls:[{id:"quantityLayout",label:"Style",type:"layout-selector",popoverLabel:{en:"Style"},iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Square",value:"product-quantity-square",type:"p-quantity-layout",iconName:"gp-product-quantity-square"},{label:"Square with divider",value:"product-quantity-square-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-square-divider"},{label:"Rounded",value:"product-quantity-rounded",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded"},{label:"Rounded with divider",value:"product-quantity-rounded-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-divider"},{label:"Square input only",value:"product-quantity-square-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-square-input-only"},{label:"Rounded input only",value:"product-quantity-rounded-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-input-only"}],default:"product-quantity-square"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"quantityWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"160px"}}},{id:"inputHeight",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"buttonWidth",type:"dropdown:input",label:"Button Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"iconSizeCustom",type:"input:stepper",includeUnit:"px",min:1,devices:{desktop:{default:"16px"}}}]},{id:"inputStyle",type:"group",label:"Input Style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"14px"},lineHeight:{desktop:"120%",tablet:"180%",mobile:"180%"},fontWeight:"400",fontFamily:{value:"Assistant",type:"google"},hasShadowText:!1,textShadow:{enable:!1}}},ignoreReRender:!0,hiddenSetting:{transform:!0,textAlign:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"button-behavior-state",type:"behavior-state",label:"Button Style",hide:!0,controls:[{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"inputBackgroundColor",type:"color-picker-v2",label:"Background Color",state:{hover:!0,normal:!0},compoDefaultValue:{normal:"highlight",hover:"highlight"},enableGradient:!0},{id:"buttonBackgroundColor",type:"color-picker-v2",label:"Button Background Color",state:{hover:!0,normal:!0},enableGradient:!0,compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"iconColor",type:"color-picker-v2",label:"Icon Color",default:{normal:"#121212"},state:{hover:!0,normal:!0},enableGradient:!0}]},{id:"borderBtn",label:"Border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"}}}},state:{hover:!0,normal:!0}},{id:"corner",label:"Corner",type:"corner-v2",devices:{desktop:{default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}},{id:"shapeShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}}},{id:"buttonBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"inputBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#FFFFFF"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerColor",type:"color-picker-v2",label:"Divider Color",default:{normal:void 0},compoDefaultValue:{normal:"line-3"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerStroke",label:"Text",type:"input:stepper",min:1,default:{normal:1,hover:1},state:{hover:!0,normal:!0}}]}];export{ProductQuantitySettings};
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg>`},{id:"enableHoverInput",label:"Enable hover input",type:"toggle",default:!1},{id:"enableHoverButton",label:"Enable hover input",type:"toggle",default:!1}]},{id:"style",controls:[{id:"quantityLayout",label:"Style",type:"layout-selector",popoverLabel:{en:"Style"},iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Square",value:"product-quantity-square",type:"p-quantity-layout",iconName:"gp-product-quantity-square"},{label:"Square with divider",value:"product-quantity-square-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-square-divider"},{label:"Rounded",value:"product-quantity-rounded",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded"},{label:"Rounded with divider",value:"product-quantity-rounded-divider",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-divider"},{label:"Square input only",value:"product-quantity-square-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-square-input-only"},{label:"Rounded input only",value:"product-quantity-rounded-input-only",type:"p-quantity-layout",iconName:"gp-product-quantity-rounded-input-only"}],default:"product-quantity-square"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"quantityWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"160px"}}},{id:"inputHeight",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"buttonWidth",type:"dropdown:input",label:"Button Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"45px"}}},{id:"iconSizeCustom",type:"input:stepper",includeUnit:"px",min:1,devices:{desktop:{default:"16px"}}}]},{id:"inputStyle",type:"group",label:"Input Style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"14px"},lineHeight:{desktop:"120%",tablet:"180%",mobile:"180%"},fontWeight:"400",fontFamily:{value:"Assistant",type:"google"},hasShadowText:!1,textShadow:{enable:!1}}},ignoreReRender:!0,hiddenSetting:{transform:!0,textAlign:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"button-behavior-state",type:"behavior-state",label:"Button Style",hide:!0,controls:[{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{hover:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"inputBackgroundColor",type:"color-picker-v2",label:"Background Color",state:{hover:!0,normal:!0},compoDefaultValue:{normal:"highlight",hover:"highlight"},enableGradient:!0},{id:"buttonBackgroundColor",type:"color-picker-v2",label:"Button Background Color",state:{hover:!0,normal:!0},enableGradient:!0,compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"iconColor",type:"color-picker-v2",label:"Icon Color",default:{normal:"#121212"},compoDefaultValue:{hover:"text-2"},state:{hover:!0,normal:!0},enableGradient:!0}]},{id:"borderBtn",label:"Border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#212121",width:"1px",borderWidth:"1px"}}}},state:{hover:!0,normal:!0}},{id:"corner",label:"Corner",type:"corner-v2",devices:{desktop:{default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}},{id:"shapeShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}}},{id:"buttonBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"inputBoxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:90}}}}},{id:"backgroundColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF",hover:"#FFFFFF"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerColor",type:"color-picker-v2",label:"Divider Color",default:{normal:void 0},compoDefaultValue:{normal:"line-3"},state:{hover:!0,normal:!0},enableGradient:!0},{id:"dividerStroke",label:"Text",type:"input:stepper",min:1,default:{normal:0,hover:0},state:{hover:!0,normal:!0}}]}];export{ProductQuantitySettings};

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

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:{en:"Style"},controls:[{layout:"vertical",setting:{id:"quantityLayout"},controlChangeTrigger:{settings:[{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"1"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"0"},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:"line-3"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:void 0},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!1,groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!0,groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('rounded')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('square')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px"}},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Button"},setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:"hasButton === true",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"!hasButton",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}}]}},{label:{en:"Width"},setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:{en:"Plus icon"},setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Minus icon"},setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:{en:"Icon size"},setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:{en:"Hover effect"},conditionDisplay:"hasButton === true",controls:[{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Shadow"},setting:{id:"buttonBoxShadow",state:"hover"}}]}]}},{label:{en:"Input"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"normal"}},{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{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}}}]},{label:{en:"Divider"},type:"combo",isHideClear:!0,conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"normal"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"normal"}}]},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:{en:"Hover effect"},setting:{id:"enableHoverInput"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{id:"divider-hover",label:{en:"Divider"},type:"combo",iconName:"polaris-edit",getValueFromSettingID:"dividerColor.hover",comboType:"color",compoDefaultValue:"line-3",isHideClear:!0,controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"hover"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"hover"}}],conditionDisplay:"!quantityLayout.includes('input-only')"},{id:"borderBtn",label:{en:"Border"},controlConfig:{id:"borderBtn",type:"border-v2",linkWithSetting:{name:"borderBtn",field:"hover"}},isHideClear:!0,conditionDisplay:"quantityLayout.includes('input-only')"},{label:{en:"Shadow"},setting:{id:"inputBoxShadow",state:"hover"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"quantityWidth"}},{label:{en:"Height"},setting:{id:"inputHeight"}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"normal"},compoDefaultValue:{desktop:{default:{normal:{borderType:"style-1",border:"solid",color:"#212121",width:"1px 1px 1px 1px",borderWidth:"1px"}}}}},{label:{en:"Corner"},setting:{id:"corner",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shapeShadow",state:"normal"}}]},{label:{en:"Display condition"},controls:[{label:{en:"Default quantity"},setting:{id:"defaultQtyValue"}},{label:{en:"Update price"},setting:{id:"updatePrice"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:{en:"Style"},controls:[{layout:"vertical",setting:{id:"quantityLayout"},controlChangeTrigger:{settings:[{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"1"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerStroke",newValue:{normal:"0"},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:"line-3"},groupType:"style",controlType:"style"}},{condition:"!quantityLayout.includes('divider')",source:["quantityLayout"],action:{controlId:"dividerColor",newValue:{normal:void 0},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!1,groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"hasButton",newValue:!0,groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}},{condition:"!quantityLayout.includes('input-only')",source:["quantityLayout"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"quantityLayout.includes('rounded')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},groupType:"style",controlType:"style"}},{condition:"quantityLayout.includes('square')",source:["quantityLayout"],action:{controlId:"corner",newValue:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px"}},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Button"},setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:"hasButton === true",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"standard",groupType:"setting",controlType:"setting"}},{condition:"!hasButton",source:["hasButton"],action:{controlId:"qtyStyle",newValue:"minimalist",groupType:"setting",controlType:"setting"}}]}},{label:{en:"Width"},setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:{en:"Plus icon"},setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Minus icon"},setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:{en:"Icon size"},setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:{en:"Hover effect"},state:"hover",conditionDisplay:"hasButton === true",controls:[{label:{en:"Background"},setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Shadow"},setting:{id:"buttonBoxShadow",state:"hover"}}]}]}},{label:{en:"Input"},controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"normal"}},{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{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}}}]},{label:{en:"Divider"},type:"combo",isHideClear:!0,conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"normal"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"normal"}}]},{label:{en:"Hover"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:{en:"Hover effect"},setting:{id:"enableHoverInput"},state:"hover",controls:[{label:{en:"Background"},setting:{id:"inputBackgroundColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{id:"divider-hover",label:{en:"Divider"},type:"combo",iconName:"polaris-edit",getValueFromSettingID:"dividerColor.hover",comboType:"color",compoDefaultValue:"line-3",isHideClear:!0,controls:[{label:{en:"Color"},setting:{id:"dividerColor",state:"hover"}},{label:{en:"Stroke"},setting:{id:"dividerStroke",state:"hover"}}],conditionDisplay:"!quantityLayout.includes('input-only') \|\| (quantityLayout.includes('input-only') && hasButton === true)"},{id:"borderBtn",label:{en:"Border"},controlConfig:{id:"borderBtn",type:"border-v2",linkWithSetting:{name:"borderBtn",field:"hover"}},isHideClear:!0,conditionDisplay:"quantityLayout.includes('input-only') && hasButton === false"},{label:{en:"Shadow"},setting:{id:"inputBoxShadow",state:"hover"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"quantityWidth"}},{label:{en:"Height"},setting:{id:"inputHeight"}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtn",state:"normal"},compoDefaultValue:{desktop:{default:{normal:{borderType:"style-1",border:"solid",color:"#212121",width:"1px 1px 1px 1px",borderWidth:"1px"}}}}},{label:{en:"Corner"},setting:{id:"corner",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shapeShadow",state:"normal"}}]},{label:{en:"Display condition"},controls:[{label:{en:"Default quantity"},setting:{id:"defaultQtyValue"}},{label:{en:"Update price"},setting:{id:"updatePrice"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.0.0-staging.994",
+  "version": "2.0.0-staging.996",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",