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

package/dist/esm/countdown-timer/settings/configs/translate.js

@@ -0,0 +1 @@
+let CountdownTimer={dayLabel:{id:"dayLabel"},hourLabel:{id:"hourLabel"},minuteLabel:{id:"minuteLabel"},secondLabel:{id:"secondLabel"},weekLabel:{id:"weekLabel"}};export{CountdownTimer};

package/dist/esm/countdown-timer/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{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:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{label:{en:"Apply"},setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{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:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/coupon/settings/configs/presets.js

@@ -3,4 +3,4 @@ let CouponPresets=[{id:"coupon",name:{en:"Copy Coupon Code"},icon:{desktop:`<svg
 <path d="M31.5 18H23.5C23.3674 18 23.2402 18.0527 23.1464 18.1464C23.0527 18.2402 23 18.3674 23 18.5V21H20.5C20.3674 21 20.2402 21.0527 20.1464 21.1464C20.0527 21.2402 20 21.3674 20 21.5V29.5C20 29.6326 20.0527 29.7598 20.1464 29.8536C20.2402 29.9473 20.3674 30 20.5 30H28.5C28.6326 30 28.7598 29.9473 28.8536 29.8536C28.9473 29.7598 29 29.6326 29 29.5V27H31.5C31.6326 27 31.7598 26.9473 31.8536 26.8536C31.9473 26.7598 32 26.6326 32 26.5V18.5C32 18.3674 31.9473 18.2402 31.8536 18.1464C31.7598 18.0527 31.6326 18 31.5 18ZM31 26H29V21.5C29 21.3674 28.9473 21.2402 28.8536 21.1464C28.7598 21.0527 28.6326 21 28.5 21H24V19H31V26Z" fill="#F9F9F9"/>
 <path d="M50.2386 22.1108H48.9091C48.858 21.8267 48.7628 21.5767 48.6236 21.3608C48.4844 21.1449 48.3139 20.9616 48.1122 20.8111C47.9105 20.6605 47.6847 20.5469 47.4347 20.4702C47.1875 20.3935 46.9247 20.3551 46.6463 20.3551C46.1435 20.3551 45.6932 20.4815 45.2955 20.7344C44.9006 20.9872 44.5881 21.358 44.358 21.8466C44.1307 22.3352 44.017 22.9318 44.017 23.6364C44.017 24.3466 44.1307 24.946 44.358 25.4347C44.5881 25.9233 44.902 26.2926 45.2997 26.5426C45.6974 26.7926 46.1449 26.9176 46.642 26.9176C46.9176 26.9176 47.179 26.8807 47.4261 26.8068C47.6761 26.7301 47.902 26.6179 48.1037 26.4702C48.3054 26.3224 48.4759 26.142 48.6151 25.929C48.7571 25.7131 48.8551 25.4659 48.9091 25.1875L50.2386 25.1918C50.1676 25.6207 50.0298 26.0156 49.8253 26.3764C49.6236 26.7344 49.3636 27.044 49.0455 27.3054C48.7301 27.5639 48.3693 27.7642 47.9631 27.9062C47.5568 28.0483 47.1136 28.1193 46.6335 28.1193C45.8778 28.1193 45.2045 27.9403 44.6136 27.5824C44.0227 27.2216 43.5568 26.706 43.2159 26.0355C42.8778 25.3651 42.7088 24.5653 42.7088 23.6364C42.7088 22.7045 42.8793 21.9048 43.2202 21.2372C43.5611 20.5668 44.027 20.0526 44.6179 19.6946C45.2088 19.3338 45.8807 19.1534 46.6335 19.1534C47.0966 19.1534 47.5284 19.2202 47.929 19.3537C48.3324 19.4844 48.6946 19.6776 49.0156 19.9332C49.3366 20.1861 49.6023 20.4957 49.8125 20.8622C50.0227 21.2259 50.1648 21.642 50.2386 22.1108ZM59.3952 23.6364C59.3952 24.5682 59.2248 25.3693 58.8839 26.0398C58.543 26.7074 58.0756 27.2216 57.4819 27.5824C56.891 27.9403 56.2191 28.1193 55.4663 28.1193C54.7106 28.1193 54.0359 27.9403 53.4421 27.5824C52.8512 27.2216 52.3853 26.706 52.0444 26.0355C51.7035 25.3651 51.533 24.5653 51.533 23.6364C51.533 22.7045 51.7035 21.9048 52.0444 21.2372C52.3853 20.5668 52.8512 20.0526 53.4421 19.6946C54.0359 19.3338 54.7106 19.1534 55.4663 19.1534C56.2191 19.1534 56.891 19.3338 57.4819 19.6946C58.0756 20.0526 58.543 20.5668 58.8839 21.2372C59.2248 21.9048 59.3952 22.7045 59.3952 23.6364ZM58.0913 23.6364C58.0913 22.9261 57.9762 22.3281 57.7461 21.8423C57.5188 21.3537 57.2063 20.9844 56.8086 20.7344C56.4137 20.4815 55.9663 20.3551 55.4663 20.3551C54.9634 20.3551 54.5146 20.4815 54.1197 20.7344C53.7248 20.9844 53.4123 21.3537 53.1822 21.8423C52.9549 22.3281 52.8413 22.9261 52.8413 23.6364C52.8413 24.3466 52.9549 24.946 53.1822 25.4347C53.4123 25.9205 53.7248 26.2898 54.1197 26.5426C54.5146 26.7926 54.9634 26.9176 55.4663 26.9176C55.9663 26.9176 56.4137 26.7926 56.8086 26.5426C57.2063 26.2898 57.5188 25.9205 57.7461 25.4347C57.9762 24.946 58.0913 24.3466 58.0913 23.6364ZM61.0369 28V19.2727H64.1477C64.8267 19.2727 65.3892 19.3963 65.8352 19.6435C66.2813 19.8906 66.6151 20.2287 66.8366 20.6577C67.0582 21.0838 67.169 21.5639 67.169 22.098C67.169 22.6349 67.0568 23.1179 66.8324 23.5469C66.6108 23.973 66.2756 24.3111 65.8267 24.5611C65.3807 24.8082 64.8196 24.9318 64.1435 24.9318H62.0043V23.8153H64.0241C64.4531 23.8153 64.8011 23.7415 65.0682 23.5938C65.3352 23.4432 65.5312 23.2386 65.6562 22.9801C65.7812 22.7216 65.8438 22.4276 65.8438 22.098C65.8438 21.7685 65.7812 21.4759 65.6562 21.2202C65.5312 20.9645 65.3338 20.7642 65.0639 20.6193C64.7969 20.4744 64.4446 20.402 64.0071 20.402H62.3537V28H61.0369ZM68.0394 19.2727H69.5352L71.815 23.2401H71.9087L74.1886 19.2727H75.6843L72.5181 24.5739V28H71.2056V24.5739L68.0394 19.2727Z" fill="#F9F9F9"/>
 </svg>
-`},components:[{tag:"Row",advanced:{d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}},childrens:[{tag:"Col",childrens:[{tag:"Row",settings:{layout:{desktop:{cols:[9,3],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},inlineAlignment:"start",blockAlignment:"start"},styles:{fullWidth:{desktop:!0,tablet:!1,mobile:!1},verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"},background:{desktop:{type:"color",color:"#E1EFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1,width:{desktop:"451px"}},advanced:{"spacing-setting":{desktop:{link:!0,padding:{bottom:"var(--g-s-s)",left:"var(--g-s-s)",right:"var(--g-s-s)",top:"var(--g-s-s)"},margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}},childrens:[{tag:"Col",childrens:[{tag:"Col",childrens:[{tag:"Text",settings:{text:'<p><span style="font-size:16px;">Save 30% | Code: <strong>GEMPAGES30</strong></span></p>',translate:"text",htmlTag:"div",background:{desktop:{type:"color",color:"#00000000",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},globalSize:{desktop:{width:"100%",padding:{type:"custom",top:"0px",left:"0px",right:"0px",bottom:"0px"},gap:""}}},styles:{typo:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"16px"},fontWeight:"400",lineHeight:{desktop:"150%",tablet:"180%",mobile:"180%"},letterSpacing:{desktop:"normal"},fontFamily:{value:"Inter",type:"google"},fontStyle:"normal",textShadow:{angle:37,blur:"2px",color:"rgba(0, 0, 0, 0.6)",distance:"4px",type:"custom"},hasShadowText:!1}},textAlign:{desktop:"left"},align:{desktop:"center"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,tablet:1,mobile:1}},advanced:{"spacing-setting":{desktop:{link:!0,margin:{bottom:"0px",left:"0px",right:"0px",top:"0px"},padding:{}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}}}]}]},{tag:"Col",childrens:[{tag:"Coupon",settings:{iconSvg:'<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414808601461096"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z"></path></svg>'}}]}]}]}]}]}];export{CouponPresets};
+`},components:[{tag:"Row",advanced:{d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}},childrens:[{tag:"Col",childrens:[{tag:"Row",settings:{layout:{desktop:{cols:[9,3],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},inlineAlignment:"start",blockAlignment:"start"},styles:{fullWidth:{desktop:!0,tablet:!1,mobile:!1},verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"},background:{desktop:{type:"color",color:"#E1EFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1,width:{desktop:"451px"}},advanced:{"spacing-setting":{desktop:{link:!0,padding:{bottom:"var(--g-s-s)",left:"var(--g-s-s)",right:"var(--g-s-s)",top:"var(--g-s-s)"},margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}},childrens:[{tag:"Col",childrens:[{tag:"Col",childrens:[{tag:"Text",settings:{text:'<p><span style="font-size:16px;">Save 30% | Code: <strong>GEMPAGES30</strong></span></p>',translate:"text",htmlTag:"div",background:{desktop:{type:"color",color:"#00000000",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},globalSize:{desktop:{width:"100%",padding:{type:"custom",top:"0px",left:"0px",right:"0px",bottom:"0px"},gap:""}}},styles:{typo:{type:"paragraph-1",attrs:{color:"#121212"},custom:{fontSize:{desktop:"16px",tablet:"16px",mobile:"16px"},fontWeight:"400",lineHeight:{desktop:"150%",tablet:"180%",mobile:"180%"},letterSpacing:{desktop:"normal"},fontFamily:{value:"Inter",type:"google"},fontStyle:"normal",textShadow:{angle:37,blur:"2px",color:"rgba(0, 0, 0, 0.6)",distance:"4px",type:"custom"},hasShadowText:!1}},textAlign:{desktop:"left"},align:{desktop:"center"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,tablet:1,mobile:1}},advanced:{"spacing-setting":{desktop:{link:!0,margin:{bottom:"0px",left:"0px",right:"0px",top:"0px"},padding:{}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"4px",color:"rgba(18, 18, 18, 0.7)",angle:49}}},op:{desktop:"100%"}}}]}]},{tag:"Col",childrens:[{tag:"Coupon",settings:{iconSvg:'<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414808601461096"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z"></path></svg>'}}]}]}]}]}],toolbarActiveConfig:{tag:"Coupon",path:0}}];export{CouponPresets};

package/dist/esm/coupon/settings/configs/translate.js

@@ -0,0 +1 @@
+let Coupon={defaultLabel:{id:"defaultLabel"}};export{Coupon};

package/dist/esm/coupon/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Coupon code"},controls:[{type:"control",label:{en:"Copied code"},setting:{id:"copyContent"}}]},{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Default"},setting:{id:"defaultLabel"}},{type:"control",label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical"}]},{type:"group",label:{en:"Icon"},condition:'couponLayout == "icon"',controls:[{type:"control",setting:{id:"iconSvg"},layout:"vertical"},{type:"control",label:{en:"Icon position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]},{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"}},{condition:"hasBoxShadowBtn.hover == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]},{type:"group",label:{en:"Clicked"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"}},{condition:"hasBoxShadowBtn.active == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"active"}}]}]}]},{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"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Coupon code"},controls:[{type:"control",label:{en:"Copied code"},setting:{id:"copyContent"}}]},{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Default"},setting:{id:"defaultLabel"}},{type:"control",label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical"}]},{type:"group",label:{en:"Icon"},condition:'couponLayout == "icon"',controls:[{type:"control",setting:{id:"iconSvg"},layout:"vertical"},{type:"control",label:{en:"Icon position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]},{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"}},{condition:"hasBoxShadowBtn?.hover == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]},{type:"group",label:{en:"Clicked"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"}},{condition:"hasBoxShadowBtn?.active == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"active"}}]}]}]},{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"}}];export{SettingUIV1};

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

@@ -1 +1 @@
-let 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}}]}];export{SettingUIV2};
+let 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}}]}];export{SettingUIV2};

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

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

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

@@ -1,4 +1,4 @@
 'use client';
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as c,getAttrContainer as d,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as y,getBackdropStyle as u,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as N}from"../common/styles.js";import{getContainClasses as k,getBackdropClasses as C,getOverlayClasses as D,getDialogContentClasses as L,getHeadContentClasses as x,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H}=E,J=G?.d,{name:K,fullScreen:O,width:P,height:Q,position:R,overlayColor:T,overlayOpacity:U,iconSize:V,closeButtonPosition:W,iconSvg:X}=M??{},Y=o(),{ref:Z,overlay:$,handleClickOverlay:_,closeModal:ee,open:el,dialogId:eo}=z(M,A,"edit"===Y),es="edit"!==Y,et=i({...c({uid:A?.uid||""})}),ea=r({...g(J)}),ei=m({...k(G?.cssClass,U,T)}),er=i({...d({uid:eo||""})}),em=r({...y()}),en=m({...C(R)}),ec=r({...u(F)}),ed=i({...p()}),ep=m({...D()}),ef=r({...b(U,T,F)}),eg=r({...h({style:F,width:P,height:Q,fullScreen:O})}),ey=m({...L({setting:M,enableEffect:el,isILP:es})}),eu=i({...f()}),eb=m({...x()}),eh=r({...v(M)}),ev=m({...B(W)}),ej=r({...j(V)}),eN=m({...I()}),ek=r({...N(M,F)}),eC=m({...S()});return e("div",{...et,style:ea,children:(el||"edit"!==Y)&&e("dialog",{ref:Z,open:el,"aria-label":K,...er,className:ei,style:em,children:l("div",{"aria-label":"Backdrop",className:en,style:ec,children:[n(!!T,e("div",{ref:$,...ed,className:ep,style:ef,onClick:_,"aria-hidden":!0})),e("span",{className:eb}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eg,children:[e("button",{...eu,type:"button",tabIndex:-1,className:ev,style:eh,onClick:ee,children:e(w,{iconSvg:X??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as d,getAttrContainer as c,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as u,getBackdropStyle as y,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as C}from"../common/styles.js";import{getContainClasses as N,getBackdropClasses as k,getOverlayClasses as D,getDialogContentClasses as x,getHeadContentClasses as L,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H,pageContext:J}=E,K=G?.d,{name:O,fullScreen:P,width:Q,height:R,position:T,overlayColor:U,overlayOpacity:V,iconSize:W,closeButtonPosition:X,iconSvg:Y}=M??{},Z=o(),{ref:$,overlay:_,handleClickOverlay:ee,closeModal:el,open:eo,dialogId:es}=z(M,A,"edit"===Z),et="edit"!==Z,ea=i({...d({uid:A?.uid||""})}),ei=r({...g(K)}),er=m({...N(G?.cssClass,V,U)}),em=i({...c({uid:es||""})}),en=r({...u()}),ed=m({...k(T)}),ec=r({...y(F)}),ep=i({...p()}),ef=m({...D()}),eg=r({...b(V,U,F)}),eu=r({...h({style:F,width:Q,height:R,fullScreen:P})}),ey=m({...x({setting:M,enableEffect:eo,isILP:et})}),eb=i({...f()}),eh=m({...L()}),ev=r({...v(M)}),ej=m({...B(X)}),eC=r({...j(W)}),eN=m({...I()}),ek=r({...C({setting:M,style:F,uid:A?.uid,pageContext:J})}),eD=m({...S()});return e("div",{...ea,style:ei,children:(eo||"edit"!==Z)&&e("dialog",{ref:$,open:eo,"aria-label":O,...em,className:er,style:en,children:l("div",{"aria-label":"Backdrop",className:ed,style:ec,children:[n(!!U,e("div",{ref:_,...ep,className:ef,style:eg,onClick:ee,"aria-hidden":!0})),e("span",{className:eh}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eu,children:[e("button",{...eb,type:"button",tabIndex:-1,className:ej,style:ev,onClick:el,children:e(w,{iconSvg:Y??`<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:ej,classes:eN})}),e("div",{"aria-label":"Dialog body",style:ek,className:eC,children:s(q)?e(a,{}):t(q)}),t(q,!0)]})]})})})};export{Dialog as default};
+                </svg>`,styles:eC,classes:eN})}),e("div",{"aria-label":"Dialog body",style:ek,className:eD,children:s(q)?e(a,{}):t(q)}),t(q,!0)]})]})})})};export{Dialog as default};

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

@@ -1,49 +1,49 @@
-import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as r,If as d}from"@gem-sdk/system";import{getAttr as $,getAttrContainer as p,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as m,getContainStyle as n,getBackdropStyle as v,getOverlayStyle as f,getDialogContentStyle as y,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as S}from"../common/styles.js";import{getContainClasses as j,getBackdropClasses as L,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as D,getButtonContentClasses as k,getSvgContentClasses as x,getBodyContentClasses as C}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O}=z,P=N?.d,{frequency:_=3,triggerPercentage:w=0,trigger:J,triggerTime:R,frequencyMode:T="once",mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F}=A??{},{name:H,fullScreen:K,width:Q,height:U,position:W,overlayColor:X,overlayOpacity:Y,iconSize:Z,closeButtonPosition:ss,iconSvg:sl}=A??{},sa=A?.dialogId??G?.uid,se=t({dialogId:sa,trigger:J,triggerTime:R,frequency:_,triggerPercentage:w,mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F,frequencyMode:T,display:P}),st=i({...$({uid:G?.uid||""})}),si=o({...m(P)}),so=r({...j(N?.cssClass,Y,X)}),sr=i({...p({uid:sa||""})}),sd=o({...n()}),s$=r({...L(W)}),sp=o({...v(M)}),sc=i({...c()}),sg=r({...h()}),sm=o({...f(Y,X,M)}),sn=o({...y({style:M,width:Q,height:U,fullScreen:K})}),sv=r({...E({setting:A,enableEffect:!0,isILP:!1})}),sf=i({...g()}),sy=r({...D()}),su=o({...u(A)}),sb=r({...k(ss)}),sS=o({...b(Z)}),sj=r({...x()}),sL=o({...S(A,M)}),sh=r({...C()}),sE=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
+import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as d,If as r}from"@gem-sdk/system";import{getAttr as $,getAttrContainer as p,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as n,getContainStyle as m,getBackdropStyle as v,getOverlayStyle as f,getDialogContentStyle as y,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as S}from"../common/styles.js";import{getContainClasses as j,getBackdropClasses as L,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as x,getButtonContentClasses as C,getSvgContentClasses as D,getBodyContentClasses as k}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O,pageContext:P}=z,_=N?.d,{frequency:w=3,triggerPercentage:J=0,trigger:R,triggerTime:T,frequencyMode:V="once",mobileTrigger:q,mobileTriggerTime:F,closeOnClickOutside:H}=A??{},{name:K,fullScreen:Q,width:U,height:W,position:X,overlayColor:Y,overlayOpacity:Z,iconSize:ss,closeButtonPosition:sl,iconSvg:sa}=A??{},se=A?.dialogId??G?.uid,st=t({dialogId:se,trigger:R,triggerTime:T,frequency:w,triggerPercentage:J,mobileTrigger:q,mobileTriggerTime:F,closeOnClickOutside:H,frequencyMode:V,display:_}),si=i({...$({uid:G?.uid||""})}),so=o({...n(_)}),sd=d({...j(N?.cssClass,Z,Y)}),sr=i({...p({uid:se||""})}),s$=o({...m()}),sp=d({...L(X)}),sc=o({...v(M)}),sg=i({...c()}),sn=d({...h()}),sm=o({...f(Z,Y,M)}),sv=o({...y({style:M,width:U,height:W,fullScreen:Q})}),sf=d({...E({setting:A,enableEffect:!0,isILP:!1})}),sy=i({...g()}),su=d({...x()}),sb=o({...u(A)}),sS=d({...C(sl)}),sj=o({...b(ss)}),sL=d({...D()}),sh=o({...S({setting:A,style:M,uid:G?.uid,pageContext:P})}),sE=d({...k()}),sx=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
     <gp-dialog
-      ${{...st}}
+      ${{...si}}
       class="${I("gps-lazy")}"
-      style="${si}"
-      data-gp-setting='${JSON.stringify(se)}'>
+      style="${so}"
+      data-gp-setting='${JSON.stringify(st)}'>
       <dialog
-        aria-label="${H}"
+        aria-label="${K}"
         ${{...sr}}
-        class="${so}"
-        style="${sd}"
+        class="${sd}"
+        style="${s$}"
       >
-        <div aria-label="Backdrop" class="${s$}" style="${sp}">
-        ${d(!!X,s`
+        <div aria-label="Backdrop" class="${sp}" style="${sc}">
+        ${r(!!Y,s`
             <div
-              ${{...sc}}
-              class="${sg}"
+              ${{...sg}}
+              class="${sn}"
               style="${sm}"
               aria-hidden=true
             ></div>
         `)}
-          <span class="${sy}"></span>
+          <span class="${su}"></span>
           <div
             role="dialog"
             aria-label="Dialog content"
             ${{...O}}
-            class="${sv}"
-            style="${sn}"
+            class="${sf}"
+            style="${sv}"
           >
             <button
-              ${{...sf}}
+              ${{...sy}}
               type="button"
               tabindex="-1"
-              class="${sb}"
-              style="${su}"
+              class="${sS}"
+              style="${sb}"
             >
-              <span style="${sS}" class="${sj}">
-              ${sl??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+              <span style="${sj}" class="${sL}">
+              ${sa??`<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="${sL}"
-              class="${sh}">
+              style="${sh}"
+              class="${sE}">
                 <div>
                   ${B??""}
                 </div>
@@ -52,5 +52,5 @@ import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-s
         </div>
       </dialog>
     </gp-dialog>
-    ${sE()}
+    ${sx()}
   `};export{Dialog as default};

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

@@ -0,0 +1 @@
+let Dialog={background:{id:"background",fields:["image.src"]}};export{Dialog};

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

@@ -1 +1 @@
-let 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"}}]}];export{SettingUIV2};
+let 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"}}]}];export{SettingUIV2};

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

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

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

@@ -0,0 +1 @@
+let EstimateDate={customText:{id:"customText"}};export{EstimateDate};

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

@@ -1 +1 @@
-import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let 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 === "${t.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 === "${t.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 === "${t.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"}}];export{SettingUIV1};
+import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let 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 === "${t.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 === "${t.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 === "${t.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"}}];export{SettingUIV1};

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

@@ -1,23 +1,23 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as s}from"../../../helpers.js";import{createStyle as t,createClass as o,If as m}from"@gem-sdk/system";import{composeContainerStyles as r,composeFormCheckboxStyles as l,composeFormCheckboxInputStyles as i,getComposedTextStyle as a}from"./common/styles.js";import{composeContainerClasses as c,composeFormCheckboxInputClasses as d,composeFormCheckboxLabelClasses as p}from"./common/classes.js";let FromCheckbox=({builderProps:$,setting:n,advanced:u,pageContext:y,styles:f})=>{let{name:k,description:b,selected:h,required:x,translate:g}=n??{},j=s({val:b,uid:$?.uid,settingId:"description",pageContext:y,translate:g}),v=t(r(n)),C=t(l(n,f,$)),F=t(i()),q=t(a(n)),I=o(c(n,u,$)),w=o(d()),z=o(p());return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as s,createSettingId as t}from"../../../helpers.js";import{createStyle as o,createClass as r,If as m}from"@gem-sdk/system";import{composeContainerStyles as i,composeFormCheckboxStyles as l,composeFormCheckboxInputStyles as c,getComposedTextStyle as a}from"./common/styles.js";import{composeContainerClasses as d,composeFormCheckboxInputClasses as p,composeFormCheckboxLabelClasses as n}from"./common/classes.js";import{FormCheckbox as $}from"../../settings/form-checkbox/configs/translate.js";let FromCheckbox=({builderProps:f,setting:u,advanced:k,pageContext:y,styles:b})=>{let{name:h,description:g,selected:x,required:j}=u??{},v=s({val:g,uid:f?.uid,settingId:t({id:$?.description?.id}),pageContext:y}),C=o(i(u)),F=o(l(u,b,f)),q=o(c()),I=o(a(u)),w=r(d(u,k,f)),z=r(p()),A=r(n());return e`
     <div
-      data-id="${$?.uid}"
-      style="${v}"
+      data-id="${f?.uid}"
+      style="${C}"
     >
       <label
-        style="${C}"
-        class="${I}"
+        style="${F}"
+        class="${w}"
       >
         <input
-          class="${w}"
-          name="${k}"
+          class="${z}"
+          name="${h}"
           type="checkbox"
-          ${m(h,"checked")}
-          ${m(x,"required")}
-          style="${F}"
+          ${m(x,"checked")}
+          ${m(j,"required")}
+          style="${q}"
         >
         </input>
-        <span class="${z}" style="${q}">
-          ${j}
+        <span class="${A}" style="${I}">
+          ${v}
         </span>
       </label>
     </div>

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

@@ -1,29 +1,29 @@
-import{template as e,RenderIf as s,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as t,getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as l,createClass as p,If as i}from"@gem-sdk/system";import{composeContainerStyles as m,composeFormDropdownStyles as a,getAppendTypoStyleFirstTime as n,getStyleOption as c}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as f}from"./common/classes.js";let FormDropdown=({builderProps:u,setting:g,advanced:y,pageContext:v,styles:j})=>{let{name:w,childItem:S,required:h,translate:N}=g??{},O=S?.map((e,s)=>t({val:e,uid:u?.uid,settingId:`childItem_${s}`,pageContext:v,translate:N})),b=l(m(y,g)),k=l({...a(y,g,j),...n(g)}),E=l(c(g)),A=p($(y,u)),I=p(f(g));return e`
+import{template as e,RenderIf as o,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{createStyle as l,createClass as i,If as m}from"@gem-sdk/system";import{composeContainerStyles as a,composeFormDropdownStyles as n,getAppendTypoStyleFirstTime as c,getStyleOption as f}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as u}from"./common/classes.js";import{FormDropdown as g}from"../../settings/form-dropdown/configs/translate.js";let FormDropdown=({builderProps:y,setting:w,advanced:j,pageContext:v,styles:S})=>{let{name:h,childItem:N,required:O}=w??{},b=N?.map((e,o)=>t({val:e,uid:y?.uid,settingId:d({id:g?.childItem?.id,index:o}),pageContext:v})),k=l(a(j,w)),E=l({...n(j,w,S),...c(w)}),A=l(f(w)),D=i($(j,y)),F=i(u(w));return e`
     <gp-form-dropdown
-      data-id="${u?.uid}"
-      class="${A}"
-      style="${b}"
+      data-id="${y?.uid}"
+      class="${D}"
+      style="${k}"
     >
       <select
         type="email"
-        class="${I}"
-        style="${k}"
-        ${i(h,"required")}
-        name="${w}"
-        gp-data='${JSON.stringify(g).replaceAll("'","&#039;")}'
+        class="${F}"
+        style="${E}"
+        ${m(O,"required")}
+        name="${h}"
+        gp-data='${JSON.stringify(w).replaceAll("'","&#039;")}'
       >
-        ${i(!Number(g?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
-            ${g?.placeholder}
+        ${m(!Number(w?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
+            ${w?.placeholder}
           </option>`)}
-        ${O?.map(s=>e`
+        ${b?.map(o=>e`
             <option
-              value="${s}"
-              style="${E}"
-              ${i(!!Number(g?.defaultOption),`selected: ${s===O[Number(g?.defaultOption)-1]}`)}
+              value="${o}"
+              style="${A}"
+              ${m(!!Number(w?.defaultOption),`selected: ${o===b[Number(w?.defaultOption)-1]}`)}
             >
-              ${s}
+              ${o}
             </option>`).join("")}
       </select>
     </gp-form-dropdown>
-    ${s(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${o(s,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${r}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{FormDropdown as default};

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

@@ -1,20 +1,20 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m}from"../../../helpers.js";import{createStyle as s,createClass as t,If as l}from"@gem-sdk/system";import{composeContainerStyles as a,composeInnerStyles as o}from"./common/styles.js";import{composeContainerClasses as i,composeInnerClasses as r,getClassTitle as p}from"./common/classes.js";let FormEmail=({builderProps:d,builderAttrs:$,setting:c,advanced:u,pageContext:n,styles:f})=>{let{placeholder:y,required:v,hideOnClient:g,defaultEmail:h,translate:j,showTitle:k,title:q}=c??{},E=m({val:y,uid:d?.uid,settingId:"placeholder",pageContext:n,translate:j}),F=s(a(c,u)),x=s(o(c,u,f)),I=t(i({setting:c,advanced:u,builderProps:d,type:"liquid"})),N=t(r(c,d)),b=t(p());return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m,createSettingId as s}from"../../../helpers.js";import{createStyle as t,createClass as i,If as a}from"@gem-sdk/system";import{composeContainerStyles as o,composeInnerStyles as l}from"./common/styles.js";import{composeContainerClasses as r,composeInnerClasses as d,getClassTitle as p}from"./common/classes.js";import{FormEmail as $}from"../../settings/form-email/configs/translate.js";let FormEmail=({builderProps:c,builderAttrs:n,setting:u,advanced:f,pageContext:y,styles:g})=>{let{placeholder:j,required:v,hideOnClient:h,defaultEmail:E,showTitle:F,title:k}=u??{},q=m({val:j,uid:c?.uid,settingId:s({id:$?.placeholder?.id}),pageContext:y}),x=t(o(u,f)),I=t(l(u,f,g)),N=i(r({setting:u,advanced:f,builderProps:c,type:"liquid"})),b=i(d(u,c)),w=i(p());return e`
     <div
-      ${{...$}}
-      data-id="${d?.uid}"
-      class="${I}"
-      style="${F}"
+      ${{...n}}
+      data-id="${c?.uid}"
+      class="${N}"
+      style="${x}"
     >
-      ${l(k,`<span className="${b}">${q}</span>`)}
+      ${a(F,`<span className="${w}">${k}</span>`)}
       <input
         type="email"
-        class="${N}"
-        style="${x}"
-        placeholder="${E}"
+        class="${b}"
+        style="${I}"
+        placeholder="${q}"
         name="${"contact[email]"}"
-        ${l(v,"required")}
+        ${a(v,"required")}
         autocomplete="email"
-        ${l(g,`value="${h}"`)}
+        ${a(h,`value="${E}"`)}
       ></input>
     </div>
   `};export{FormEmail as default};

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

@@ -1,36 +1,36 @@
-import{template as s,RenderIf as e,isLocalEnv as r,baseAssetURL as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a,getStaticLocale as o,getSettingPreloadData as l}from"../../../helpers.js";import{composeContainerAttrs as i,composeAnchorAttrs as c,composeFormAttrs as m,composePopoverAttrs as d}from"./common/attrs.js";import{createClass as f,createStyle as n}from"@gem-sdk/system";import{composeFormStyles as p,popoverStyles as $}from"./common/styles.js";import{composeFormClasses as g}from"./common/classes.js";import{composeContainerStyles as u}from"../contact/common/styles.js";import{composeContainerClasses as v}from"../contact/common/classes.js";let Newsletter=({builderProps:y,setting:j,children:_,style:k,formType:w,advanced:N,pageContext:S,styles:M})=>{let b=a({val:j?.errorMessage,uid:y?.uid,settingId:"errorMessage",pageContext:S,defaultVal:S?.isPreviewing?`Can’t send email. Please try again later.`:o("Newsletter","err_msg_default"),translate:j?.translate}),E=a({val:j?.successMessage,uid:y?.uid,settingId:"successMessage",pageContext:S,defaultVal:S?.isPreviewing?"Thanks for subscribing":o("Newsletter","success_msg_default"),translate:j?.translate}),P=i(y,j),h=c(y,j),I=f(g()),V=n(p("error",j)),A=n(p("success",j)),C=m(y,"error"),G=m(y,"success"),O=d(y),R=$(y),T=n(u(j,M,k)),x=f(v());return s`
-    <div class="${x}" style="${T}">
+import{template as s,RenderIf as e,isLocalEnv as r,baseAssetURL as t}from"@gem-sdk/core";import{getDynamicSourceLocales as i,createSettingId as o,getStaticLocale as a,getSettingPreloadData as l}from"../../../helpers.js";import{composeContainerAttrs as m,composeAnchorAttrs as c,composeFormAttrs as d,composePopoverAttrs as f}from"./common/attrs.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";import{composeFormStyles as g,popoverStyles as $}from"./common/styles.js";import{composeFormClasses as u}from"./common/classes.js";import{composeContainerStyles as v}from"../contact/common/styles.js";import{composeContainerClasses as y}from"../contact/common/classes.js";import{Newsletter as j}from"../../settings/newsletter/configs/translate.js";let Newsletter=({builderProps:w,setting:_,children:k,style:N,formType:S,advanced:M,pageContext:b,styles:E})=>{let P=i({val:_?.errorMessage,uid:w?.uid,settingId:o({id:j?.errorMessage?.id}),pageContext:b,defaultVal:b?.isPreviewing?`Can’t send email. Please try again later.`:a("Newsletter","err_msg_default")}),h=i({val:_?.successMessage,uid:w?.uid,settingId:o({id:j?.successMessage?.id}),pageContext:b,defaultVal:b?.isPreviewing?"Thanks for subscribing":a("Newsletter","success_msg_default")}),I=m(w,_),V=c(w,_),A=n(u()),C=p(g("error",_)),G=p(g("success",_)),O=d(w,"error"),R=d(w,"success"),T=f(w),x=$(w),J=p(v(_,E,N)),L=n(y());return s`
+    <div class="${L}" style="${J}">
       <gp-form
-        ${{...P}}
-        data-callback='${JSON.stringify(j?.callbackURL)}'
+        ${{...I}}
+        data-callback='${JSON.stringify(_?.callbackURL)}'
       >
         <a
-          ${{...h}}
+          ${{...V}}
         >
         </a>
-        {% form '${w||"customer"}', class: 'gp-form-${y?.uid} ${N?.cssClass}', id: 'contact_form_${y?.uid}' %}
+        {% form '${S||"customer"}', class: 'gp-form-${w?.uid} ${M?.cssClass}', id: 'contact_form_${w?.uid}' %}
           {% if form.errors %}
             <div
-              ${{...C}}
-              class="${I}"
-              style="${V}"
+              ${{...O}}
+              class="${A}"
+              style="${C}"
             >
-              ${b}
+              ${P}
             </div>
           {% endif %}
-          <div popover ${{...O}}>
+          <div popover ${{...T}}>
             <style>
-              ${R}
+              ${x}
             </style>
             <div
-              ${{...G}}
-              class="${I}"
-              style="${A}"
+              ${{...R}}
+              class="${A}"
+              style="${G}"
             >
-              ${E}
+              ${h}
             </div>
           </div>
-          ${_}
+          ${k}
         {% endform %}
       </gp-form>
     </div>

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

@@ -1,16 +1,16 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../helpers.js";import{createStyle as r,createClass as o,If as a}from"@gem-sdk/system";import{composeContainerStyles as s,composeTextareaStyles as m}from"./common/styles.js";import{composeContainerClasses as l,composeTextareaClasses as d}from"./common/classes.js";let FormTextarea=({setting:i,builderProps:c,className:$,builderAttrs:p,advanced:n,pageContext:u,styles:f})=>{let{text:v,name:x,placeholder:y,required:g,translate:h}=i??{},j=""===x||void 0===x?"contact[note]":x,k=t({val:y,uid:c?.uid,settingId:"placeholder",pageContext:u,translate:h}),F=r(s(n,i)),T=r(m(n,i,f)),q=o(l(n,c)),I=o(d(i,c,$??""));return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as r}from"../../../helpers.js";import{createStyle as a,createClass as o,If as s}from"@gem-sdk/system";import{composeContainerStyles as m,composeTextareaStyles as i}from"./common/styles.js";import{composeContainerClasses as d,composeTextareaClasses as l}from"./common/classes.js";import{FormTextarea as c}from"../../settings/form-textarea/configs/translate.js";let FormTextarea=({setting:n,builderProps:p,className:$,builderAttrs:f,advanced:u,pageContext:x,styles:g})=>{let{text:v,name:j,placeholder:y,required:h}=n??{},F=""===j||void 0===j?"contact[note]":j,T=t({val:y,uid:p?.uid,settingId:r({id:c?.placeholder?.id}),pageContext:x}),k=a(m(u,n)),q=a(i(u,n,g)),I=o(d(u,p)),b=o(l(n,p,$??""));return e`
     <div
-      ${p}
-      data-id="${c?.uid}"
-      class="${q}"
-      style="${F}"
+      ${f}
+      data-id="${p?.uid}"
+      class="${I}"
+      style="${k}"
     >
       <textarea
-        class="${I}"
-        style="${T}"
-        placeholder="${k}"
-        ${a(g,"required")}
-        name="${j}"
+        class="${b}"
+        style="${q}"
+        placeholder="${T}"
+        ${s(h,"required")}
+        name="${F}"
         value="${v}"
       ></textarea>
     </div>