@gem-sdk/components 7.1.0 → 8.0.0-dev.106

package/dist/cjs/coupon/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Coupon code"},controls:[{type:"combo",label:{en:"Code"},iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:{en:"Code"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:{en:"Icon"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"}}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:{en:"Content"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:{en:"Clicked"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:{en:"Clicked"},state:"active",controls:[{type:"group",label:{en:"Content"},controls:[{label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"active"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Coupon code"},controls:[{type:"combo",label:{en:"Code"},iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:{en:"Code"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.normal?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn?.normal?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:{en:"Icon"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"}}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:{en:"Content"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.hover?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn?.hover?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:{en:"Clicked"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:{en:"Clicked"},state:"active",controls:[{type:"group",label:{en:"Content"},controls:[{label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"active"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.active?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn?.active?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/dialog/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");require("react/jsx-runtime"),require("react");var _const=require("../../common/const.js"),helpers$1=require("../../hero-banner/common/helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getWrapperStyle=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return filterTruthyStyles(t)},getContainStyle=()=>{let e={"z-index":_const.ELEMENT_Z_INDEX.DIALOG};return filterTruthyStyles(e)},getBackdropStyle=e=>{let t={...helpers.pointerEventStyle(e)};return filterTruthyStyles(t)},getOverlayStyle=(e,t,r)=>{let l={...core.makeStyle({op:0==Number(e)?"0":(Number(e)??0)/100}),...core.getGlobalColorResponsiveStyle("bgc",{desktop:t}),...helpers.getDisplayStyle(r)};return filterTruthyStyles(l)},getDialogContentStyle=({style:e,width:t,height:r,fullScreen:l})=>{let o={...helpers.getWrapperDialogStyle(e),...helpers.getBorderStyle(e),...helpers.getDisplayStyle(e),...core.makeStyleResponsive("w",core.makeWidth(t,l)),...helpers.heightStyle(l,r)};return filterTruthyStyles(o)},getButtonContentStyle=e=>{let{btnBg:t,btnRounded:r,btnColor:l,btnPadding:o,btnWidth:n,btnHeight:s}=e??{},y=n?core.makeStyleResponsive("w",helpers$1.getWidth(n)):{},i=s?core.makeStyleResponsive("h",helpers$1.getWidth(s)):{},g={...y,...i,...core.getGlobalColorResponsiveStyle("c",{desktop:l}),...core.getGlobalColorResponsiveStyle("bgc",{desktop:t}),...core.getResponsiveStylePadding(o),...core.composeRadius({normal:r})};return filterTruthyStyles(g)},getSvgContentStyle=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),filterTruthyStyles(t)},getBodyContentStyle=(e,t)=>{let{fullScreen:r,height:l,background:o}=e??{},n={...helpers.getInnerStyle(t),...helpers.removeHeightPercentForContent(helpers.heightStyle(r,l)),"border-radius":"inherit",...core.getStyleBackgroundByDevice(o),...core.getGradientBgrStyleByDevice(o,{desktop:!0,tablet:!0,mobile:!0})};return filterTruthyStyles(n)};exports.getBackdropStyle=getBackdropStyle,exports.getBodyContentStyle=getBodyContentStyle,exports.getButtonContentStyle=getButtonContentStyle,exports.getContainStyle=getContainStyle,exports.getDialogContentStyle=getDialogContentStyle,exports.getOverlayStyle=getOverlayStyle,exports.getSvgContentStyle=getSvgContentStyle,exports.getWrapperStyle=getWrapperStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");require("react/jsx-runtime"),require("react");var _const=require("../../common/const.js"),helpers$1=require("../../hero-banner/common/helpers.js"),helpers$2=require("../../helpers.js"),translate=require("../settings/configs/translate.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getWrapperStyle=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return filterTruthyStyles(t)},getContainStyle=()=>{let e={"z-index":_const.ELEMENT_Z_INDEX.DIALOG};return filterTruthyStyles(e)},getBackdropStyle=e=>{let t={...helpers.pointerEventStyle(e)};return filterTruthyStyles(t)},getOverlayStyle=(e,t,r)=>{let l={...core.makeStyle({op:0==Number(e)?"0":(Number(e)??0)/100}),...core.getGlobalColorResponsiveStyle("bgc",{desktop:t}),...helpers.getDisplayStyle(r)};return filterTruthyStyles(l)},getDialogContentStyle=({style:e,width:t,height:r,fullScreen:l})=>{let o={...helpers.getWrapperDialogStyle(e),...helpers.getBorderStyle(e),...helpers.getDisplayStyle(e),...core.makeStyleResponsive("w",core.makeWidth(t,l)),...helpers.heightStyle(l,r)};return filterTruthyStyles(o)},getButtonContentStyle=e=>{let{btnBg:t,btnRounded:r,btnColor:l,btnPadding:o,btnWidth:n,btnHeight:s}=e??{},y=n?core.makeStyleResponsive("w",helpers$1.getWidth(n)):{},i=s?core.makeStyleResponsive("h",helpers$1.getWidth(s)):{},g={...y,...i,...core.getGlobalColorResponsiveStyle("c",{desktop:l}),...core.getGlobalColorResponsiveStyle("bgc",{desktop:t}),...core.getResponsiveStylePadding(o),...core.composeRadius({normal:r})};return filterTruthyStyles(g)},getSvgContentStyle=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),filterTruthyStyles(t)},getBodyContentStyle=({setting:e,style:t,uid:r,pageContext:l,type:o="React"})=>{let{fullScreen:n,height:s,background:y}=e??{},i="Liquid"===o?helpers$2.getBackgroundTranslated({background:y,uid:r,enableTranslate:!!translate.Dialog?.background?.id,pageContext:l,isTranslateVideo:!1}):y,g={...helpers.getInnerStyle(t),...helpers.removeHeightPercentForContent(helpers.heightStyle(n,s)),"border-radius":"inherit",...core.getStyleBackgroundByDevice(i),...core.getGradientBgrStyleByDevice(i,{desktop:!0,tablet:!0,mobile:!0})};return filterTruthyStyles(g)};exports.getBackdropStyle=getBackdropStyle,exports.getBodyContentStyle=getBodyContentStyle,exports.getButtonContentStyle=getButtonContentStyle,exports.getContainStyle=getContainStyle,exports.getDialogContentStyle=getDialogContentStyle,exports.getOverlayStyle=getOverlayStyle,exports.getSvgContentStyle=getSvgContentStyle,exports.getWrapperStyle=getWrapperStyle;

package/dist/cjs/dialog/components/Dialog.js

@@ -1,4 +1,4 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),ButtonIcon=require("../../button/components/ButtonIcon.js"),useDialog=require("../hooks/useDialog.js");const Dialog=e=>{let{setting:s,children:t,builderProps:l,style:a,advanced:r,builderAttrs:o}=e,n=r?.d,{name:i,fullScreen:c,width:y,height:m,position:d,overlayColor:u,overlayOpacity:g,iconSize:C,closeButtonPosition:j,iconSvg:x}=s??{},p=core.useEditorMode(),{ref:S,overlay:v,handleClickOverlay:b,closeModal:h,open:D,dialogId:f}=useDialog.useDialog(s,l,"edit"===p),B="edit"!==p,R=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),q=system.createStyle({...styles.getWrapperStyle(n)}),k=system.createClass({...classes.getContainClasses(r?.cssClass,g,u)}),A=system.createAttr({...attrs.getAttrContainer({uid:f||""})}),N=system.createStyle({...styles.getContainStyle()}),I=system.createClass({...classes.getBackdropClasses(d)}),L=system.createStyle({...styles.getBackdropStyle(a)}),O=system.createAttr({...attrs.getAttrOverlay()}),w=system.createClass({...classes.getOverlayClasses()}),E=system.createStyle({...styles.getOverlayStyle(g,u,a)}),M=system.createStyle({...styles.getDialogContentStyle({style:a,width:y,height:m,fullScreen:c})}),P=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:D,isILP:B})}),T=system.createAttr({...attrs.getAttrClose()}),_=system.createClass({...classes.getHeadContentClasses()}),z=system.createStyle({...styles.getButtonContentStyle(s)}),H=system.createClass({...classes.getButtonContentClasses(j)}),W=system.createStyle({...styles.getSvgContentStyle(C)}),F=system.createClass({...classes.getSvgContentClasses()}),G=system.createStyle({...styles.getBodyContentStyle(s,a)}),J=system.createClass({...classes.getBodyContentClasses()});return jsxRuntime.jsx("div",{...R,style:q,children:(D||"edit"!==p)&&jsxRuntime.jsx("dialog",{ref:S,open:D,"aria-label":i,...A,className:k,style:N,children:jsxRuntime.jsxs("div",{"aria-label":"Backdrop",className:I,style:L,children:[system.If(!!u,jsxRuntime.jsx("div",{ref:v,...O,className:w,style:E,onClick:b,"aria-hidden":!0})),jsxRuntime.jsx("span",{className:_}),jsxRuntime.jsxs("div",{role:"dialog","aria-label":"Dialog content",...o,className:P,style:M,children:[jsxRuntime.jsx("button",{...T,type:"button",tabIndex:-1,className:H,style:z,onClick:h,children:jsxRuntime.jsx(ButtonIcon.default,{iconSvg:x??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),ButtonIcon=require("../../button/components/ButtonIcon.js"),useDialog=require("../hooks/useDialog.js");const Dialog=e=>{let{setting:s,children:t,builderProps:l,style:a,advanced:r,builderAttrs:o,pageContext:n}=e,i=r?.d,{name:c,fullScreen:y,width:m,height:d,position:u,overlayColor:g,overlayOpacity:C,iconSize:j,closeButtonPosition:x,iconSvg:p}=s??{},S=core.useEditorMode(),{ref:v,overlay:b,handleClickOverlay:h,closeModal:D,open:f,dialogId:B}=useDialog.useDialog(s,l,"edit"===S),R="edit"!==S,q=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),k=system.createStyle({...styles.getWrapperStyle(i)}),A=system.createClass({...classes.getContainClasses(r?.cssClass,C,g)}),N=system.createAttr({...attrs.getAttrContainer({uid:B||""})}),I=system.createStyle({...styles.getContainStyle()}),L=system.createClass({...classes.getBackdropClasses(u)}),O=system.createStyle({...styles.getBackdropStyle(a)}),w=system.createAttr({...attrs.getAttrOverlay()}),E=system.createClass({...classes.getOverlayClasses()}),M=system.createStyle({...styles.getOverlayStyle(C,g,a)}),P=system.createStyle({...styles.getDialogContentStyle({style:a,width:m,height:d,fullScreen:y})}),T=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:f,isILP:R})}),_=system.createAttr({...attrs.getAttrClose()}),z=system.createClass({...classes.getHeadContentClasses()}),H=system.createStyle({...styles.getButtonContentStyle(s)}),W=system.createClass({...classes.getButtonContentClasses(x)}),F=system.createStyle({...styles.getSvgContentStyle(j)}),G=system.createClass({...classes.getSvgContentClasses()}),J=system.createStyle({...styles.getBodyContentStyle({setting:s,style:a,uid:l?.uid,pageContext:n})}),K=system.createClass({...classes.getBodyContentClasses()});return jsxRuntime.jsx("div",{...q,style:k,children:(f||"edit"!==S)&&jsxRuntime.jsx("dialog",{ref:v,open:f,"aria-label":c,...N,className:A,style:I,children:jsxRuntime.jsxs("div",{"aria-label":"Backdrop",className:L,style:O,children:[system.If(!!g,jsxRuntime.jsx("div",{ref:b,...w,className:E,style:M,onClick:h,"aria-hidden":!0})),jsxRuntime.jsx("span",{className:z}),jsxRuntime.jsxs("div",{role:"dialog","aria-label":"Dialog content",...o,className:T,style:P,children:[jsxRuntime.jsx("button",{..._,type:"button",tabIndex:-1,className:W,style:H,onClick:D,children:jsxRuntime.jsx(ButtonIcon.default,{iconSvg:p??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
                   <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
-                </svg>`,styles:W,classes:F})}),jsxRuntime.jsx("div",{"aria-label":"Dialog body",style:G,className:J,children:core.isEmptyChildren(t)?jsxRuntime.jsx(ChildrenDroppable.default,{}):core.filterToolbarPreview(t)}),core.filterToolbarPreview(t,!0)]})]})})})};exports.default=Dialog;
+                </svg>`,styles:F,classes:G})}),jsxRuntime.jsx("div",{"aria-label":"Dialog body",style:J,className:K,children:core.isEmptyChildren(t)?jsxRuntime.jsx(ChildrenDroppable.default,{}):core.filterToolbarPreview(t)}),core.filterToolbarPreview(t,!0)]})]})})})};exports.default=Dialog;

package/dist/cjs/dialog/components/Dialog.liquid.js

@@ -1,49 +1,49 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y}=e,c=r?.d,{frequency:o=3,triggerPercentage:i=0,trigger:n,triggerTime:g,frequencyMode:d="once",mobileTrigger:m,mobileTriggerTime:C,closeOnClickOutside:p}=s??{},{name:$,fullScreen:S,width:v,height:u,position:f,overlayColor:b,overlayOpacity:A,iconSize:B,closeButtonPosition:L,iconSvg:h}=s??{},j=s?.dialogId??a?.uid,D=system.createStateOrContext({dialogId:j,trigger:n,triggerTime:g,frequency:o,triggerPercentage:i,mobileTrigger:m,mobileTriggerTime:C,closeOnClickOutside:p,frequencyMode:d,display:c}),O=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),q=system.createStyle({...styles.getWrapperStyle(c)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,A,b)}),k=system.createAttr({...attrs.getAttrContainer({uid:j||""})}),x=system.createStyle({...styles.getContainStyle()}),I=system.createClass({...classes.getBackdropClasses(f)}),P=system.createStyle({...styles.getBackdropStyle(l)}),_=system.createAttr({...attrs.getAttrOverlay()}),M=system.createClass({...classes.getOverlayClasses()}),R=system.createStyle({...styles.getOverlayStyle(A,b,l)}),z=system.createStyle({...styles.getDialogContentStyle({style:l,width:v,height:u,fullScreen:S})}),G=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),N=system.createAttr({...attrs.getAttrClose()}),w=system.createClass({...classes.getHeadContentClasses()}),H=system.createStyle({...styles.getButtonContentStyle(s)}),J=system.createClass({...classes.getButtonContentClasses(L)}),T=system.createStyle({...styles.getSvgContentStyle(B)}),U=system.createClass({...classes.getSvgContentClasses()}),V=system.createStyle({...styles.getBodyContentStyle(s,l)}),W=system.createClass({...classes.getBodyContentClasses()}),F=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y,pageContext:c}=e,o=r?.d,{frequency:i=3,triggerPercentage:n=0,trigger:g,triggerTime:d,frequencyMode:m="once",mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$}=s??{},{name:S,fullScreen:v,width:u,height:f,position:b,overlayColor:A,overlayOpacity:B,iconSize:L,closeButtonPosition:h,iconSvg:j}=s??{},D=s?.dialogId??a?.uid,O=system.createStateOrContext({dialogId:D,trigger:g,triggerTime:d,frequency:i,triggerPercentage:n,mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$,frequencyMode:m,display:o}),q=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),x=system.createStyle({...styles.getWrapperStyle(o)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,B,A)}),k=system.createAttr({...attrs.getAttrContainer({uid:D||""})}),I=system.createStyle({...styles.getContainStyle()}),P=system.createClass({...classes.getBackdropClasses(b)}),_=system.createStyle({...styles.getBackdropStyle(l)}),M=system.createAttr({...attrs.getAttrOverlay()}),R=system.createClass({...classes.getOverlayClasses()}),z=system.createStyle({...styles.getOverlayStyle(B,A,l)}),G=system.createStyle({...styles.getDialogContentStyle({style:l,width:u,height:f,fullScreen:v})}),N=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),w=system.createAttr({...attrs.getAttrClose()}),H=system.createClass({...classes.getHeadContentClasses()}),J=system.createStyle({...styles.getButtonContentStyle(s)}),T=system.createClass({...classes.getButtonContentClasses(h)}),U=system.createStyle({...styles.getSvgContentStyle(L)}),V=system.createClass({...classes.getSvgContentClasses()}),W=system.createStyle({...styles.getBodyContentStyle({setting:s,style:l,uid:a?.uid,pageContext:c})}),F=system.createClass({...classes.getBodyContentClasses()}),K=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-dialog
-      ${{...O}}
+      ${{...q}}
       class="${helpers.getSettingPreloadData("gps-lazy")}"
-      style="${q}"
-      data-gp-setting='${JSON.stringify(D)}'>
+      style="${x}"
+      data-gp-setting='${JSON.stringify(O)}'>
       <dialog
-        aria-label="${$}"
+        aria-label="${S}"
         ${{...k}}
         class="${E}"
-        style="${x}"
+        style="${I}"
       >
-        <div aria-label="Backdrop" class="${I}" style="${P}">
-        ${system.If(!!b,core.template`
+        <div aria-label="Backdrop" class="${P}" style="${_}">
+        ${system.If(!!A,core.template`
             <div
-              ${{..._}}
-              class="${M}"
-              style="${R}"
+              ${{...M}}
+              class="${R}"
+              style="${z}"
               aria-hidden=true
             ></div>
         `)}
-          <span class="${w}"></span>
+          <span class="${H}"></span>
           <div
             role="dialog"
             aria-label="Dialog content"
             ${{...y}}
-            class="${G}"
-            style="${z}"
+            class="${N}"
+            style="${G}"
           >
             <button
-              ${{...N}}
+              ${{...w}}
               type="button"
               tabindex="-1"
-              class="${J}"
-              style="${H}"
+              class="${T}"
+              style="${J}"
             >
-              <span style="${T}" class="${U}">
-              ${h??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+              <span style="${U}" class="${V}">
+              ${j??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
                 <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
               </svg>`}
               </span>
             </button>
             <div
               aria-label="Dialog body"
-              style="${V}"
-              class="${W}">
+              style="${W}"
+              class="${F}">
                 <div>
                   ${t??""}
                 </div>
@@ -52,5 +52,5 @@
         </div>
       </dialog>
     </gp-dialog>
-    ${F()}
+    ${K()}
   `};exports.default=Dialog;

package/dist/cjs/dialog/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const Dialog={background:{id:"background",fields:["image.src"]}};exports.Dialog=Dialog;

package/dist/cjs/dialog/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Popup name"},controls:[{label:{en:"Name"},setting:{id:"name"}}]},{label:{en:"Button close"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Icon size"},setting:{id:"iconSize"}},{label:{en:"Icon color"},setting:{id:"btnColor"}},{label:{en:"Width"},setting:{id:"btnWidth"}},{label:{en:"Height"},setting:{id:"btnHeight"}},{label:{en:"Background"},setting:{id:"btnBg"}}],moreSettings:{controls:[{label:{en:"Corner"},setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:{en:"Position"}}]}},{label:{en:"Overlay"},controls:[{label:{en:"Color"},setting:{id:"overlayColor"}},{label:{en:"Opacity"},setting:{id:"overlayOpacity"}},{label:{en:"Click to close"},setting:{id:"closeOnClickOutside"}}]},{label:{en:"Size"},controls:[{label:{en:"Full screen"},setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:{en:"Width"},setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:{en:"Height"},setting:{id:"height"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Position"},controls:[{label:{en:"Position"},type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:{en:"Choose"},setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:{en:"Display condition"},controls:[{label:{en:"Show when"},setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:{en:"Delay"},setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:{en:"Scroll"},setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:{en:"On mobile"},setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:{en:"After load"},setting:{id:"mobileTriggerTime"}},{label:{en:"Frequency"},setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:{en:"Display time"},setting:{id:"frequency"}}]},{label:{en:"Effect"},controls:[{setting:{id:"effectType"},label:{en:"Entrance effect"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Popup name"},controls:[{label:{en:"Name"},setting:{id:"name"}}]},{label:{en:"Button close"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Icon size"},setting:{id:"iconSize"}},{label:{en:"Icon color"},setting:{id:"btnColor"}},{label:{en:"Width"},setting:{id:"btnWidth"}},{label:{en:"Height"},setting:{id:"btnHeight"}},{label:{en:"Background"},setting:{id:"btnBg"}}],moreSettings:{controls:[{label:{en:"Corner"},setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:{en:"Position"}}]}},{label:{en:"Overlay"},controls:[{label:{en:"Color"},setting:{id:"overlayColor"}},{label:{en:"Opacity"},setting:{id:"overlayOpacity"}},{label:{en:"Click to close"},setting:{id:"closeOnClickOutside"}}]},{label:{en:"Size"},controls:[{label:{en:"Full screen"},setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:{en:"Width"},setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:{en:"Height"},setting:{id:"height"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Position"},controls:[{label:{en:"Position"},type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:{en:"Choose"},setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:{en:"Display condition"},controls:[{label:{en:"Show when"},setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:{en:"Delay"},setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:{en:"Scroll"},setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:{en:"On mobile"},setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:{en:"After load"},setting:{id:"mobileTriggerTime"}},{label:{en:"Frequency"},setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:{en:"Display time"},setting:{id:"frequency"}}]},{label:{en:"Effect"},controls:[{setting:{id:"effectType"},label:{en:"Entrance effect"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/estimate-delivery/common/helpers.js

@@ -1 +1 @@
-"use strict";var TextInline=require("../../text/components/TextInline.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./styles.js");const getEstimateValue=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,getDayEst=e=>{let t=new Date(Date.now()),a=getEstimateValue(e?.estimateTime),r=getEstimateValue(e?.minEstimate),s=getEstimateValue(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===ESTIMATE_DAYS.SPECIFIC){let e=`${getDayFormat(getFutureDay(a),l)}`;return e}getDayFormat(t);let u=`${getDayFormat(getFutureDay(r),l)} - ${getDayFormat(getFutureDay(s),l)}`;return u},EstimateDateLevel=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=getTextContent({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:u,htmlTag:EstimateDateLevel(a),globalSize:a?.globalSize,background:a?.background,...!l&&{translate:a?.translate,isForceValue:!0}}},getTextContent=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=system.createClass({"estimate-date-main":!0}),n=l||s?.isPreviewing?a?.customText:helpers.getDynamicSourceLocales({val:a?.customText,uid:r?.uid,settingId:a?.translate||"",pageContext:s,isCapitalize:t?.typo?.attrs?.transform==="capitalize",translate:a?.translate}).toString(),i={pageContext:s,setting:a,isReact:l,builderProps:r,textWithTranslate:n};return`${a?.enableCustomText===!1?"":TextInline.default({styles:styles.getStyleEstimateDate(t,"typoCustom"),setting:{text:n},elementAttrs:{debugText:JSON.stringify(i).replaceAll("'","'")}})} ${TextInline.default({styles:styles.getStyleEstimateDate(t,"typoDate"),setting:{text:getDayEst(a)},className:u})}`},OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},ESTIMATE_DAYS={SPECIFIC:"specific",RANGE:"range"},getDayFormat=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear();function l(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}let u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tueday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:l(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},getFutureDay=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:getDayFormat(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:getDayFormat(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:getDayFormat(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:getDayFormat(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:getDayFormat(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};exports.ESTIMATE_DAYS=ESTIMATE_DAYS,exports.OUT_OF_STOCK=OUT_OF_STOCK,exports.getDayFormat=getDayFormat,exports.getFutureDay=getFutureDay,exports.getNewSetting=getNewSetting,exports.listFormatDate=listFormatDate;
+"use strict";var TextInline=require("../../text/components/TextInline.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getEstimateValue=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,getDayEst=e=>{let t=new Date(Date.now()),a=getEstimateValue(e?.estimateTime),r=getEstimateValue(e?.minEstimate),s=getEstimateValue(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===ESTIMATE_DAYS.SPECIFIC){let e=`${getDayFormat(getFutureDay(a),l)}`;return e}getDayFormat(t);let u=`${getDayFormat(getFutureDay(r),l)} - ${getDayFormat(getFutureDay(s),l)}`;return u},EstimateDateLevel=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=getTextContent({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:u,htmlTag:EstimateDateLevel(a),globalSize:a?.globalSize,background:a?.background,...!l&&{translate:a?.translate,isForceValue:!0}}},getTextContent=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=system.createClass({"estimate-date-main":!0}),n=l||s?.isPreviewing?a?.customText:helpers.getDynamicSourceLocales({val:a?.customText,uid:r?.uid,settingId:helpers.createSettingId({id:translate.EstimateDate?.customText?.id}),pageContext:s,isCapitalize:t?.typo?.attrs?.transform==="capitalize"}).toString(),i={pageContext:s,setting:a,isReact:l,builderProps:r,textWithTranslate:n};return`${a?.enableCustomText===!1?"":TextInline.default({styles:styles.getStyleEstimateDate(t,"typoCustom"),setting:{text:n},elementAttrs:{debugText:JSON.stringify(i).replaceAll("'","'")}})} ${TextInline.default({styles:styles.getStyleEstimateDate(t,"typoDate"),setting:{text:getDayEst(a)},className:u})}`},OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},ESTIMATE_DAYS={SPECIFIC:"specific",RANGE:"range"},getDayFormat=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear();function l(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}let u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tueday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:l(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},getFutureDay=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:getDayFormat(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:getDayFormat(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:getDayFormat(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:getDayFormat(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:getDayFormat(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};exports.ESTIMATE_DAYS=ESTIMATE_DAYS,exports.OUT_OF_STOCK=OUT_OF_STOCK,exports.getDayFormat=getDayFormat,exports.getFutureDay=getFutureDay,exports.getNewSetting=getNewSetting,exports.listFormatDate=listFormatDate;

package/dist/cjs/estimate-delivery/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const EstimateDate={customText:{id:"customText"}};exports.EstimateDate=EstimateDate;

package/dist/cjs/estimate-delivery/settings/configs/ui-v1.js

@@ -1 +1 @@
-"use strict";var helpers=require("../../common/helpers.js");const SettingUIV1=[{type:"control",label:{en:"Custom text"},layout:"vertical",setting:{id:"customText"},options:{tooltip:{icon:"info-line-16",content:"Apply customized text before estimate days",iconClass:"text-[#757575] hover:text-[#F9F9F9]",enableTeleport:!0,containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"group",label:{en:"Estimate days"},controls:[{type:"control",label:{en:"Type"},setting:{id:"typeEstimate"}},{type:"control",label:{en:"Min estimate"},setting:{id:"minEstimate"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.RANGE}"`,options:{tooltip:{icon:"info-line-16",content:"Minimum days from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",label:{en:"Max estimate"},setting:{id:"maxEstimate"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.RANGE}"`,options:{tooltip:{icon:"info-line-16",content:"Maximum days from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",label:{en:"Estimate"},setting:{id:"estimateTime"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.SPECIFIC}"`,options:{tooltip:{icon:"info-line-16",content:"Count from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}}]},{type:"group",label:{en:"Date format"},controls:[{type:"control",label:{en:"Type"},setting:{id:"typeFormat"},options:{tooltip:{icon:"info-line-16",content:"Precise date is displayed based on buyer time zone",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",condition:"typeFormat === 'Custom'",label:{en:"Custom format"},setting:{id:"customFormat"}},{type:"control",condition:"typeFormat === 'Custom'",info:{en:'<div style="font-style: normal; color: #AAAAAA">You can follow Shopify’s date format <a style="text-decoration: none; color: #7190FF" href="https://www.shopify.com/partners/blog/liquid-date-format" target="_blank">here.</a> </div>'},setting:{id:"moreFormat"}}]},{type:"group",layout:"vertical",setting:{id:"visibilityContainer"},controls:[{type:"control",layout:"vertical",label:{en:"Visibility"},setting:{id:"visibility"},options:{tooltip:{icon:"info-line-16",content:"Hide on live page when product or selected variant is out of stock",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}},label:"large"},onlyShowInTags:["Product"]},{type:"control",label:{en:"If out of stock"},setting:{id:"ifOutOfStock"}}],onlyShowInTags:["Product"]},{type:"control",label:{en:"Custom text"},setting:{id:"typoCustom"},layout:"vertical"},{type:"control",label:{en:"Date text"},setting:{id:"typoDate"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;
+"use strict";var helpers=require("../../common/helpers.js");const SettingUIV1=[{type:"control",label:{en:"Custom text"},layout:"vertical",setting:{id:"customText"},options:{tooltip:{icon:"info-line-16",content:"Apply customized text before estimate days",iconClass:"text-[#757575] hover:text-[#F9F9F9]",enableTeleport:!0,containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"group",label:{en:"Estimate days"},controls:[{type:"control",label:{en:"Type"},setting:{id:"typeEstimate"}},{type:"control",label:{en:"Min estimate"},setting:{id:"minEstimate"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.RANGE}"`,options:{tooltip:{icon:"info-line-16",content:"Minimum days from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",label:{en:"Max estimate"},setting:{id:"maxEstimate"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.RANGE}"`,options:{tooltip:{icon:"info-line-16",content:"Maximum days from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",label:{en:"Estimate"},setting:{id:"estimateTime"},condition:`typeEstimate === "${helpers.ESTIMATE_DAYS.SPECIFIC}"`,options:{tooltip:{icon:"info-line-16",content:"Count from the day buyer visit the page",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}}]},{type:"group",label:{en:"Date format"},controls:[{type:"control",label:{en:"Type"},setting:{id:"typeFormat"},options:{tooltip:{icon:"info-line-16",content:"Precise date is displayed based on buyer time zone",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}}}},{type:"control",condition:"typeFormat === 'Custom'",label:{en:"Custom format"},setting:{id:"customFormat"}},{type:"control",condition:"typeFormat === 'Custom'",info:{en:'<div style="font-style: normal; color: #AAAAAA">You can follow Shopify’s date format <a style="text-decoration: none; color: #7190FF" href="https://www.shopify.com/partners/blog/liquid-date-format" target="_blank">here.</a> </div>'},setting:{id:"moreFormat"}}]},{type:"group",layout:"vertical",setting:{id:"visibilityContainer"},controls:[{type:"control",layout:"vertical",label:{en:"Visibility"},setting:{id:"visibility"},options:{tooltip:{icon:"info-line-16",content:"Hide on live page when product or selected variant is out of stock",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"!w-fit",contentStyle:{width:"164px !important"}},label:"large"},onlyShowInTags:["Product"]},{type:"control",label:{en:"If out of stock"},setting:{id:"ifOutOfStock"}}],onlyShowInTags:["Product"]},{type:"control",label:{en:"Custom text"},setting:{id:"typoCustom"},layout:"vertical"},{type:"control",label:{en:"Date text"},setting:{id:"typoDate"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/form/components/form-checkbox/FormCheckbox.liquid.js

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FromCheckbox=({builderProps:e,setting:s,advanced:t,pageContext:l,styles:o})=>{let{name:c,description:r,selected:a,required:m,translate:y}=s??{},i=helpers.getDynamicSourceLocales({val:r,uid:e?.uid,settingId:"description",pageContext:l,translate:y}),p=system.createStyle(styles.composeContainerStyles(s)),n=system.createStyle(styles.composeFormCheckboxStyles(s,o,e)),u=system.createStyle(styles.composeFormCheckboxInputStyles()),d=system.createStyle(styles.getComposedTextStyle(s)),C=system.createClass(classes.composeContainerClasses(s,t,e)),$=system.createClass(classes.composeFormCheckboxInputClasses()),b=system.createClass(classes.composeFormCheckboxLabelClasses());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-checkbox/configs/translate.js");const FromCheckbox=({builderProps:e,setting:s,advanced:t,pageContext:l,styles:r})=>{let{name:o,description:c,selected:a,required:m}=s??{},y=helpers.getDynamicSourceLocales({val:c,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormCheckbox?.description?.id}),pageContext:l}),i=system.createStyle(styles.composeContainerStyles(s)),n=system.createStyle(styles.composeFormCheckboxStyles(s,r,e)),p=system.createStyle(styles.composeFormCheckboxInputStyles()),d=system.createStyle(styles.getComposedTextStyle(s)),u=system.createClass(classes.composeContainerClasses(s,t,e)),C=system.createClass(classes.composeFormCheckboxInputClasses()),h=system.createClass(classes.composeFormCheckboxLabelClasses());return core.template`
     <div
       data-id="${e?.uid}"
-      style="${p}"
+      style="${i}"
     >
       <label
         style="${n}"
-        class="${C}"
+        class="${u}"
       >
         <input
-          class="${$}"
-          name="${c}"
+          class="${C}"
+          name="${o}"
           type="checkbox"
           ${system.If(a,"checked")}
           ${system.If(m,"required")}
-          style="${u}"
+          style="${p}"
         >
         </input>
-        <span class="${b}" style="${d}">
-          ${i}
+        <span class="${h}" style="${d}">
+          ${y}
         </span>
       </label>
     </div>

package/dist/cjs/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormDropdown=({builderProps:e,setting:s,advanced:t,pageContext:r,styles:o})=>{let{name:l,childItem:a,required:p,translate:c}=s??{},d=a?.map((s,t)=>helpers.getDynamicSourceLocales({val:s,uid:e?.uid,settingId:`childItem_${t}`,pageContext:r,translate:c})),i=system.createStyle(styles.composeContainerStyles(t,s)),m=system.createStyle({...styles.composeFormDropdownStyles(t,s,o),...styles.getAppendTypoStyleFirstTime(s)}),n=system.createStyle(styles.getStyleOption(s)),y=system.createClass(classes.composeContainerClasses(t,e)),u=system.createClass(classes.composeFormDropdownClasses(s));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-dropdown/configs/translate.js");const FormDropdown=({builderProps:e,setting:s,advanced:t,pageContext:r,styles:o})=>{let{name:l,childItem:a,required:p}=s??{},d=a?.map((s,t)=>helpers.getDynamicSourceLocales({val:s,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormDropdown?.childItem?.id,index:t}),pageContext:r})),c=system.createStyle(styles.composeContainerStyles(t,s)),i=system.createStyle({...styles.composeFormDropdownStyles(t,s,o),...styles.getAppendTypoStyleFirstTime(s)}),n=system.createStyle(styles.getStyleOption(s)),m=system.createClass(classes.composeContainerClasses(t,e)),y=system.createClass(classes.composeFormDropdownClasses(s));return core.template`
     <gp-form-dropdown
       data-id="${e?.uid}"
-      class="${y}"
-      style="${i}"
+      class="${m}"
+      style="${c}"
     >
       <select
         type="email"
-        class="${u}"
-        style="${m}"
+        class="${y}"
+        style="${i}"
         ${system.If(p,"required")}
         name="${l}"
         gp-data='${JSON.stringify(s).replaceAll("'","&#039;")}'

package/dist/cjs/form/components/form-email/FormEmail.liquid.js

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:l,pageContext:a,styles:r})=>{let{placeholder:c,required:m,hideOnClient:o,defaultEmail:i,translate:y,showTitle:n,title:p}=t??{},u=helpers.getDynamicSourceLocales({val:c,uid:e?.uid,settingId:"placeholder",pageContext:a,translate:y}),d=system.createStyle(styles.composeContainerStyles(t,l)),$=system.createStyle(styles.composeInnerStyles(t,l,r)),C=system.createClass(classes.composeContainerClasses({setting:t,advanced:l,builderProps:e,type:"liquid"})),q=system.createClass(classes.composeInnerClasses(t,e)),v=system.createClass(classes.getClassTitle());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-email/configs/translate.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:l,pageContext:a,styles:r})=>{let{placeholder:i,required:m,hideOnClient:c,defaultEmail:o,showTitle:n,title:y}=t??{},p=helpers.getDynamicSourceLocales({val:i,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormEmail?.placeholder?.id}),pageContext:a}),u=system.createStyle(styles.composeContainerStyles(t,l)),d=system.createStyle(styles.composeInnerStyles(t,l,r)),$=system.createClass(classes.composeContainerClasses({setting:t,advanced:l,builderProps:e,type:"liquid"})),g=system.createClass(classes.composeInnerClasses(t,e)),q=system.createClass(classes.getClassTitle());return core.template`
     <div
       ${{...s}}
       data-id="${e?.uid}"
-      class="${C}"
-      style="${d}"
+      class="${$}"
+      style="${u}"
     >
-      ${system.If(n,`<span className="${v}">${p}</span>`)}
+      ${system.If(n,`<span className="${q}">${y}</span>`)}
       <input
         type="email"
-        class="${q}"
-        style="${$}"
-        placeholder="${u}"
+        class="${g}"
+        style="${d}"
+        placeholder="${p}"
         name="${"contact[email]"}"
         ${system.If(m,"required")}
         autocomplete="email"
-        ${system.If(o,`value="${i}"`)}
+        ${system.If(c,`value="${o}"`)}
       ></input>
     </div>
   `};exports.default=FormEmail;

package/dist/cjs/form/components/newsletter/Newsletter.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),attrs=require("./common/attrs.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),styles$1=require("../contact/common/styles.js"),classes$1=require("../contact/common/classes.js");const Newsletter=({builderProps:e,setting:s,children:t,style:r,formType:a,advanced:l,pageContext:o,styles:c})=>{let i=helpers.getDynamicSourceLocales({val:s?.errorMessage,uid:e?.uid,settingId:"errorMessage",pageContext:o,defaultVal:o?.isPreviewing?`Can’t send email. Please try again later.`:helpers.getStaticLocale("Newsletter","err_msg_default"),translate:s?.translate}),m=helpers.getDynamicSourceLocales({val:s?.successMessage,uid:e?.uid,settingId:"successMessage",pageContext:o,defaultVal:o?.isPreviewing?"Thanks for subscribing":helpers.getStaticLocale("Newsletter","success_msg_default"),translate:s?.translate}),n=attrs.composeContainerAttrs(e,s),d=attrs.composeAnchorAttrs(e,s),p=system.createClass(classes.composeFormClasses()),y=system.createStyle(styles.composeFormStyles("error",s)),u=system.createStyle(styles.composeFormStyles("success",s)),g=attrs.composeFormAttrs(e,"error"),$=attrs.composeFormAttrs(e,"success"),f=attrs.composePopoverAttrs(e),v=styles.popoverStyles(e),S=system.createStyle(styles$1.composeContainerStyles(s,c,r)),h=system.createClass(classes$1.composeContainerClasses());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),attrs=require("./common/attrs.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),styles$1=require("../contact/common/styles.js"),classes$1=require("../contact/common/classes.js"),translate=require("../../settings/newsletter/configs/translate.js");const Newsletter=({builderProps:e,setting:s,children:t,style:r,formType:a,advanced:l,pageContext:o,styles:c})=>{let i=helpers.getDynamicSourceLocales({val:s?.errorMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.errorMessage?.id}),pageContext:o,defaultVal:o?.isPreviewing?`Can’t send email. Please try again later.`:helpers.getStaticLocale("Newsletter","err_msg_default")}),m=helpers.getDynamicSourceLocales({val:s?.successMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.successMessage?.id}),pageContext:o,defaultVal:o?.isPreviewing?"Thanks for subscribing":helpers.getStaticLocale("Newsletter","success_msg_default")}),n=attrs.composeContainerAttrs(e,s),d=attrs.composeAnchorAttrs(e,s),p=system.createClass(classes.composeFormClasses()),y=system.createStyle(styles.composeFormStyles("error",s)),g=system.createStyle(styles.composeFormStyles("success",s)),u=attrs.composeFormAttrs(e,"error"),$=attrs.composeFormAttrs(e,"success"),f=attrs.composePopoverAttrs(e),v=styles.popoverStyles(e),S=system.createStyle(styles$1.composeContainerStyles(s,c,r)),h=system.createClass(classes$1.composeContainerClasses());return core.template`
     <div class="${h}" style="${S}">
       <gp-form
         ${{...n}}
@@ -11,7 +11,7 @@
         {% form '${a||"customer"}', class: 'gp-form-${e?.uid} ${l?.cssClass}', id: 'contact_form_${e?.uid}' %}
           {% if form.errors %}
             <div
-              ${{...g}}
+              ${{...u}}
               class="${p}"
               style="${y}"
             >
@@ -25,7 +25,7 @@
             <div
               ${{...$}}
               class="${p}"
-              style="${u}"
+              style="${g}"
             >
               ${m}
             </div>

package/dist/cjs/form/components/textarea/TextArea.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:r,advanced:a,pageContext:l,styles:o})=>{let{text:c,name:m,placeholder:y,required:i,translate:d}=e??{},u=""===m||void 0===m?"contact[note]":m,n=helpers.getDynamicSourceLocales({val:y,uid:s?.uid,settingId:"placeholder",pageContext:l,translate:d}),p=system.createStyle(styles.composeContainerStyles(a,e)),$=system.createStyle(styles.composeTextareaStyles(a,e,o)),x=system.createClass(classes.composeContainerClasses(a,s)),v=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-textarea/configs/translate.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:r,advanced:a,pageContext:l,styles:o})=>{let{text:c,name:i,placeholder:m,required:d}=e??{},n=""===i||void 0===i?"contact[note]":i,y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.FormTextarea?.placeholder?.id}),pageContext:l}),u=system.createStyle(styles.composeContainerStyles(a,e)),p=system.createStyle(styles.composeTextareaStyles(a,e,o)),x=system.createClass(classes.composeContainerClasses(a,s)),$=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
     <div
       ${r}
       data-id="${s?.uid}"
       class="${x}"
-      style="${p}"
+      style="${u}"
     >
       <textarea
-        class="${v}"
-        style="${$}"
-        placeholder="${n}"
-        ${system.If(i,"required")}
-        name="${u}"
+        class="${$}"
+        style="${p}"
+        placeholder="${y}"
+        ${system.If(d,"required")}
+        name="${n}"
         value="${c}"
       ></textarea>
     </div>

package/dist/cjs/form/components/textfield/TextField.liquid.js

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:r,pageContext:a,styles:c})=>{let{text:o,name:i,placeholder:m,required:y,translate:d}=e??{},u=""===i||void 0===i?"contact[first_name]":i,n=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:"placeholder",pageContext:a,translate:d}),p=system.createStyle(styles.composeContainerStyles(r,e)),$=system.createClass(classes.composeContainerClasses(r,s)),v=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),x=system.createStyle(styles.composeTextareaStyles(r,e,c));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-field/configs/translate.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:r,pageContext:a,styles:i})=>{let{text:c,name:o,placeholder:d,required:n}=e??{},m=""===o||void 0===o?"contact[first_name]":o,y=helpers.getDynamicSourceLocales({val:d,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextField?.placeholder?.id}),pageContext:a}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createClass(classes.composeContainerClasses(r,s)),$=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),x=system.createStyle(styles.composeTextareaStyles(r,e,i));return core.template`
     <div
       ${l}
       data-id="${s?.uid}"
-      class="${$}"
-      style="${p}"
+      class="${p}"
+      style="${u}"
     >
       <input
         type="text"
-        class="${v}"
+        class="${$}"
         style="${x}"
-        placeholder="${n}"
-        ${system.If(y,"required")}
-        name="${u}"
-        value="${o}"
+        placeholder="${y}"
+        ${system.If(n,"required")}
+        name="${m}"
+        value="${c}"
       ></input>
     </div>
   `};exports.default=TextField;

package/dist/cjs/form/components/textinput/TextInput.liquid.js

@@ -1,26 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:l,pageContext:r,styles:c})=>{let{text:o,name:m,placeholder:i,required:y,translate:d,formType:p}=e??{},u=m?.[p??"text"]===""||void 0===m?"contact[first_name]":m?.[p??"text"],n=helpers.getDynamicSourceLocales({val:i,uid:s?.uid,settingId:"placeholder",pageContext:r,translate:d}),$=system.createStyle(styles.composeContainerStyles(l,e)),x=system.createClass(classes.composeContainerClasses(l,s)),v=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),C=system.createStyle(styles.composeTextareaStyles(l,e,c)),q=system.createClass({composedTextFieldClasses:!0}),f=styles.getRowsTextArea(e),h="textarea"===p;return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-input/configs/translate.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:c})=>{let{text:o,name:i,placeholder:m,required:d,formType:n}=e??{},y=i?.[n??"text"]===""||void 0===i?"contact[first_name]":i?.[n??"text"],p=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextInput?.placeholder?.id}),pageContext:l}),u=system.createStyle(styles.composeContainerStyles(r,e)),$=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),v=system.createStyle(styles.composeTextareaStyles(r,e,c)),g=system.createClass({composedTextFieldClasses:!0}),q=styles.getRowsTextArea(e),C="textarea"===n;return core.template`
     <div
       ${a}
       data-id="${s?.uid}"
-      class="${x}"
-      style="${$}"
+      class="${$}"
+      style="${u}"
     >
       <div>
-        ${system.If(!h,core.template`<input
+        ${system.If(!C,core.template`<input
             type="text"
-            class="${v}"
-            style="${C}"
-            placeholder="${n}"
-            ${system.If(y,"required")}
-            name="${u}"
+            class="${x}"
+            style="${v}"
+            placeholder="${p}"
+            ${system.If(d,"required")}
+            name="${y}"
             value="${o}"
           ></input>`,core.template`<textarea
-            rows="${f}"
-            class="${q}"
-            style="${C}"
-            placeholder="${n}"
-            ${system.If(y,"required")}
-            name="${u}"
+            rows="${q}"
+            class="${g}"
+            style="${v}"
+            placeholder="${p}"
+            ${system.If(d,"required")}
+            name="${y}"
             value="${o}"
           ></textarea>`)}
       </div>

package/dist/cjs/form/settings/contact/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const ContactForm={successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};exports.ContactForm=ContactForm;

package/dist/cjs/form/settings/contact/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:{en:"Message"},controls:[{type:"combo",label:{en:"Success"},iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:{en:"Success message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"successMessage"}},{setting:{id:"successColor"},label:{en:"Color"}}]},{type:"combo",label:{en:"Error"},iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:{en:"Error message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:{en:"Color"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Action after submit"},controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:{en:"Message"},controls:[{type:"combo",label:{en:"Success"},iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:{en:"Success message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"successMessage"}},{setting:{id:"successColor"},label:{en:"Color"}}]},{type:"combo",label:{en:"Error"},iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:{en:"Error message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:{en:"Color"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Action after submit"},controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/form/settings/form-checkbox/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const FormCheckbox={description:{id:"description"}};exports.FormCheckbox=FormCheckbox;

package/dist/cjs/form/settings/form-dropdown/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const FormDropdown={childItem:{id:"childItem"}};exports.FormDropdown=FormDropdown;

package/dist/cjs/form/settings/form-email/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const FormEmail={placeholder:{id:"placeholder"}};exports.FormEmail=FormEmail;

package/dist/cjs/form/settings/form-textarea/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const FormTextarea={placeholder:{id:"placeholder"}};exports.FormTextarea=FormTextarea;

package/dist/cjs/form/settings/newsletter/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const Newsletter={successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};exports.Newsletter=Newsletter;

package/dist/cjs/form/settings/newsletter/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:{en:"Message"},controls:[{type:"combo",label:{en:"Success"},iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:{en:"Success message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"successMessage"}},{setting:{id:"successColor"},label:{en:"Color"}}]},{type:"combo",label:{en:"Error"},iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:{en:"Error message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:{en:"Color"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Action after submit"},controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:{en:"Message"},controls:[{type:"combo",label:{en:"Success"},iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:{en:"Success message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"successMessage"}},{setting:{id:"successColor"},label:{en:"Color"}}]},{type:"combo",label:{en:"Error"},iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:{en:"Error message"},controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:{en:"Color"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Action after submit"},controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/form/settings/submit-button/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const SubmitButton={label:{id:"label"}};exports.SubmitButton=SubmitButton;

package/dist/cjs/form/settings/submit-button/configs/ui-v1.js

@@ -1 +1 @@
-"use strict";const SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;
+"use strict";const SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn?.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn?.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;