@gem-sdk/components 2.0.0-staging.994 → 2.0.0-staging.995
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.
- package/dist/cjs/post-purchase/text/settings/heading/Heading.js +1 -1
- package/dist/cjs/post-purchase/text/settings/text/configs/setting-v2.js +1 -1
- package/dist/cjs/product/components/product-properties/property-select/common/styles.js +1 -1
- package/dist/cjs/product/settings/product-properties/configs/settings-v2.js +1 -1
- package/dist/cjs/product/settings/product-properties/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/text/settings/heading/Heading.js +1 -1
- package/dist/esm/post-purchase/text/settings/text/configs/setting-v2.js +1 -1
- package/dist/esm/product/components/product-properties/property-select/common/styles.js +1 -1
- package/dist/esm/product/settings/product-properties/configs/settings-v2.js +1 -1
- package/dist/esm/product/settings/product-properties/configs/ui-v2.js +1 -1
- package/package.json +1 -1
|
@@ -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:"
|
|
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;
|
|
@@ -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}
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core");const getSelectStyles=e=>{let{fullWidth:t,width:o,height:
|
|
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;
|
|
@@ -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"
|
|
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;
|
|
@@ -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;
|
|
@@ -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:"
|
|
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};
|
|
@@ -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}
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as
|
|
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};
|
|
@@ -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"
|
|
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};
|
|
@@ -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};
|