@gem-sdk/components 2.0.0-staging.980 → 2.0.0-staging.981

package/dist/cjs/post-purchase/image/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/post-purchase/text/components/Text.js

@@ -1,2 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),React=require("react"),attrs=require("../common/attrs.js");const Text=({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:m,children:c,textClassWrapper:n,textClass:y,...o})=>{let{text:i,options:u}=r??{},{textAlign:x,typo:d,align:j,direction:p}=e??{},C=React.useMemo(()=>helpers.createContent(i,d?.textTransform,d?.textColor),[i,d?.textTransform,d?.textColor]),g=system.createClass({...classes.getContainerClasses({className:m,uid:l?.uid,align:j})}),T=system.createClass({...classes.getWrapperClasses({textClassWrapper:n})}),q=system.createClass({...classes.getTextClasses({textClass:y})}),S=system.createStyle({...styles.getContainerStyles({style:t})}),h=system.createStyle({...styles.getWrapperStyles({styles:e})}),R=system.createStyle({...styles.getTextStyles({textAlign:x,typo:d})}),v=system.createAttr({...s}),b=system.createAttr({...attrs.getTextAttrs({options:u})});return jsxRuntime.jsx("div",{...o,...v,className:g,style:{...S},children:jsxRuntime.jsx("div",{className:T,style:{...h},children:jsxRuntime.jsx("div",{className:q,...b,style:{...R},dangerouslySetInnerHTML:{__html:C?`<bdo dir="${p}" >${C}</bdo>`:"<span>&nbsp;</span>"}})})})};exports.default=Text;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),React=require("react"),attrs=require("../common/attrs.js");const Text=({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:n,textClassWrapper:o,textClass:i,...m})=>{let{text:y,options:u}=r??{},{textAlign:x,typo:d,align:p,direction:j}=e??{},g=React.useMemo(()=>helpers.createContent(y,d?.textTransform,d?.textColor),[y,d?.textTransform,d?.textColor]),h=system.createClass({...classes.getContainerClasses({className:c,uid:l?.uid,align:p})}),C=system.createClass({...classes.getWrapperClasses({textClassWrapper:o})}),T=system.createClass({...classes.getTextClasses({textClass:i})}),q=system.createStyle({...styles.getContainerStyles({style:t})}),R=system.createStyle({...styles.getWrapperStyles({styles:e})}),S=system.createStyle({...styles.getTextStyles({textAlign:x,typo:d})}),f=system.createAttr({...s}),v=system.createAttr({...attrs.getTextAttrs({options:u})});return jsxRuntime.jsx("div",{...m,...f,className:h,style:{...q},children:jsxRuntime.jsx("div",{className:C,style:{...R},children:jsxRuntime.jsx("div",{className:T,...v,style:{...S},dangerouslySetInnerHTML:{__html:g?`<bdo dir="${j}" >${g}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">Replace this text with your content</span>`}})})})};exports.default=Text;

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

package/dist/esm/post-purchase/image/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/post-purchase/text/components/Text.js

@@ -1,2 +1,3 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{getContainerClasses as r,getWrapperClasses as o,getTextClasses as e}from"../common/classes.js";import{getContainerStyles as m,getWrapperStyles as s,getTextStyles as l}from"../common/styles.js";import{createClass as a,createStyle as i,createAttr as n}from"@gem-sdk/system";import{createContent as d}from"../common/helpers.js";import{useMemo as c}from"react";import{getTextAttrs as p}from"../common/attrs.js";let Text=({styles:f,builderAttrs:x,style:u,setting:y,advanced:j,builderProps:T,className:h,children:b,textClassWrapper:v,textClass:N,...g})=>{let{text:C,options:$}=y??{},{textAlign:_,typo:k,align:H,direction:I}=f??{},L=c(()=>d(C,k?.textTransform,k?.textColor),[C,k?.textTransform,k?.textColor]),M=a({...r({className:h,uid:T?.uid,align:H})}),S=a({...o({textClassWrapper:v})}),q=a({...e({textClass:N})}),w=i({...m({style:u})}),z=i({...s({styles:f})}),A=i({...l({textAlign:_,typo:k})}),B=n({...x}),D=n({...p({options:$})});return t("div",{...g,...B,className:M,style:{...w},children:t("div",{className:S,style:{...z},children:t("div",{className:q,...D,style:{...A},dangerouslySetInnerHTML:{__html:L?`<bdo dir="${I}" >${L}</bdo>`:"<span>&nbsp;</span>"}})})})};export{Text as default};
+import{jsx as t}from"react/jsx-runtime";import{getContainerClasses as e,getWrapperClasses as o,getTextClasses as r}from"../common/classes.js";import{getContainerStyles as s,getWrapperStyles as m,getTextStyles as i}from"../common/styles.js";import{createClass as l,createStyle as n,createAttr as a}from"@gem-sdk/system";import{createContent as c}from"../common/helpers.js";import{useMemo as d}from"react";import{getTextAttrs as p}from"../common/attrs.js";let Text=({styles:f,builderAttrs:x,style:h,setting:u,advanced:y,builderProps:j,className:T,children:g,textClassWrapper:v,textClass:N,...b})=>{let{text:w,options:C}=u??{},{textAlign:$,typo:_,align:k,direction:z}=f??{},H=d(()=>c(w,_?.textTransform,_?.textColor),[w,_?.textTransform,_?.textColor]),I=l({...e({className:T,uid:j?.uid,align:k})}),L=l({...o({textClassWrapper:v})}),M=l({...r({textClass:N})}),R=n({...s({style:h})}),S=n({...m({styles:f})}),q=n({...i({textAlign:$,typo:_})}),A=a({...x}),B=a({...p({options:C})});return t("div",{...b,...A,className:I,style:{...R},children:t("div",{className:L,style:{...S},children:t("div",{className:M,...B,style:{...q},dangerouslySetInnerHTML:{__html:H?`<bdo dir="${z}" >${H}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">Replace this text with your content</span>`}})})})};export{Text as default};

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

package/package.json

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