npm - @gem-sdk/components - Versions diffs - 12.0.0-dev.41 → 12.0.0-dev.44 - Mend

@gem-sdk/components 12.0.0-dev.41 → 12.0.0-dev.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (940) hide show

package/dist/esm/post-purchase/product/settings/product-variants/ProductVariant.js CHANGED Viewed

@@ -2,7 +2,7 @@ import{SettingUIV2 as C}from"./configs/ui-v2.js";import{ProductVariantSettingsV1
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.33301 9.16663C1.33301 8.89048 1.55687 8.66663 1.83301 8.66663H14.833C15.1091 8.66663 15.333 8.89048 15.333 9.16663V17.7105C15.333 17.9866 15.1091 18.2105 14.833 18.2105H1.83301C1.55687 18.2105 1.33301 17.9866 1.33301 17.7105V9.16663ZM3.66634 15.8245H12.9997V11.0526H3.66634V15.8245ZM18.833 9.16663C18.833 8.89048 19.0569 8.66663 19.333 8.66663H32.333C32.6091 8.66663 32.833 8.89048 32.833 9.16663V17.7105C32.833 17.9866 32.6091 18.2105 32.333 18.2105H19.333C19.0569 18.2105 18.833 17.9866 18.833 17.7105V9.16663ZM21.1663 15.8245H30.4997V11.0526H21.1663V15.8245ZM7.16634 30.8333C7.16634 31.1094 7.3902 31.3333 7.66634 31.3333H20.6663C20.9425 31.3333 21.1663 31.1094 21.1663 30.8333V22.2894C21.1663 22.0133 20.9425 21.7894 20.6663 21.7894H7.66634C7.3902 21.7894 7.16634 22.0133 7.16634 22.2894V30.8333ZM9.49967 24.1754H18.833V28.9473H9.49967V24.1754ZM25.1663 31.3333C24.8902 31.3333 24.6663 31.1094 24.6663 30.8333V22.2894C24.6663 22.0133 24.8902 21.7894 25.1663 21.7894H38.1663C38.4425 21.7894 38.6663 22.0133 38.6663 22.2894V30.8333C38.6663 31.1094 38.4425 31.3333 38.1663 31.3333H25.1663ZM26.9997 28.9473H36.333V24.1754H26.9997V28.9473Z" fill="currentColor"/>
   </svg>
-  `,settings:t,settingsV2:s,ui:[],uiV2:C,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"post-purchase-product-swatches",name:{en:"Product Variants"},icon:{desktop:`
+  `,settings:t,settingsV2:s,ui:[],uiV2:C,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"post-purchase-product-swatches",name:"Product Variants",icon:{desktop:`
          <svg width="96" height="45" viewBox="0 0 96 45" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="95" height="44" rx="2.5" stroke="#424242"/>
 <path d="M12.9458 11.0455C12.9032 10.6856 12.7304 10.4062 12.4274 10.2074C12.1243 10.0085 11.7527 9.90909 11.3123 9.90909C10.9904 9.90909 10.7086 9.96117 10.4672 10.0653C10.228 10.1695 10.041 10.3127 9.90607 10.495C9.7735 10.6773 9.70721 10.8845 9.70721 11.1165C9.70721 11.3106 9.75337 11.4775 9.8457 11.6172C9.9404 11.7545 10.0611 11.8693 10.2079 11.9616C10.3547 12.0516 10.5086 12.1262 10.6696 12.1854C10.8306 12.2422 10.9785 12.2884 11.1135 12.3239L11.8521 12.5227C12.0415 12.5724 12.2522 12.6411 12.4842 12.7287C12.7186 12.8163 12.9423 12.9358 13.1554 13.0874C13.3708 13.2365 13.5484 13.4283 13.688 13.6626C13.8277 13.897 13.8975 14.1847 13.8975 14.5256C13.8975 14.9186 13.7946 15.2737 13.5886 15.5909C13.385 15.9081 13.0867 16.1603 12.6937 16.3473C12.3031 16.5343 11.8284 16.6278 11.2697 16.6278C10.7489 16.6278 10.2979 16.5438 9.91673 16.3757C9.53794 16.2076 9.23964 15.9732 9.02184 15.6726C8.8064 15.3719 8.68448 15.0227 8.65607 14.625H9.56516C9.58884 14.8996 9.68117 15.1269 9.84215 15.3068C10.0055 15.4844 10.2115 15.617 10.46 15.7045C10.711 15.7898 10.9809 15.8324 11.2697 15.8324C11.6059 15.8324 11.9077 15.7779 12.1752 15.669C12.4428 15.5578 12.6547 15.4039 12.8109 15.2074C12.9672 15.0085 13.0453 14.7765 13.0453 14.5114C13.0453 14.2699 12.9778 14.0734 12.8429 13.9219C12.7079 13.7704 12.5304 13.6473 12.3102 13.5526C12.09 13.4579 11.8521 13.375 11.5964 13.304L10.7015 13.0483C10.1333 12.8849 9.68353 12.6518 9.3521 12.3487C9.02066 12.0457 8.85494 11.6491 8.85494 11.1591C8.85494 10.7519 8.96502 10.3968 9.18519 10.0938C9.40773 9.78835 9.70603 9.55161 10.0801 9.38352C10.4565 9.21307 10.8767 9.12784 11.3407 9.12784C11.8095 9.12784 12.2261 9.21188 12.5907 9.37997C12.9553 9.54569 13.2441 9.77296 13.4572 10.0618C13.6726 10.3506 13.7863 10.6785 13.7981 11.0455H12.9458ZM15.2319 16.5V11.0455H16.07V16.5H15.2319ZM15.658 10.1364C15.4947 10.1364 15.3538 10.0807 15.2354 9.96946C15.1194 9.85819 15.0614 9.72443 15.0614 9.56818C15.0614 9.41193 15.1194 9.27817 15.2354 9.1669C15.3538 9.05563 15.4947 9 15.658 9C15.8214 9 15.9611 9.05563 16.0771 9.1669C16.1954 9.27817 16.2546 9.41193 16.2546 9.56818C16.2546 9.72443 16.1954 9.85819 16.0771 9.96946C15.9611 10.0807 15.8214 10.1364 15.658 10.1364ZM17.4487 16.5V15.8608L20.5453 11.8835V11.8267H17.5481V11.0455H21.6248V11.7131L18.6135 15.6619V15.7188H21.7243V16.5H17.4487ZM25.1458 16.6136C24.6202 16.6136 24.1668 16.4976 23.7857 16.2656C23.4069 16.0312 23.1145 15.7045 22.9086 15.2855C22.705 14.8641 22.6032 14.3741 22.6032 13.8153C22.6032 13.2566 22.705 12.7642 22.9086 12.3381C23.1145 11.9096 23.401 11.5758 23.7679 11.3366C24.1373 11.0952 24.5681 10.9744 25.0605 10.9744C25.3446 10.9744 25.6252 11.0218 25.9022 11.1165C26.1792 11.2112 26.4313 11.3651 26.6586 11.5781C26.8858 11.7888 27.0669 12.0682 27.2019 12.4162C27.3368 12.7642 27.4043 13.1927 27.4043 13.7017V14.0568H23.1998V13.3324H26.552C26.552 13.0246 26.4905 12.75 26.3674 12.5085C26.2466 12.267 26.0738 12.0765 25.8489 11.9368C25.6264 11.7971 25.3636 11.7273 25.0605 11.7273C24.7267 11.7273 24.4379 11.8101 24.1941 11.9759C23.9526 12.1392 23.7667 12.3523 23.6365 12.6151C23.5063 12.8778 23.4412 13.1596 23.4412 13.4602V13.9432C23.4412 14.3551 23.5123 14.7043 23.6543 14.9908C23.7987 15.2749 23.9988 15.4915 24.2544 15.6406C24.5101 15.7874 24.8072 15.8608 25.1458 15.8608C25.3659 15.8608 25.5648 15.83 25.7424 15.7685C25.9223 15.7045 26.0774 15.6098 26.2076 15.4844C26.3378 15.3565 26.4384 15.1979 26.5094 15.0085L27.3191 15.2358C27.2338 15.5104 27.0906 15.7519 26.8894 15.9602C26.6882 16.1662 26.4396 16.3272 26.1436 16.4432C25.8477 16.5568 25.5151 16.6136 25.1458 16.6136Z" fill="#F9F9F9"/>

package/dist/esm/post-purchase/product/settings/product-variants/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:~~{en:~~"Options settings"},controls:[{type:"control",label:~~{en:~~"Type"},setting:{id:"optionType"}},{type:"control",label:~~{en:~~"~~Option's price"},setting:{id:"price"},conditionDisplay:"optionType == 'groupOption'"},{type:"control",label:{en:"~~Sold out mark"},setting:{id:"soldOutMark"}}]},{controls:[{conditionDisplay:"optionType == 'singleOption'",layout:"vertical",setting:{id:"variantPresets"}}]},{conditionDisplay:"optionType === 'groupOption'",label:~~{en:~~"Option style"},controls:[{type:"control",label:~~{en:~~"Width"},setting:{id:"combineWidth"}}]},{label:~~{en:~~"Size"},controls:[{type:"control",label:~~{en:~~"Width"},setting:{id:"width"}},{type:"control",label:~~{en:~~"Spacing"},setting:{id:"variantSpacing"}}]},{controls:[{label:~~{en:~~"Align"},setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Options settings",controls:[{type:"control",label:"Type",setting:{id:"optionType"}},{type:"control",label:"Sold out mark",setting:{id:"soldOutMark"}}]},{controls:[{conditionDisplay:"optionType == 'singleOption'",layout:"vertical",setting:{id:"variantPresets"}}]},{conditionDisplay:"optionType === 'groupOption'",label:"Option style",controls:[{type:"control",label:"Width",setting:{id:"combineWidth"}}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"}},{type:"control",label:"Spacing",setting:{id:"variantSpacing"}}]},{controls:[{label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/post-purchase/text/settings/heading/configs/presets-v2.js CHANGED Viewed

@@ -1,3 +1,3 @@
-let presetsV2=[{id:"PostPurchaseHeading",name:{en:"Heading"},icon:{desktop:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+let presetsV2=[{id:"PostPurchaseHeading",name:"Heading",icon:{desktop:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M15.6 2.09659C15.6 1.7671 15.8518 1.5 16.1625 1.5H20.4375C20.7482 1.5 21 1.7671 21 2.09659V2.8125C21 3.14199 20.7482 3.40909 20.4375 3.40909H20.4172C20.2902 3.46746 20.1489 3.5 20 3.5H19.2051V20.5H20C20.1489 20.5 20.2902 20.5325 20.4172 20.5909H20.4375C20.7482 20.5909 21 20.858 21 21.1875V21.9034C21 22.2329 20.7482 22.5 20.4375 22.5H16.1625C15.8518 22.5 15.6 22.2329 15.6 21.9034V21.1875C15.6 20.858 15.8518 20.5909 16.1625 20.5909H16.1873C16.3143 20.5325 16.4556 20.5 16.6045 20.5H17.4V12H6.6V20.5H7.39551C7.54441 20.5 7.68571 20.5325 7.81268 20.5909H7.8375C8.14816 20.5909 8.4 20.858 8.4 21.1875V21.9034C8.4 22.2329 8.14816 22.5 7.8375 22.5H3.5625C3.25184 22.5 3 22.2329 3 21.9034V21.1875C3 20.858 3.25184 20.5909 3.5625 20.5909H3.58282C3.7098 20.5325 3.8511 20.5 4 20.5H4.79863L4.79863 3.5H4C3.8511 3.5 3.7098 3.46746 3.58282 3.40909H3.5625C3.25184 3.40909 3 3.14199 3 2.8125V2.09659C3 1.7671 3.25184 1.5 3.5625 1.5H7.8375C8.14816 1.5 8.4 1.7671 8.4 2.09659V2.8125C8.4 3.14199 8.14816 3.40909 7.8375 3.40909H7.81269C7.68571 3.46746 7.54441 3.5 7.39551 3.5H6.6V9.98779H17.4V3.5H16.6045C16.4556 3.5 16.3143 3.46746 16.1873 3.40909H16.1625C15.8518 3.40909 15.6 3.14199 15.6 2.8125V2.09659Z" fill="white"/>
     </svg>`},components:[{tag:"PostPurchaseHeading",settings:{text:"Your heading text goes here"},styles:{typo:{fontSize:"xlarge",textColor:"default",fontWeight:"bold",textTransform:"none"}},advanced:{blockPadding:"none",inlinePadding:"none"}}]}];export{presetsV2};

package/dist/esm/post-purchase/text/settings/text/Text.js CHANGED Viewed

@@ -2,6 +2,6 @@ import{settingV2 as e}from"./configs/setting-v2.js";import{uiV2 as C}from"./conf
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
   </svg>
-  `,settings:e,ui:[],uiV2:C,advanced:{},presets:[{id:"PostPurchaseText",name:{en:"Text block"},icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+  `,settings:e,ui:[],uiV2:C,advanced:{},presets:[{id:"PostPurchaseText",name:"Text block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
         </svg>`},components:[{tag:"PostPurchaseText",advanced:{blockPadding:"none",inlinePadding:"none"}}]}],rootOverride:{styles:{align:"center",width:{desktop:"1200px"}}}};export{config as default};

package/dist/esm/post-purchase/text/settings/text/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let uiV2=[{label:~~{en:~~"Text"},controls:[{type:"control",label:~~{en:~~"Direction"},setting:{id:"direction"},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:~~{en:~~"Align"}}]},{label:~~{en:~~"Size"},controls:[{type:"control",label:~~{en:~~"Width"},setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{uiV2};
1	+ let uiV2=[{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"Align",conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{uiV2};

package/dist/esm/product/components/file-upload/settings/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let SettingPresets=[{id:"product-file-upload",name:{en:"Product File Upload"},icon:{desktop:`
+let SettingPresets=[{id:"product-file-upload",name:"Product File Upload",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.625" y="0.625" width="92.75" height="46.75" rx="2.375" stroke="#474747" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 10"/>
 <path d="M47 19.5C46.7929 19.5 46.625 19.3321 46.625 19.125L46.625 12.565L45.022 14.2543C44.8795 14.4046 44.6421 14.4108 44.4919 14.2682C44.3416 14.1257 44.3354 13.8883 44.478 13.7381L46.7248 11.3703C46.7933 11.2963 46.8912 11.25 47 11.25C47.1087 11.25 47.2066 11.2963 47.2751 11.3702L49.522 13.7381C49.6646 13.8883 49.6584 14.1257 49.5081 14.2682C49.3579 14.4108 49.1205 14.4046 48.978 14.2543L47.375 12.565L47.375 19.125C47.375 19.3321 47.2071 19.5 47 19.5Z" fill="#F9F9F9"/>

package/dist/esm/product/components/file-upload/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:~~{en:~~"Layout"},controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:~~{en:~~"Icon position"},setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:~~{en:~~"Icon position"},setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:~~{en:~~"Arrange content"},setting:{id:"arrangeContent"}},{type:"control",label:~~{en:~~"Spacing"},setting:{id:"spacing"}}]}]},{label:~~{en:~~"Upload setting"},controls:[{type:"control",label:~~{en:~~"Required"},setting:{id:"isRequired"}},{type:"control",label:~~{en:~~"Click image to preview"},setting:{id:"isShowPreviewImage"}},{type:"control",label:~~{en:~~"Number of files"},setting:{id:"numberOfFiles"}}]},{controls:[{label:~~{en:~~"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:~~{en:~~"Choose icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:~~{en:~~"Size"},setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:~~{en:~~"Position"},setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:~~{en:~~"Position"},setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{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:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",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:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColor",state:"normal"}}]},{label:~~{en:~~"Shape"},controls:[{label:~~{en:~~"Border"},setting:{id:"borderBtn",state:"normal"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBtn",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}}}]},{label:~~{en:~~"Text style"},controls:[{type:"combo",label:~~{en:~~"Content"},iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:~~{en:~~"Content"},controls:[{label:~~{en:~~"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Effect"},controls:[{label:~~{en:~~"Hover"},type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:~~{en:~~"Hover"},state:"hover",controls:[{label:~~{en:~~"Background"},type:"group",controls:[{label:~~{en:~~"Color"},type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:~~{en:~~"Text & icon"},type:"group",controls:[{label:~~{en:~~"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:~~{en:~~"Shape"},type:"group",controls:[{label:~~{en:~~"Border"},setting:{id:"borderBtn",state:"hover"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBtn",state:"hover"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:'!size.width?.includes("%") \|\| (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",state:"normal"}},{label:"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}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",conditionEnable:'!size.width?.includes("%") \|\| (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/components/product-bundle/setting/ProductBundleDiscount.js CHANGED Viewed

@@ -6,7 +6,7 @@ import t from"./configs/ui-v2.js";import i from"./configs/ui-v1.js";import{Produ
 <rect x="8" y="36" width="12" height="4" rx="2" fill="#F9F9F9"/>
 <rect x="24" y="36" width="40" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-`,settings:l,ui:i,uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"],notAppendTags:["ProductList","ProductBundleDiscount"]}},presets:[{id:"product-bundle-discount",name:{en:"Product Bundle Discount"},icon:{desktop:`
+`,settings:l,ui:i,uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"],notAppendTags:["ProductList","ProductBundleDiscount"]}},presets:[{id:"product-bundle-discount",name:"Product Bundle Discount",icon:{desktop:`
         <svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 7C0 5.34315 1.34315 4 3 4H69C70.6569 4 72 5.34315 72 7V21C72 22.6569 70.6569 24 69 24H3C1.34315 24 0 22.6569 0 21V7Z" fill="#424242"/>
 <rect x="8" y="12" width="12" height="4" rx="2" fill="#F9F9F9"/>
@@ -15,7 +15,7 @@ import t from"./configs/ui-v2.js";import i from"./configs/ui-v1.js";import{Produ
 <rect x="8" y="36" width="12" height="4" rx="2" fill="#F9F9F9"/>
 <rect x="24" y="36" width="40" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-`},components:[{tag:"ProductBundleDiscount",settings:{childItem:[],layout:"vertical-layout"},childrens:[]}]},{id:"product-bundle-horizontal-discount",name:{en:"Product Bundle Discount"},icon:{desktop:`<svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+`},components:[{tag:"ProductBundleDiscount",settings:{childItem:[],layout:"vertical-layout"},childrens:[]}]},{id:"product-bundle-horizontal-discount",name:"Product Bundle Discount",icon:{desktop:`<svg width="72" height="52" viewBox="0 0 72 52" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M0 11C0 9.34315 1.34315 8 3 8H31C32.6569 8 34 9.34315 34 11V41C34 42.6569 32.6569 44 31 44H3C1.34315 44 0 42.6569 0 41V11Z" fill="#424242"/>
     <rect x="11" y="16" width="12" height="4" rx="2" fill="#F9F9F9"/>
     <rect x="5" y="24" width="24" height="4" rx="2" fill="#AAAAAA"/>

package/dist/esm/product/components/product-bundle/setting/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:~~{en:~~"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:~~{en:~~"Item gap"},controls:[{label:~~{en:~~"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:~~{en:~~"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:~~{en:~~"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:~~{en:~~"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:~~{en:~~"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:~~{en:~~"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:~~{en:~~"Gap to content"},setting:{id:"iconSpacing"}}]},{label:~~{en:~~"Item style"},controls:[{label:~~{en:~~"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"normal"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:~~{en:~~"Shadow"},setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:~~{en:~~"Effect"},controls:[{label:~~{en:~~"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:~~{en:~~"Hover"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:~~{en:~~"Icon"},type:"group",controls:[{label:~~{en:~~"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:~~{en:~~"Shape"},type:"group",controls:[{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"hover"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:~~{en:~~"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:~~{en:~~"Active"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:~~{en:~~"Icon"},type:"group",controls:[{label:~~{en:~~"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:~~{en:~~"Shape"},type:"group",controls:[{label:~~{en:~~"Border"},setting:{id:"borderBundle",state:"active"}},{label:~~{en:~~"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:~~{en:~~"Shadow"},setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{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:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{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:~~"Display condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:~~{en:~~"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:~~{en:~~"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:~~{en:~~"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2 as default};
1	+ let SettingUIV2=[{label:"Bundle management",controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:"Item gap",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:"Radio icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:"Position",setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:"Position",setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:"Color",setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:"Size",setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:"Gap to content",setting:{id:"iconSpacing"}}]},{label:"Item style",controls:[{label:"Background",setting:{id:"backgroundColor",state:"normal"}},{label:"Border",setting:{id:"borderBundle",state:"normal"}},{label:"Corner",setting:{id:"roundedBundle",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"normal"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"hover"},conditionDisplay:"false"},{label:"Shadow",setting:{id:"hasBoxShadowBundle",state:"active"},conditionDisplay:"false"}]},{label:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:"Hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"hover"}},{label:"Corner",setting:{id:"roundedBundle",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBundle",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.hover.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBundle.hover.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:"Active",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"active"}}]},{label:"Icon",type:"group",controls:[{label:"Icon color",setting:{id:"iconColor",state:"active"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBundle",state:"active"}},{label:"Corner",setting:{id:"roundedBundle",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBundle",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.active.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBundle.active.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display condition",conditionDisplay:"enableDisplayCondition == true",controls:[{label:"Default item",setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:"Compare price",setting:{id:"useProductCompareAtPrice"}},{label:"Display item",setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2 as default};

package/dist/esm/product/settings/ProductImages.js CHANGED Viewed

@@ -6,7 +6,7 @@ let getDefaultResponsive=e=>({desktop:{default:e}}),config={tag:"ProductImages",
               <rect width="32" height="32" rx="16" fill="white"/>
               <path d="M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z" fill="black"/>
               </svg>
-              `},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0}]}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Featured Image",controls:[{id:"ftAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"ftCustomAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"ftLayout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"ftFullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftWidth",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"ftWidthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("80%")},{id:"ftAlign",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("center")}]},{id:"galleryStyles",type:"group",label:"Gallery",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"fullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"widthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],devices:getDefaultResponsive("20%")},{id:"height",type:"input:unit",label:"Height",units:["px"],emptyOnClear:!0,placeholder:"Auto",devices:{desktop:{default:void 0},mobile:{default:void 0},tablet:{default:void 0}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex"},{label:"Center",value:"center",type:"align-flex"},{label:"End",value:"flex-end",type:"align-flex"}],devices:getDefaultResponsive("flex-start")},{id:"position",label:"Layout",type:"layout-segment",options:[{label:"Bottom",value:"bottom-left",type:"box-align"},{label:"Bottom",value:"bottom-center",type:"box-align"},{label:"Left",value:"left",type:"box-align"},{label:"Right",value:"right",type:"box-align"}],devices:{desktop:{default:"bottom-left"}}},{id:"gallerySpacing",label:"Gallery Spacing",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}},{id:"spacing",label:"Spacing Item",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}}]},{id:"verticalLayout",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!1)},{id:"verticalLayoutRow",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!0)},{id:"dotColor",type:"colorpicker",label:"Dot color",hide:!0,devices:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",type:"colorpicker",label:"Dot color active",hide:!0,devices:{desktop:{default:"line-3"}}}]}],ui:[{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Featured image"},options:{label:"large"},setting:{id:"featureImageVisible"}},{type:"control",label:{en:"Hover effect"},condition:"featureImageVisible == true",setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom type"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoomType"}},{type:"control",label:{en:"Zoom value"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoom"}},{type:"control",label:{en:"Other image"},condition:'featureImageVisible == true && hoverEffect == "other"',setting:{id:"otherImage"}},{type:"control",label:{en:"Click effect"},condition:"featureImageVisible == true",setting:{id:"clickEffect"}},{type:"control",label:{en:"Ratio"},condition:"featureImageVisible == true",setting:{id:"ftAspectRatio"}},{type:"control",condition:'ftAspectRatio == "custom" && featureImageVisible == true',setting:{id:"ftCustomAspectRadio"}},{type:"control",condition:"featureImageVisible == true",label:{en:"Image scale"},setting:{id:"ftLayout"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "bottom-left" || position == "bottom-center" || galleryVisible == false)',setting:{id:"ftWidth"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "left" || position == "right") && galleryVisible == true',setting:{id:"ftWidthHorizontalLayout"}}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Gallery image"},options:{label:"large"},setting:{id:"galleryVisible"}},{type:"control",label:{en:"Layout"},layout:"vertical",condition:"galleryVisible == true",setting:{id:"position"}},{type:"control",label:{en:"Display type"},condition:'galleryVisible == true && position !== "left" && position !== "right"',setting:{id:"type"}},{type:"control",label:{en:"Item per line"},condition:'galleryVisible == true && type == "images" && position !== "left" && position !== "right"',setting:{id:"numberPerRow"}},{type:"control",label:{en:"Item per slide"},condition:'galleryVisible == true && type == "slider" && position !== "left" && position !== "right"',setting:{id:"slidesToShow"}},{type:"control",label:{en:"Active status"},condition:"galleryVisible == true",setting:{id:"showActiveStatus"}},{type:"control",label:{en:"Click effect"},condition:"galleryVisible == true",setting:{id:"largeViewInPopup"}},{type:"control",label:{en:"Drag to scroll"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"dragToScroll"}},{type:"control",label:{en:"Loop"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"loop"}},{type:"control",label:{en:"Next & previous"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"arrow"}},{type:"control",label:{en:"Position"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"controlOverContent"}},{type:"control",layout:"vertical",condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"arrowIcon"}},{type:"control",label:{en:"Ratio"},condition:"galleryVisible == true",setting:{id:"aspectRatio"}},{type:"control",condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Aspect height"},condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"aspectHeight"}},{type:"control",label:{en:"Image scale"},condition:"galleryVisible == true",setting:{id:"layout"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "bottom-left" || position == "bottom-center" || featureImageVisible == false)',setting:{id:"width"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "left" || position == "right") && featureImageVisible == true',setting:{id:"widthHorizontalLayout"}},{type:"control",label:{en:"Height"},condition:'galleryVisible == true && type == "slider"',setting:{id:"height"}},{type:"control",label:{en:"Spacing"},condition:"galleryVisible == true",setting:{id:"gallerySpacing"}},{type:"control",label:{en:"Item spacing"},condition:"galleryVisible == true",setting:{id:"spacing"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"product-image",name:{en:"Product Images"},icon:{desktop:`
+              `},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0}]}]},{id:"style",controls:[{id:"dimensions",type:"group",label:"Featured Image",controls:[{id:"ftAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"ftCustomAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"ftLayout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"ftFullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftWidth",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"ftWidthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("80%")},{id:"ftAlign",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("center")}]},{id:"galleryStyles",type:"group",label:"Gallery",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:getDefaultResponsive("1")},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"Fill",value:"fill"},{label:"Scale down",value:"scale-down"},{label:"None",value:"none"}],devices:getDefaultResponsive("cover")},{id:"fullWidth",label:"Full Width",type:"toggle",devices:getDefaultResponsive(!0)},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:getDefaultResponsive("100%")},{id:"widthHorizontalLayout",type:"input:unit",label:"Width",min:0,units:["px","%"],devices:getDefaultResponsive("20%")},{id:"height",type:"input:unit",label:"Height",units:["px"],emptyOnClear:!0,placeholder:"Auto",devices:{desktop:{default:void 0},mobile:{default:void 0},tablet:{default:void 0}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex"},{label:"Center",value:"center",type:"align-flex"},{label:"End",value:"flex-end",type:"align-flex"}],devices:getDefaultResponsive("flex-start")},{id:"position",label:"Layout",type:"layout-segment",options:[{label:"Bottom",value:"bottom-left",type:"box-align"},{label:"Bottom",value:"bottom-center",type:"box-align"},{label:"Left",value:"left",type:"box-align"},{label:"Right",value:"right",type:"box-align"}],devices:{desktop:{default:"bottom-left"}}},{id:"gallerySpacing",label:"Gallery Spacing",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}},{id:"spacing",label:"Spacing Item",type:"input:unit-spacing",units:["px"],devices:{desktop:{default:"var(--g-s-s)"},mobile:{default:"var(--g-s-s)"}}}]},{id:"verticalLayout",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!1)},{id:"verticalLayoutRow",label:"Vertical layout",type:"toggle",hide:!0,devices:getDefaultResponsive(!0)},{id:"dotColor",type:"colorpicker",label:"Dot color",hide:!0,devices:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",type:"colorpicker",label:"Dot color active",hide:!0,devices:{desktop:{default:"line-3"}}}]}],ui:[{type:"group",controls:[{type:"control",label:{en:"Featured image"},options:{label:"large"},setting:{id:"featureImageVisible"}},{type:"control",label:{en:"Hover effect"},condition:"featureImageVisible == true",setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom type"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoomType"}},{type:"control",label:{en:"Zoom value"},condition:'featureImageVisible == true && hoverEffect == "zoom"',setting:{id:"zoom"}},{type:"control",label:{en:"Other image"},condition:'featureImageVisible == true && hoverEffect == "other"',setting:{id:"otherImage"}},{type:"control",label:{en:"Click effect"},condition:"featureImageVisible == true",setting:{id:"clickEffect"}},{type:"control",label:{en:"Ratio"},condition:"featureImageVisible == true",setting:{id:"ftAspectRatio"}},{type:"control",condition:'ftAspectRatio == "custom" && featureImageVisible == true',setting:{id:"ftCustomAspectRadio"}},{type:"control",condition:"featureImageVisible == true",label:{en:"Image scale"},setting:{id:"ftLayout"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "bottom-left" || position == "bottom-center" || galleryVisible == false)',setting:{id:"ftWidth"}},{type:"control",label:{en:"Width"},condition:'featureImageVisible == true && (position == "left" || position == "right") && galleryVisible == true',setting:{id:"ftWidthHorizontalLayout"}}]},{type:"group",controls:[{type:"control",label:{en:"Gallery image"},options:{label:"large"},setting:{id:"galleryVisible"}},{type:"control",label:{en:"Layout"},layout:"vertical",condition:"galleryVisible == true",setting:{id:"position"}},{type:"control",label:{en:"Display type"},condition:'galleryVisible == true && position !== "left" && position !== "right"',setting:{id:"type"}},{type:"control",label:{en:"Item per line"},condition:'galleryVisible == true && type == "images" && position !== "left" && position !== "right"',setting:{id:"numberPerRow"}},{type:"control",label:{en:"Item per slide"},condition:'galleryVisible == true && type == "slider" && position !== "left" && position !== "right"',setting:{id:"slidesToShow"}},{type:"control",label:{en:"Active status"},condition:"galleryVisible == true",setting:{id:"showActiveStatus"}},{type:"control",label:{en:"Click effect"},condition:"galleryVisible == true",setting:{id:"largeViewInPopup"}},{type:"control",label:{en:"Drag to scroll"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"dragToScroll"}},{type:"control",label:{en:"Loop"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"loop"}},{type:"control",label:{en:"Next & previous"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right")',setting:{id:"arrow"}},{type:"control",label:{en:"Position"},condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"controlOverContent"}},{type:"control",layout:"vertical",condition:'galleryVisible == true && (type == "slider" || position == "left" || position == "right") && arrow == true',setting:{id:"arrowIcon"}},{type:"control",label:{en:"Ratio"},condition:"galleryVisible == true",setting:{id:"aspectRatio"}},{type:"control",condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Aspect height"},condition:'galleryVisible == true && aspectRatio == "custom"',setting:{id:"aspectHeight"}},{type:"control",label:{en:"Image scale"},condition:"galleryVisible == true",setting:{id:"layout"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "bottom-left" || position == "bottom-center" || featureImageVisible == false)',setting:{id:"width"}},{type:"control",label:{en:"Width"},condition:'galleryVisible == true && (position == "left" || position == "right") && featureImageVisible == true',setting:{id:"widthHorizontalLayout"}},{type:"control",label:{en:"Height"},condition:'galleryVisible == true && type == "slider"',setting:{id:"height"}},{type:"control",label:{en:"Spacing"},condition:"galleryVisible == true",setting:{id:"gallerySpacing"}},{type:"control",label:{en:"Item spacing"},condition:"galleryVisible == true",setting:{id:"spacing"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"product-image",name:"Product Images",icon:{desktop:`
           <svg width="70" height="48" viewBox="0 0 70 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#494949"/>
           <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#494949"/>
@@ -14,7 +14,7 @@ let getDefaultResponsive=e=>({desktop:{default:e}}),config={tag:"ProductImages",
           <rect x="14" width="56" height="48" rx="3" fill="#494949"/>
           <path d="M34.5 18.766L39.495 17.0288C39.495 17.0288 40.1024 18.4454 42.005 18.4454C43.9076 18.4454 44.5083 17 44.5083 17L49.5 18.766L48.6692 23.1222H46.1642V31H37.825V23.1196H35.3325L34.5 18.766Z" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"ProductImages",styles:{position:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical",name:{en:"Product Images"},icon:{desktop:`
+        `},components:[{tag:"ProductImages",styles:{position:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical",name:"Product Images",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="24.5" width="47" height="34" rx="3" fill="#494949"/>
           <path d="M40.5 11.766L45.495 10.0288C45.495 10.0288 46.1024 11.4454 48.005 11.4454C49.9076 11.4454 50.5083 10 50.5083 10L55.5 11.766L54.6692 16.1222H52.1642V24H43.825V16.1196H41.3325L40.5 11.766Z" fill="#D6D6D6"/>

package/dist/esm/product/settings/dynamic-checkout/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let DynamicCheckoutPresets=[{id:"product-dynamic-button",name:{en:"Dynamic Checkout"},icon:{desktop:`
+let DynamicCheckoutPresets=[{id:"product-dynamic-button",name:"Dynamic Checkout",icon:{desktop:`
      <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect y="6" width="96" height="36" rx="3" fill="#424242"/>
 <path d="M24.7873 28V19.2727H27.8384C28.4464 19.2727 28.9478 19.3778 29.3427 19.5881C29.7376 19.7955 30.0316 20.0753 30.2248 20.4276C30.418 20.777 30.5146 21.1648 30.5146 21.5909C30.5146 21.9659 30.4478 22.2756 30.3143 22.5199C30.1836 22.7642 30.0103 22.9574 29.7944 23.0994C29.5813 23.2415 29.3498 23.3466 29.0998 23.4148V23.5C29.3668 23.517 29.6353 23.6108 29.9052 23.7812C30.1751 23.9517 30.4009 24.196 30.5827 24.5142C30.7646 24.8324 30.8555 25.2216 30.8555 25.6818C30.8555 26.1193 30.756 26.5128 30.5572 26.8622C30.3583 27.2116 30.0444 27.4886 29.6154 27.6932C29.1864 27.8977 28.6282 28 27.9407 28H24.7873ZM25.8441 27.0625H27.9407C28.631 27.0625 29.1211 26.929 29.4109 26.6619C29.7035 26.392 29.8498 26.0653 29.8498 25.6818C29.8498 25.3864 29.7745 25.1136 29.6239 24.8636C29.4734 24.6108 29.2589 24.4091 28.9805 24.2585C28.7021 24.1051 28.3725 24.0284 27.9918 24.0284H25.8441V27.0625ZM25.8441 23.108H27.8043C28.1225 23.108 28.4094 23.0455 28.6651 22.9205C28.9237 22.7955 29.1282 22.6193 29.2788 22.392C29.4322 22.1648 29.5089 21.8977 29.5089 21.5909C29.5089 21.2074 29.3754 20.8821 29.1083 20.6151C28.8413 20.3452 28.418 20.2102 27.8384 20.2102H25.8441V23.108ZM36.5806 25.3239V21.4545H37.5863V28H36.5806V26.892H36.5124C36.359 27.2244 36.1204 27.5071 35.7965 27.7401C35.4727 27.9702 35.0636 28.0852 34.5692 28.0852C34.1602 28.0852 33.7965 27.9957 33.4783 27.8168C33.1602 27.6349 32.9102 27.3622 32.7283 26.9986C32.5465 26.6321 32.4556 26.1705 32.4556 25.6136V21.4545H33.4613V25.5455C33.4613 26.0227 33.5948 26.4034 33.8619 26.6875C34.1317 26.9716 34.4755 27.1136 34.8931 27.1136C35.1431 27.1136 35.3974 27.0497 35.6559 26.9219C35.9173 26.794 36.136 26.598 36.3121 26.3338C36.4911 26.0696 36.5806 25.733 36.5806 25.3239ZM40.076 30.4545C39.9055 30.4545 39.7536 30.4403 39.62 30.4119C39.4865 30.3864 39.3942 30.3608 39.343 30.3352L39.5987 29.4489C39.843 29.5114 40.0589 29.5341 40.2464 29.517C40.4339 29.5 40.6001 29.4162 40.745 29.2656C40.8928 29.1179 41.0277 28.8778 41.1499 28.5455L41.3374 28.0341L38.9169 21.4545H40.0078L41.8146 26.6705H41.8828L43.6896 21.4545H44.7805L42.0021 28.9545C41.8771 29.2926 41.7223 29.5724 41.5376 29.794C41.353 30.0185 41.1385 30.1847 40.8942 30.2926C40.6527 30.4006 40.38 30.4545 40.076 30.4545ZM50.4886 24.0625V28H49.483V21.4545H50.4545V22.4773H50.5398C50.6932 22.1449 50.9261 21.8778 51.2386 21.6761C51.5511 21.4716 51.9545 21.3693 52.4489 21.3693C52.892 21.3693 53.2798 21.4602 53.6122 21.642C53.9446 21.821 54.2031 22.0938 54.3878 22.4602C54.5724 22.8239 54.6648 23.2841 54.6648 23.8409V28H53.6591V23.9091C53.6591 23.3949 53.5256 22.9943 53.2585 22.7074C52.9915 22.4176 52.625 22.2727 52.1591 22.2727C51.8381 22.2727 51.5511 22.3423 51.2983 22.4815C51.0483 22.6207 50.8509 22.8239 50.706 23.0909C50.5611 23.358 50.4886 23.6818 50.4886 24.0625ZM59.1616 28.1364C58.5707 28.1364 58.0522 27.9957 57.6062 27.7145C57.163 27.4332 56.8164 27.0398 56.5664 26.5341C56.3192 26.0284 56.1957 25.4375 56.1957 24.7614C56.1957 24.0795 56.3192 23.4844 56.5664 22.9759C56.8164 22.4673 57.163 22.0724 57.6062 21.7912C58.0522 21.5099 58.5707 21.3693 59.1616 21.3693C59.7525 21.3693 60.2695 21.5099 60.7127 21.7912C61.1587 22.0724 61.5053 22.4673 61.7525 22.9759C62.0025 23.4844 62.1275 24.0795 62.1275 24.7614C62.1275 25.4375 62.0025 26.0284 61.7525 26.5341C61.5053 27.0398 61.1587 27.4332 60.7127 27.7145C60.2695 27.9957 59.7525 28.1364 59.1616 28.1364ZM59.1616 27.233C59.6104 27.233 59.9798 27.1179 60.2695 26.8878C60.5593 26.6577 60.7738 26.3551 60.913 25.9801C61.0522 25.6051 61.1218 25.1989 61.1218 24.7614C61.1218 24.3239 61.0522 23.9162 60.913 23.5384C60.7738 23.1605 60.5593 22.8551 60.2695 22.6222C59.9798 22.3892 59.6104 22.2727 59.1616 22.2727C58.7127 22.2727 58.3434 22.3892 58.0536 22.6222C57.7638 22.8551 57.5494 23.1605 57.4102 23.5384C57.271 23.9162 57.2013 24.3239 57.2013 24.7614C57.2013 25.1989 57.271 25.6051 57.4102 25.9801C57.5494 26.3551 57.7638 26.6577 58.0536 26.8878C58.3434 27.1179 58.7127 27.233 59.1616 27.233ZM64.9229 28L62.9286 21.4545H63.9854L65.4002 26.4659H65.4684L66.8661 21.4545H67.94L69.3207 26.4489H69.3888L70.8036 21.4545H71.8604L69.8661 28H68.8775L67.4457 22.9716H67.3434L65.9116 28H64.9229Z" fill="#AAAAAA"/>

package/dist/esm/product/settings/dynamic-checkout/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{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},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",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},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},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:"24px",right:"24px"}}}}}]},{label:~~{en:~~"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:~~{en:~~"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:~~{en:~~"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',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}}}]},{label:~~{en:~~"Text"},controls:[{id:"typo",label:~~{en:~~"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",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"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:~~{en:~~"Hover"},setting:{id:"enableHoverEffect"},controls:[{type:"group",label:~~{en:~~"Background"},controls:[{label:~~{en:~~"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:~~{en:~~"Image"},setting:{id:"backgroundImage",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:'!(globalSize.width === "default" \|\| (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"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"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"},{id:"Height",label:"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},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (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"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product/configs/product-presets/product-1-col.js CHANGED Viewed

@@ -1,11 +1,11 @@
-let product1Col={id:"product-1-col",name:{en:"Product"},icon:{desktop:`
+let product1Col={id:"product-1-col",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>

package/dist/esm/product/settings/product/configs/product-presets/product-2-col.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
+let product2Col={id:"product-2-col",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>
@@ -8,7 +8,7 @@ let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>

package/dist/esm/product/settings/product/configs/product-presets/product-default.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
+let productDefault={id:"product",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>
@@ -9,7 +9,7 @@ let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:"Product",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>

package/dist/esm/product/settings/product/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:~~{en:~~"Layout"},controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:~~{en:~~"Product source"},controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:~~{en:~~"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:~~{en:~~"Gap"},setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:~~{en:~~"Gap"},conditionDisplay:"layout.cols.length === 1"},{label:~~{en:~~"Gap"},setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:~~{en:~~"Size"},controls:[{setting:{id:"width"},label:~~{en:~~"Width"},layout:"horizontal"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{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"},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:~~"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:~~{en:~~"Condition"},controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:~~{en:~~"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' \|\| (!!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 == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' \|\| (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product-badge/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let ProductBadgePreset=[{id:"product-badge",name:{en:"Product Badge"},icon:{desktop:`
+let ProductBadgePreset=[{id:"product-badge",name:"Product Badge",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect x="23" width="48" height="48" rx="3" fill="#424242"/>
         <path d="M39.5 18.766L44.495 17.0288C44.495 17.0288 45.1024 18.4454 47.005 18.4454C48.9076 18.4454 49.5083 17 49.5083 17L54.5 18.766L53.6692 23.1222H51.1642V31H42.825V23.1196H40.3325L39.5 18.766Z" fill="#757575"/>

package/dist/esm/product/settings/product-badge/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:~~{en:~~"Style"},controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:~~{en:~~"Style"},controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Image"},conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:~~{en:~~"Image"},setting:{id:"image"}}]},{label:~~{en:~~"Text"},conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:~~{en:~~"Content"},label:~~{en:~~"Content"},layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:~~{en:~~"Content"},layout:"vertical",setting:{id:"displayContent"}},{~~label:{en:""},~~layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",~~label:{en:"Basic"},~~setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:~~{en:~~"Badge style"},conditionDisplay:'contentType == "text"',controls:[{label:~~{en:~~"Color"},setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:~~{en:~~"Border"},setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:~~{en:~~"Corner"},setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:~~{en:~~"Shadow"},setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:~~{en:~~"Image style"},conditionDisplay:'contentType == "image"',controls:[{label:~~{en:~~"Border"},setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:~~{en:~~"Corner"},setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:~~{en:~~"Shadow"},setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:~~{en:~~"Size"},conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:~~{en:~~"Size"},conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:~~{en:~~"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:~~{en:~~"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:~~{en:~~"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:~~{en:~~"Position"},controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:~~{en:~~"Align"},conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product-button/configs/presets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-let ProductButtonPresets=[{id:"product-button",name:{en:"Add to Cart"},icon:{desktop:`
+let ProductButtonPresets=[{id:"product-button",name:"Add to Cart",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect y="6" width="96" height="36" rx="3" fill="#424242"/>
 <path d="M19.2048 19.3418H12.1421C11.407 19.3418 10.9232 20.1083 11.2393 20.7719L12.5165 23.4527C12.6824 23.8009 13.0337 24.0226 13.4193 24.0226H17.7297C18.0943 24.0226 18.43 23.8241 18.6058 23.5047L20.0809 20.8239C20.4476 20.1574 19.9655 19.3418 19.2048 19.3418Z" stroke="#AAAAAA"/>

package/dist/esm/product/settings/product-button/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{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:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',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:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:{en:"Icon"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:{en:"Separator"},setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:{en:"Price"},setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Layout"},conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:{en:"Product price"},conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Product price text style"},isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:{en:"Compare-at"},conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Compare-at text style"},isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:{en:"Opacity"}},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:{en:"Shape"},type:"group",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:"Out of stock state"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"outOfStockLabel"}}]},{label:{en:"Background"},setting:{id:"oosBackgroundV2",state:"normal"}},{label:{en:"Text color"},setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:{en:"Border"},setting:{id:"oosBorderV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"oosRoundedV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:{en:"Redirect to"},controls:[{type:"control",label:{en:"After click"},setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:{en:"Message"},conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:{en:"Success"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:{en:"Success message"},controls:[{label:{en:"Content"},options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:{en:"Error"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:{en:"Error message"},controls:[{label:{en:"Source"},setting:{id:"errorType"}},{label:{en:"Add failed"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:{en:"Not select variant"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" \|\| (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"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"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:"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:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (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"}}]}];export{SettingUIV2};