@gem-sdk/components 2.0.0-staging.960 → 2.0.0-staging.961

package/dist/cjs/product/components/product-properties/property-choice/ProductPropertyChoice.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),system=require("@gem-sdk/system");const ProductPropertyChoice=({setting:e,styles:s,defaultName:t,currentProductId:r})=>{let o=core.useUniqProductID(),{name:i,type:c,handleChange:l,childItem:P}=e??{},{specialValueTextColor:C}=s??{},a=`${(i||t)??""}-${r}`,u=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(t,C),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),y=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(s)}),m=system.createStyle({...getProductPropertiesChoiceStyles.getPPCWrapperStyles(s)}),d=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),p=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(s)}),g=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(s)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(s)});return jsxRuntime.jsxs("div",{style:m,className:d,children:[jsxRuntime.jsx("style",{children:u}),P?.map((e,s)=>jsxRuntime.jsxs("div",{style:p,className:n,children:[jsxRuntime.jsx("input",{type:c,id:`${o}-${a}-${s}`,name:a,value:e,style:h,onChange:l}),jsxRuntime.jsx("label",{htmlFor:`${o}-${a}-${s}`,className:y,style:g,children:e})]},s))]})};exports.default=ProductPropertyChoice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),system=require("@gem-sdk/system");const ProductPropertyChoice=({setting:e,styles:s,defaultName:t,currentProductId:r})=>{let o=core.useUniqProductID(),{name:i,type:c,handleChange:l,childItem:P}=e??{},{valueTextColor:C}=s??{},a=`${(i||t)??""}-${r}`,u=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(t,C),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),y=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(s)}),m=system.createStyle({...getProductPropertiesChoiceStyles.getPPCWrapperStyles(s)}),d=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),p=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(s)}),g=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(s)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(s)});return jsxRuntime.jsxs("div",{style:m,className:d,children:[jsxRuntime.jsx("style",{children:u}),P?.map((e,s)=>jsxRuntime.jsxs("div",{style:p,className:n,children:[jsxRuntime.jsx("input",{type:c,id:`${o}-${a}-${s}`,name:a,value:e,style:h,onChange:l}),jsxRuntime.jsx("label",{htmlFor:`${o}-${a}-${s}`,className:y,style:g,children:e})]},s))]})};exports.default=ProductPropertyChoice;

package/dist/cjs/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceAttrs=require("./common/getProductPropertiesChoiceAttrs.js");const ProductPropertyChoice=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:o})=>{let c=s?.uid,{name:i,type:l,childItem:P,translate:a}=e??{},{specialValueTextColor:C,fullWidth:p,width:u}=t??{},d=core.makeStyleResponsive("w",core.makeWidth(u,p)),y=`properties[${i}]`,m=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(c,C),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),$=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),S=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),v=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),I=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...d}}" class="${$}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceAttrs=require("./common/getProductPropertiesChoiceAttrs.js");const ProductPropertyChoice=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:o})=>{let c=s?.uid,{name:i,type:l,childItem:P,translate:a}=e??{},{valueTextColor:C,fullWidth:p,width:u}=t??{},d=core.makeStyleResponsive("w",core.makeWidth(u,p)),y=`properties[${i}]`,m=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(c,C),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),$=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),S=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),v=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),I=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...d}}" class="${$}">
       <style>${m}</style>
 
       ${P?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:c,settingId:`childItem_${t}`,pageContext:r,translate:a});return core.template`

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getPPCWrapperClasses=()=>core.composeClasses("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>core.composeClasses("gp-inline-block"),getPPCLabelClasses=e=>{let{specialValueTextColor:s,valueBgColor:o,valueTypo:a,valueTypography:r}=e??{},l=core.composeTypographyClassName(a,r);return{...core.composeClasses("gp-p-2 gp-outline-none gp-break-words"),...core.composeClasses(core.getGlobalColorStateClass("text",s)),...core.composeClasses(core.getGlobalColorStateResponsiveClass("bg",o)),...core.composeClasses(l)}};exports.getPPCLabelClasses=getPPCLabelClasses,exports.getPPCWrapperClasses=getPPCWrapperClasses,exports.getPPCWrapperClassesMain=getPPCWrapperClassesMain;
+"use strict";var core=require("@gem-sdk/core");const getPPCWrapperClasses=()=>core.composeClasses("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>core.composeClasses("gp-inline-block"),getPPCLabelClasses=e=>{let{valueTextColor:s,valueBgColor:o,valueTypo:a,valueTypography:r}=e??{},l=core.composeTypographyClassName(a,r);return{...core.composeClasses("gp-p-2 gp-outline-none gp-break-words"),...core.composeClasses(core.getGlobalColorStateClass("text",s)),...core.composeClasses(core.getGlobalColorStateResponsiveClass("bg",o)),...core.composeClasses(l)}};exports.getPPCLabelClasses=getPPCLabelClasses,exports.getPPCWrapperClasses=getPPCWrapperClasses,exports.getPPCWrapperClassesMain=getPPCWrapperClassesMain;

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getPPCWrapperStyles=e=>{let{width:t,fullWidth:r}=e??{};return core.makeStyleResponsive("w",core.makeWidth(t,r))},getPPCContainerStyles=e=>{let{height:t}=e??{};return t?core.makeStyleResponsive("h",t):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,specialValueTextColor:r,valueTypography:l,valueTypo:o}=e??{},s=core.composeTypographyStyle(o,l);return{...core.getGlobalColorStateResponsiveStyle("bg",t),...core.getGlobalColorStateStyle("c",r),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};exports.getPPCContainerStyles=getPPCContainerStyles,exports.getPPCInputStyles=getPPCInputStyles,exports.getPPCLabelStyles=getPPCLabelStyles,exports.getPPCWrapperStyles=getPPCWrapperStyles;
+"use strict";var core=require("@gem-sdk/core");const getPPCWrapperStyles=e=>{let{width:t,fullWidth:r}=e??{};return core.makeStyleResponsive("w",core.makeWidth(t,r))},getPPCContainerStyles=e=>{let{height:t}=e??{};return t?core.makeStyleResponsive("h",t):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:r,valueTypography:l,valueTypo:o}=e??{},s=core.composeTypographyStyle(o,l);return{...core.getGlobalColorStateResponsiveStyle("bg",t),...core.getGlobalColorStateStyle("c",r),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};exports.getPPCContainerStyles=getPPCContainerStyles,exports.getPPCInputStyles=getPPCInputStyles,exports.getPPCLabelStyles=getPPCLabelStyles,exports.getPPCWrapperStyles=getPPCWrapperStyles;

package/dist/cjs/product/components/product-properties/property-input/common/styles.js

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

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

@@ -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-1"},state:{normal:!0,hover:!0,focus:!0},compoDefaultValue:{normal:"text-1",hover:"text-2",focus:"text-2"}},{id:"specialValueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},state:{normal:!0,hover:!0,active:!0},hide:!0},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},focus:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},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,hover:!1,focus:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",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"},hover:{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;
+"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"},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},focus:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},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,hover:!1,focus:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",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"},hover:{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

@@ -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"}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical"}]},{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"}}],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"}}],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:"specialValueTextColor",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:"specialValueTextColor",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;
+"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;

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as c,getPPCLabelStyles as l,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as d}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";let ProductPropertyChoice=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let C=o(),{name:$,type:f,handleChange:g,childItem:j}=h??{},{specialValueTextColor:v}=u??{},N=`${($||y)??""}-${P}`,k=d(y,v),x=n({...t()}),b=n({...s(u)}),F=p({...i(u)}),I=n({...m()}),S=p({...c(u)}),q=p({...l(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:f,id:`${C}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${C}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{ProductPropertyChoice as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as c,getPPCLabelStyles as l,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as d}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";let ProductPropertyChoice=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let C=o(),{name:$,type:f,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${($||y)??""}-${P}`,k=d(y,v),x=n({...t()}),b=n({...s(u)}),F=p({...i(u)}),I=n({...m()}),S=p({...c(u)}),q=p({...l(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:f,id:`${C}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${C}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{ProductPropertyChoice as default};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -1,4 +1,4 @@
-import{makeStyleResponsive as e,makeWidth as o,template as r}from"@gem-sdk/core";import{getPPCInlineStyleChoice as t}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s}from"../../../../helpers.js";import{createClass as i,createStyle as m,createAttr as c}from"@gem-sdk/system";import{getPPCWrapperClasses as l,getPPCLabelClasses as $,getPPCWrapperClassesMain as d}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as p,getPPCLabelStyles as u,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as n}from"./common/getProductPropertiesChoiceAttrs.js";let ProductPropertyChoice=({setting:P,styles:f,builderProps:y,pageContext:h,attributes:C})=>{let g=y?.uid,{name:j,type:v,childItem:b,translate:k}=P??{},{specialValueTextColor:I,fullWidth:_,width:x}=f??{},w=e("w",o(x,_)),A=`properties[${j}]`,S=t(g,I),q=i({...l()}),z=i({...$(f)}),B=m({...p(f)}),D=i({...d()}),E=m({...u(f)}),F=c({...n(C)}),G=m({...a(f)});return r`<div style="${{...w}}" class="${D}">
+import{makeStyleResponsive as e,makeWidth as o,template as r}from"@gem-sdk/core";import{getPPCInlineStyleChoice as t}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s}from"../../../../helpers.js";import{createClass as i,createStyle as m,createAttr as c}from"@gem-sdk/system";import{getPPCWrapperClasses as l,getPPCLabelClasses as $,getPPCWrapperClassesMain as d}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as p,getPPCLabelStyles as u,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as n}from"./common/getProductPropertiesChoiceAttrs.js";let ProductPropertyChoice=({setting:P,styles:f,builderProps:y,pageContext:h,attributes:C})=>{let g=y?.uid,{name:j,type:v,childItem:b,translate:k}=P??{},{valueTextColor:I,fullWidth:_,width:x}=f??{},w=e("w",o(x,_)),A=`properties[${j}]`,S=t(g,I),q=i({...l()}),z=i({...$(f)}),B=m({...p(f)}),D=i({...d()}),E=m({...u(f)}),F=c({...n(C)}),G=m({...a(f)});return r`<div style="${{...w}}" class="${D}">
       <style>${S}</style>
 
       ${b?.map((e,o)=>{let t=s({val:e,uid:g,settingId:`childItem_${o}`,pageContext:h,translate:k});return r`

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as s,getGlobalColorStateClass as p,getGlobalColorStateResponsiveClass as r}from"@gem-sdk/core";let getPPCWrapperClasses=()=>e("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>e("gp-inline-block"),getPPCLabelClasses=t=>{let{specialValueTextColor:a,valueBgColor:g,valueTypo:l,valueTypography:C}=t??{},P=s(l,C);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(p("text",a)),...e(r("bg",g)),...e(P)}};export{getPPCLabelClasses,getPPCWrapperClasses,getPPCWrapperClassesMain};
+import{composeClasses as e,composeTypographyClassName as s,getGlobalColorStateClass as p,getGlobalColorStateResponsiveClass as r}from"@gem-sdk/core";let getPPCWrapperClasses=()=>e("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>e("gp-inline-block"),getPPCLabelClasses=t=>{let{valueTextColor:a,valueBgColor:g,valueTypo:l,valueTypography:C}=t??{},P=s(l,C);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(p("text",a)),...e(r("bg",g)),...e(P)}};export{getPPCLabelClasses,getPPCWrapperClasses,getPPCWrapperClassesMain};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateResponsiveStyle as P,getGlobalColorStateStyle as l}from"@gem-sdk/core";let getPPCWrapperStyles=r=>{let{width:P,fullWidth:l}=r??{};return e("w",t(P,l))},getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e("h",r):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,specialValueTextColor:g,valueTypography:n,valueTypo:C}=e??{},s=r(C,n);return{...P("bg",t),...l("c",g),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{getPPCContainerStyles,getPPCInputStyles,getPPCLabelStyles,getPPCWrapperStyles};
+import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateResponsiveStyle as P,getGlobalColorStateStyle as l}from"@gem-sdk/core";let getPPCWrapperStyles=r=>{let{width:P,fullWidth:l}=r??{};return e("w",t(P,l))},getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e("h",r):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:g,valueTypography:n,valueTypo:C}=e??{},s=r(C,n);return{...P("bg",t),...l("c",g),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{getPPCContainerStyles,getPPCInputStyles,getPPCLabelStyles,getPPCWrapperStyles};

package/dist/esm/product/components/product-properties/property-input/common/styles.js

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

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

@@ -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-1"},state:{normal:!0,hover:!0,focus:!0},compoDefaultValue:{normal:"text-1",hover:"text-2",focus:"text-2"}},{id:"specialValueTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},state:{normal:!0,hover:!0,active:!0},hide:!0},{id:"borderInput",type:"border-v2",default:{normal:{border:"solid",borderWidth:"1px",width:"1px",color:"line-2"},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},focus:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},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,hover:!1,focus:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",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"},hover:{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};
+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"},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},focus:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},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,hover:!1,focus:!1},state:{normal:!0,hover:!0,focus:!0}},{id:"shadowInput",type:"shadow-v2",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"},hover:{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

@@ -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"}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical"}]},{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"}}],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"}}],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:"specialValueTextColor",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:"specialValueTextColor",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};
+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};

package/dist/types/index.d.ts

@@ -3536,7 +3536,6 @@ type ProductPropertiesStyleProps = {
     valueTypo?: TypographySettingV2;
     valueBgColor?: ObjectDevices<StateProp<ColorValueType>>;
     valueTextColor?: StateProp<ColorValueType>;
-    specialValueTextColor?: StateProp<ColorValueType>;
     fullWidth?: ObjectDevices<boolean>;
     width?: ObjectDevices<string | number | undefined>;
     height?: ObjectDevices<string | number | undefined>;

package/package.json

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