@gem-sdk/components 8.0.0-dev.54 → 8.0.0-dev.64

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");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,translate:i}=e??{},g="Liquid"===o?helpers$2.getBackgroundTranslated({background:y,uid:r,translate:i,pageContext:l,isTranslateVideo:!1}):y,p={...helpers.getInnerStyle(t),...helpers.removeHeightPercentForContent(helpers.heightStyle(n,s)),"border-radius":"inherit",...core.getStyleBackgroundByDevice(g),...core.getGradientBgrStyleByDevice(g,{desktop:!0,tablet:!0,mobile:!0})};return filterTruthyStyles(p)};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/settings.js

@@ -2,4 +2,4 @@
         <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/>
       </svg>`,compoDefaultValue:`<svg height="20" width="20" data-name="x-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817606065848680">
         <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/>
-      </svg>`},{id:"btnWidth",type:"input:unit",units:["px","%"],devices:{desktop:{default:"32px"}}},{id:"btnHeight",type:"input:unit",units:["px","%"],devices:{desktop:{default:"32px"}}},{id:"iconSize",type:"input:stepper",default:"16px",includeUnit:"px"},{id:"btnBg",type:"color-picker-v2",default:"brand",compoDefaultValue:"brand"},{id:"btnColor",type:"color-picker-v2",default:"text-3",compoDefaultValue:"text-3"},{id:"trigger",type:"select",options:[{label:"None",value:"none"},{label:"After page loaded",value:"show-on-page-load"},{label:"Scroll partially",value:"show-after-scroll"},{label:"About to exit",value:"show-when-about-exit"}],default:"none"},{id:"mobileTrigger",type:"select",options:[{label:"None",value:"none"},{label:"Timer",value:"timer"}],default:"none"},{id:"mobileTriggerTime",type:"input:slider",min:0,default:10,max:100,units:["s"],useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"btnRounded",type:"radius-preset",default:{radiusType:"none"}},{id:"background",type:"background-media",ignoreReRender:!0,allowBackgroundImageAndVideo:!1,devices:{desktop:{default:{type:"color",color:"bg-1",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}}]}];exports.DialogSettings=DialogSettings;
+      </svg>`},{id:"btnWidth",type:"input:unit",units:["px","%"],devices:{desktop:{default:"32px"}}},{id:"btnHeight",type:"input:unit",units:["px","%"],devices:{desktop:{default:"32px"}}},{id:"iconSize",type:"input:stepper",default:"16px",includeUnit:"px"},{id:"btnBg",type:"color-picker-v2",default:"brand",compoDefaultValue:"brand"},{id:"btnColor",type:"color-picker-v2",default:"text-3",compoDefaultValue:"text-3"},{id:"trigger",type:"select",options:[{label:"None",value:"none"},{label:"After page loaded",value:"show-on-page-load"},{label:"Scroll partially",value:"show-after-scroll"},{label:"About to exit",value:"show-when-about-exit"}],default:"none"},{id:"mobileTrigger",type:"select",options:[{label:"None",value:"none"},{label:"Timer",value:"timer"}],default:"none"},{id:"mobileTriggerTime",type:"input:slider",min:0,default:10,max:100,units:["s"],useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"btnRounded",type:"radius-preset",default:{radiusType:"none"}},{id:"background",type:"background-media",ignoreReRender:!0,allowBackgroundImageAndVideo:!1,devices:{desktop:{default:{type:"color",color:"bg-1",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]}]}];exports.DialogSettings=DialogSettings;

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/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/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/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/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;

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

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{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"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:{en:"Padding"},controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{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"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:{en:"Text styles"},controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,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"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{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}}}]}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{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"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:{en:"Padding"},controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{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"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:{en:"Text styles"},controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,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"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{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}}}]}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

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

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"placeholder"}},{setting:{id:"placeholderColor"},label:{en:"Color"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:{en:"Size"},controls:[{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},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"}},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{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:"Configuration"},controls:[{label:{en:"Type"},setting:{id:"formType"}},{label:{en:"Visible text lines"},setting:{id:"textLine"},conditionDisplay:"formType === 'textarea'"},{label:{en:"Required"},setting:{id:"required"}},{label:{en:"Field name"},help:{content:"Identify the information submitted via this element."},conditionDisplay:"formType === 'text'",controlConfig:{id:"name_text",type:"input",linkWithSetting:{name:"name",field:"text"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'textarea'",controlConfig:{id:"name_textarea",type:"input",linkWithSetting:{name:"name",field:"textarea"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'email'",controlConfig:{id:"name_email",type:"input",linkWithSetting:{name:"name",field:"email"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'number'",controlConfig:{id:"name_number",type:"input",linkWithSetting:{name:"name",field:"number"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'phone'",controlConfig:{id:"name_phone",type:"input",linkWithSetting:{name:"name",field:"phone"}}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"placeholder"}},{setting:{id:"placeholderColor"},label:{en:"Color"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:{en:"Size"},controls:[{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},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"}},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{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:"Configuration"},controls:[{label:{en:"Type"},setting:{id:"formType"}},{label:{en:"Visible text lines"},setting:{id:"textLine"},conditionDisplay:"formType === 'textarea'"},{label:{en:"Required"},setting:{id:"required"}},{label:{en:"Field name"},help:{content:"Identify the information submitted via this element."},conditionDisplay:"formType === 'text'",controlConfig:{id:"name_text",type:"input",linkWithSetting:{name:"name",field:"text"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'textarea'",controlConfig:{id:"name_textarea",type:"input",linkWithSetting:{name:"name",field:"textarea"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'email'",controlConfig:{id:"name_email",type:"input",linkWithSetting:{name:"name",field:"email"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'number'",controlConfig:{id:"name_number",type:"input",linkWithSetting:{name:"name",field:"number"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'phone'",controlConfig:{id:"name_phone",type:"input",linkWithSetting:{name:"name",field:"phone"}}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/grid/components/row/Row.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),HTML5Embed=require("../../../video/components/HTML5Embed.js"),helpers$1=require("../../../video/common/helpers.js"),LiteYouTubeEmbed=require("../../../video/components/LiteYouTubeEmbed.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:t,children:r}=e,{isSection:i,as:l="div"}=t??{},{background:o}=s??{},{builderAttrs:a,bgVideo:m,isRowEmpty:n,rowClassEditorOnly:u,isRenderPlaceholderViewBox:d,isPostPurchase:c,ref:p,postPurchaseVerticalAlign:j}=useRowSetting.useRowSettings(e),{rowStyle:x,backgroundBoxStyle:y,embedVideoStyle:h,sectionStyle:R}=styles.getRowStyle(e,c),{rowAttr:g}=attrs.getAttr(e),{rowClass:b,backgroundBoxClass:v,backgroundBoxInnerClass:f,sectionClass:C,wrapperYoutubeClasses:k,iframeYoutubeClasses:q}=classes.getClass(e),E=system.createClass({[b]:!0,[u]:!0}),w=React.useMemo(()=>{if(!helpers.checkHasBackgroundVideo(o))return;if(m?.videoType==="html5"&&!m.videoHtml5||m?.videoType==="youtube"&&!m.video)return null;if(m?.videoType==="html5"&&m.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:m.loop,controls:!1,autoplay:!0,src:m.videoHtml5,title:"Video",className:"gp-relative",style:h});let e=m?.video??"",s=helpers$1.getYoutubeVideoId(e);if(!helpers$1.youtubeVideoRegex.test(e)||!s)return;let t=`&loop=${m?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:h,wrapperClass:k,iframeClass:q})},[o,m,h,q,k]),H=React.Children.map(r,e=>!!core.isEmptyChildren(e)),T=jsxRuntime.jsxs("div",{ref:p,...a,...g,style:x(c),className:E,children:[!!w&&jsxRuntime.jsx("div",{className:v,style:y,children:jsxRuntime.jsx("div",{className:f,children:w})}),d?jsxRuntime.jsx(jsxRuntime.Fragment,{}):n?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,s=>React.isValidElement(s)?React.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!H,...s.props,key:s.key,order:t?.order,layout:t?.layout,justifyContent:c?j():t?.verticalAlign}):null)]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!o?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.desktop.image.src,as:"image"}),!!o?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.tablet.image.src,as:"image"}),!!o?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(l,{className:C,style:R,children:T}):T]})};exports.default=Row;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),HTML5Embed=require("../../../video/components/HTML5Embed.js"),helpers$1=require("../../../video/common/helpers.js"),LiteYouTubeEmbed=require("../../../video/components/LiteYouTubeEmbed.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:t,children:r}=e,{isSection:i,as:l="div"}=t??{},{background:o}=s??{},{builderAttrs:a,bgVideo:m,isRowEmpty:n,rowClassEditorOnly:u,isRenderPlaceholderViewBox:d,isPostPurchase:c,ref:p,postPurchaseVerticalAlign:j}=useRowSetting.useRowSettings(e),{rowStyle:x,backgroundBoxStyle:y,embedVideoStyle:h,sectionStyle:R}=styles.getRowStyle({rowProps:e,isPostPurchase:c,type:"React"}),{rowAttr:g}=attrs.getAttr(e),{rowClass:b,backgroundBoxClass:v,backgroundBoxInnerClass:f,sectionClass:C,wrapperYoutubeClasses:k,iframeYoutubeClasses:q}=classes.getClass(e),E=system.createClass({[b]:!0,[u]:!0}),w=React.useMemo(()=>{if(!helpers.checkHasBackgroundVideo(o))return;if(m?.videoType==="html5"&&!m.videoHtml5||m?.videoType==="youtube"&&!m.video)return null;if(m?.videoType==="html5"&&m.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:m.loop,controls:!1,autoplay:!0,src:m.videoHtml5,title:"Video",className:"gp-relative",style:h});let e=m?.video??"",s=helpers$1.getYoutubeVideoId(e);if(!helpers$1.youtubeVideoRegex.test(e)||!s)return;let t=`&loop=${m?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:h,wrapperClass:k,iframeClass:q})},[o,m,h,q,k]),H=React.Children.map(r,e=>!!core.isEmptyChildren(e)),T=jsxRuntime.jsxs("div",{ref:p,...a,...g,style:x(c),className:E,children:[!!w&&jsxRuntime.jsx("div",{className:v,style:y,children:jsxRuntime.jsx("div",{className:f,children:w})}),d?jsxRuntime.jsx(jsxRuntime.Fragment,{}):n?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,s=>React.isValidElement(s)?React.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!H,...s.props,key:s.key,order:t?.order,layout:t?.layout,justifyContent:c?j():t?.verticalAlign}):null)]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!o?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.desktop.image.src,as:"image"}),!!o?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.tablet.image.src,as:"image"}),!!o?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(l,{className:C,style:R,children:T}):T]})};exports.default=Row;

package/dist/cjs/grid/components/row/Row.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",{stateData:d}=helpers.getData(e),{rowStyle:p,backgroundBoxStyle:c,embedVideoStyle:n,sectionStyle:u}=styles.getRowStyle(e),{rowAttr:m}=attrs.getAttr(e),{rowClass:g,backgroundBoxClass:$,backgroundBoxInnerClass:f,sectionClass:h,wrapperYoutubeClasses:y,iframeYoutubeClasses:b}=classes.getClass(e),k=system.createClass({[g]:!0});r?.background&&(r.background=helpers.getBackgroundTranslatedImageVideo(r.background,e));let v=()=>{if(!helpers.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:n});if(helpers.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:n,wrapperClass:y,iframeClass:b})}},q=()=>{if(helpers.checkHasBackgroundVideo(a))return core.template`
-      ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-    `},R=core.template`
-    <gp-row gp-data='${d}' ${{...m}} class="${k}" style="${p()}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",d=helpers.getBackgroundTranslated({background:a,uid:o?.uid,translate:r?.translate,pageContext:e.pageContext}),{stateData:p}=helpers$1.getData(e),{rowStyle:c,backgroundBoxStyle:n,embedVideoStyle:u,sectionStyle:m}=styles.getRowStyle({rowProps:e,type:"Liquid",translatedBackground:d}),{rowAttr:g}=attrs.getAttr(e),{rowClass:$,backgroundBoxClass:f,backgroundBoxInnerClass:h,sectionClass:y,wrapperYoutubeClasses:b,iframeYoutubeClasses:k}=classes.getClass(e),q=system.createClass({[$]:!0}),v=()=>{if(!helpers$1.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers$1.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:u});if(helpers$1.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:u,wrapperClass:b,iframeClass:k})}},R=()=>{if(helpers$1.checkHasBackgroundVideo(a))return core.template`
+      ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    `},j=core.template`
+    <gp-row gp-data='${p}' ${{...g}} class="${q}" style="${c()}">
       ${system.If(!!v(),core.template`
-          <div class="${$}" style="${c}">
-            <div class="${f}">${v()}</div>
+          <div class="${f}" style="${n}">
+            <div class="${h}">${v()}</div>
           </div>
         `)}
 
       ${core.WrapRenderChildren({uid:o?.uid||"",customProps:t?.[0].customProps},t?.map(e=>{if(e)return core.RenderChildren({...e,order:s?.order,layout:s?.layout,justifyContent:s?.verticalAlign})}))}
 
-      ${q()}
+      ${R()}
     </gp-row>
   `;return core.template`
     ${core.RenderIf(!!r?.preloadBgImage,`${core.RenderIf(!!a?.desktop?.image?.src,`<link rel="preload" href="${a?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!a?.tablet?.image?.src,`<link rel="preload" href="${a?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!a?.mobile?.image?.src,`<link rel="preload" href="${a?.mobile?.image?.src}" as="image" />`)}`)}
@@ -19,10 +19,10 @@
 
     ${system.If(l,core.template`
         <${i}
-          class="${h} ${l?helpers$1.getSettingPreloadData("gps-lazy"):""}"
-          style="${u}"
+          class="${y} ${l?helpers.getSettingPreloadData("gps-lazy"):""}"
+          style="${m}"
         >
-          ${R}
+          ${j}
         </${i}>
-      `,core.template`${R}`)}
+      `,core.template`${j}`)}
   `};exports.default=Row;

package/dist/cjs/grid/components/row/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../helpers.js");const getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],a=t?.[d];i&&a&&(r[d]=reduceRadiusForState(i.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i},getBackgroundTranslatedImageVideo=(e,t)=>{let{builderProps:r,styles:d}=t,i=d?.translate?"true":void 0,a=r?.uid;if(!e||!i)return e;let o=core.cloneDeep(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let r=helpers.getDynamicSourceLocales({val:t.image.src,uid:a,settingId:`background_${e}_image_src`,translate:i});t.image.src=String(r)}if("youtube"===t.videoType&&t.video){let r=helpers.getDynamicSourceLocales({val:t.video,uid:a,settingId:`background_${e}_video`,translate:i});t.video=String(r)}if("html5"===t.videoType&&t.videoHtml5){let r=helpers.getDynamicSourceLocales({val:t.videoHtml5,uid:a,settingId:`background_${e}_videoHtml5`,translate:i});t.videoHtml5=String(r)}}}return o};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getBackgroundTranslatedImageVideo=getBackgroundTranslatedImageVideo,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;

package/dist/cjs/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js"),helper=require("../../../../post-purchase/common/helper.js");const getRowStyle=(e,t)=>{let{children:r,setting:o,builderProps:s,styles:l,style:i,advanced:p,isNotFullWidth:a,parentStyle:c}=e,{isSection:n,layout:d,horizontalAlign:m,responsive:y,inlineAlignment:b}=o??{},{width:u,columnGap:g,rowGap:k,background:S,verticalGutter:v,verticalGutterMobile:h,enablePagePadding:R,height:f}=l??{},x=helpers.getInnerRadiusExcludeBorder(p?.border,p?.rounded),w=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},B=core.makeStyleResponsive("of",{desktop:w(x.desktop,core.getValueByDevice(p?.border,"desktop"))?"hidden":void 0,tablet:w(x.tablet,core.getValueByDevice(p?.border,"tablet"))?"hidden":void 0,mobile:w(x.mobile,core.getValueByDevice(p?.border,"mobile"))?"hidden":void 0}),D=s?.builderData?.childrens?.length,j={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},q=core.isEmptyChildren(r)||!D,V={desktop:u?.desktop==="default"?"1200px":u?.desktop,tablet:u?.tablet==="default"?"1200px":u?.tablet,mobile:u?.mobile==="default"?"1200px":u?.mobile},O=helpers.createStyleObject(t?V:u),[T,C]=core.splitStyle(["pos","top","left","bottom","right","z"],i),E=()=>({...n?C:i,...core.makeStyleResponsive("cg",v),...core.makeStyleResponsive("rg",h),...d?core.composeGridLayout(d):core.makeStyleResponsive("gtc",y),...core.makeStyleResponsive("w",O.content),...core.makeStyleResponsive("h",f),...n?{}:B}),G=()=>({"--mb":"0px","--mt":"0px",...core.makeStyleResponsive("cg",g),...core.makeStyle({pc:b,rg:k?helper.postPurchaseViewSpacing[k]:"0px"})}),L=e=>({...core.getStyleBackgroundByDevice(S,e),...core.getGradientBgrStyleByDevice(S,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",m)}),z=()=>{let e=a&&!q;return e?{marginLeft:"0px",marginRight:"0px"}:{}},H=()=>({...core.composeRadius(x)}),I=(e=!1)=>system.createStyle({...E(),...L(),...z(),...e?G():{},...o?.sameHeightSubgridContainer&&c}),P=system.createStyle({...H()}),Y=system.createStyle({...j,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),A=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},F={desktop:A(R?.desktop),tablet:A(R?.tablet),mobile:A(R?.mobile)},J=system.createStyle({...T,...core.makeStyleResponsive("w",O.wrapper),...core.makeStyleResponsive("pl",F),...core.makeStyleResponsive("pr",F)});return{embedVideoStyle:Y,backgroundBoxStyle:P,rowStyle:I,sectionStyle:J}};exports.getRowStyle=getRowStyle;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js"),helper=require("../../../../post-purchase/common/helper.js");const getRowStyle=({rowProps:e,isPostPurchase:t,type:r="React",translatedBackground:o})=>{let{children:s,setting:l,builderProps:i,styles:p,style:a,advanced:c,isNotFullWidth:n,parentStyle:d}=e,{isSection:m,layout:y,horizontalAlign:u,responsive:b,inlineAlignment:g}=l??{},{width:k,columnGap:S,rowGap:v,background:h,verticalGutter:R,verticalGutterMobile:f,enablePagePadding:x,height:w}=p??{},B=helpers.getInnerRadiusExcludeBorder(c?.border,c?.rounded),q=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},D=core.makeStyleResponsive("of",{desktop:q(B.desktop,core.getValueByDevice(c?.border,"desktop"))?"hidden":void 0,tablet:q(B.tablet,core.getValueByDevice(c?.border,"tablet"))?"hidden":void 0,mobile:q(B.mobile,core.getValueByDevice(c?.border,"mobile"))?"hidden":void 0}),j=i?.builderData?.childrens?.length,V={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},L=core.isEmptyChildren(s)||!j,O={desktop:k?.desktop==="default"?"1200px":k?.desktop,tablet:k?.tablet==="default"?"1200px":k?.tablet,mobile:k?.mobile==="default"?"1200px":k?.mobile},T=helpers.createStyleObject(t?O:k),[C,E]=core.splitStyle(["pos","top","left","bottom","right","z"],a),G=()=>({...m?E:a,...core.makeStyleResponsive("cg",R),...core.makeStyleResponsive("rg",f),...y?core.composeGridLayout(y):core.makeStyleResponsive("gtc",b),...core.makeStyleResponsive("w",T.content),...core.makeStyleResponsive("h",w),...m?{}:D}),z=()=>({"--mb":"0px","--mt":"0px",...core.makeStyleResponsive("cg",S),...core.makeStyle({pc:g,rg:v?helper.postPurchaseViewSpacing[v]:"0px"})}),H=e=>{let t=h;return"Liquid"===r&&(t=o),{...core.getStyleBackgroundByDevice(t,e),...core.getGradientBgrStyleByDevice(t,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",u)}},I=()=>{let e=n&&!L;return e?{marginLeft:"0px",marginRight:"0px"}:{}},P=()=>({...core.composeRadius(B)}),Y=(e=!1)=>system.createStyle({...G(),...H(),...I(),...e?z():{},...l?.sameHeightSubgridContainer&&d}),A=system.createStyle({...P()}),F=system.createStyle({...V,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),J=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},K={desktop:J(x?.desktop),tablet:J(x?.tablet),mobile:J(x?.mobile)},M=system.createStyle({...C,...core.makeStyleResponsive("w",T.wrapper),...core.makeStyleResponsive("pl",K),...core.makeStyleResponsive("pr",K)});return{embedVideoStyle:F,backgroundBoxStyle:A,rowStyle:Y,sectionStyle:M}};exports.getRowStyle=getRowStyle;

package/dist/cjs/grid/settings/configs/row/ui-v1.js

@@ -1 +1 @@
-"use strict";const SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"layout"},layout:"vertical"},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image" && pageType != "POST_PURCHASE"'}]}];exports.SettingUIV1=SettingUIV1;
+"use strict";const SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"layout"},layout:"vertical"},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"(layout?.display !== 'fill' || (layout?.display === 'fill' && !!layout?.cols && layout?.cols?.length > 1)) && pageType != \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType != "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout?.display !== 'fill' && pageType == \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image" && pageType != "POST_PURCHASE"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/row/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Column spacing"},controls:[{label:{en:"Gap"},setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:{en:"Size",cn:"尺寸",es:"Tama\xf1o"},options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:{en:"Width",es:"Ancho",cn:"宽度"}},{setting:{id:"height"},label:{en:"Height"}},{label:{en:"Padding",cn:"填充",es:"Relleno"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background",cn:"背景",es:"Fondo"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},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:"Align column"},controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:{en:"Align"},setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Column spacing"},controls:[{label:{en:"Gap"},setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:{en:"Size",cn:"尺寸",es:"Tama\xf1o"},options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:{en:"Width",es:"Ancho",cn:"宽度"}},{setting:{id:"height"},label:{en:"Height"}},{label:{en:"Padding",cn:"填充",es:"Relleno"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background",cn:"背景",es:"Fondo"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},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:"Align column"},controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:{en:"Align"},setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/grid/settings/configs/section/ui-v1.js

@@ -1 +1 @@
-"use strict";const SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:'fullWidth === false || pageType == "POST_PURCHASE"',type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout.cols && layout.cols.length > 1"}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Vertical"},setting:{id:"blockAlignment"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]}];exports.SettingUIV1=SettingUIV1;
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:'fullWidth === false || pageType == "POST_PURCHASE"',type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout?.cols && layout?.cols?.length > 1"}]},{type:"group",label:{en:"Align"},condition:"layout?.display !== 'fill' || (layout?.display === 'fill' && !!layout?.cols && layout?.cols?.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Vertical"},setting:{id:"blockAlignment"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/section/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:{en:"Column spacing"},conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:'layout?.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:'layout?.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:{en:"Column gap"},setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:{en:"Size"},controls:[{id:"Width",setting:{id:"width"},label:{en:"Width"},layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:{en:"Width"},layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:{en:"Page padding"},help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},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:"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:{en:"Column spacing"},conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:'layout?.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:'layout?.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:{en:"Column gap"},setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:{en:"Size"},controls:[{id:"Width",setting:{id:"width"},label:{en:"Width"},layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:{en:"Width"},layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:{en:"Page padding"},help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},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:"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;