@gem-sdk/components 11.2.5 → 12.0.0-dev.102

package/dist/esm/post-purchase/product/settings/product-title/ProductTitle.js

@@ -1,8 +1,8 @@
-import{SettingUIV1 as C}from"./configs/ui-v1.js";import{SettingUIV2 as V}from"./configs/ui-v2.js";import{settingV2 as H}from"./configs/settings-v2.js";let config={tag:"PostPurchaseProductTitle",label:"Product Title",icon:`
+import{SettingUIV2 as C}from"./configs/ui-v2.js";import{settingV2 as V}from"./configs/settings-v2.js";let config={tag:"PostPurchaseProductTitle",label:"Product Title",icon:`
   <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.0639 18.875V17.3636H24.0696V18.875H20.4389V29H18.6889V18.875H15.0639ZM28.3338 29.1761C27.5156 29.1761 26.8016 28.9886 26.1918 28.6136C25.5819 28.2386 25.1084 27.714 24.7713 27.0398C24.4342 26.3655 24.2656 25.5777 24.2656 24.6761C24.2656 23.7708 24.4342 22.9792 24.7713 22.3011C25.1084 21.6231 25.5819 21.0966 26.1918 20.7216C26.8016 20.3466 27.5156 20.1591 28.3338 20.1591C29.152 20.1591 29.866 20.3466 30.4759 20.7216C31.0857 21.0966 31.5592 21.6231 31.8963 22.3011C32.2334 22.9792 32.402 23.7708 32.402 24.6761C32.402 25.5777 32.2334 26.3655 31.8963 27.0398C31.5592 27.714 31.0857 28.2386 30.4759 28.6136C29.866 28.9886 29.152 29.1761 28.3338 29.1761ZM28.3395 27.75C28.8698 27.75 29.3092 27.6098 29.6577 27.3295C30.0062 27.0492 30.2637 26.6761 30.4304 26.2102C30.6009 25.7443 30.6861 25.2311 30.6861 24.6705C30.6861 24.1136 30.6009 23.6023 30.4304 23.1364C30.2637 22.6667 30.0062 22.2898 29.6577 22.0057C29.3092 21.7216 28.8698 21.5795 28.3395 21.5795C27.8054 21.5795 27.3622 21.7216 27.0099 22.0057C26.6615 22.2898 26.402 22.6667 26.2315 23.1364C26.0649 23.6023 25.9815 24.1136 25.9815 24.6705C25.9815 25.2311 26.0649 25.7443 26.2315 26.2102C26.402 26.6761 26.6615 27.0492 27.0099 27.3295C27.3622 27.6098 27.8054 27.75 28.3395 27.75ZM38.3722 20.2727V21.6364H33.6051V20.2727H38.3722ZM34.8835 18.1818H36.5824V26.4375C36.5824 26.767 36.6316 27.0152 36.7301 27.1818C36.8286 27.3447 36.9555 27.4564 37.1108 27.517C37.2699 27.5739 37.4422 27.6023 37.6278 27.6023C37.7642 27.6023 37.8835 27.5928 37.9858 27.5739C38.0881 27.5549 38.1676 27.5398 38.2244 27.5284L38.5312 28.9318C38.4328 28.9697 38.2926 29.0076 38.1108 29.0455C37.929 29.0871 37.7017 29.1098 37.429 29.1136C36.982 29.1212 36.5653 29.0417 36.179 28.875C35.7926 28.7083 35.4801 28.4508 35.2415 28.1023C35.0028 27.7538 34.8835 27.3163 34.8835 26.7898V18.1818ZM43.919 29.1761C43.0592 29.1761 42.3187 28.9924 41.6974 28.625C41.08 28.2538 40.6027 27.733 40.2656 27.0625C39.9323 26.3883 39.7656 25.5985 39.7656 24.6932C39.7656 23.7992 39.9323 23.0114 40.2656 22.3295C40.6027 21.6477 41.0724 21.1155 41.6747 20.733C42.2808 20.3504 42.9891 20.1591 43.7997 20.1591C44.2921 20.1591 44.7694 20.2405 45.2315 20.4034C45.6937 20.5663 46.1084 20.822 46.4759 21.1705C46.8433 21.5189 47.133 21.9716 47.3452 22.5284C47.5573 23.0814 47.6634 23.7538 47.6634 24.5455V25.1477H40.7259V23.875H45.9986C45.9986 23.428 45.9077 23.0322 45.7259 22.6875C45.544 22.339 45.2884 22.0644 44.9588 21.8636C44.633 21.6629 44.2505 21.5625 43.8111 21.5625C43.3338 21.5625 42.9171 21.6799 42.5611 21.9148C42.2088 22.1458 41.9361 22.4489 41.7429 22.8239C41.5535 23.1951 41.4588 23.5985 41.4588 24.0341V25.0284C41.4588 25.6117 41.5611 26.108 41.7656 26.517C41.974 26.9261 42.2637 27.2386 42.6349 27.4545C43.0062 27.6667 43.4399 27.7727 43.9361 27.7727C44.258 27.7727 44.5516 27.7273 44.8168 27.6364C45.0819 27.5417 45.3111 27.4015 45.5043 27.2159C45.6974 27.0303 45.8452 26.8011 45.9474 26.5284L47.5554 26.8182C47.4266 27.2917 47.1955 27.7064 46.8622 28.0625C46.5327 28.4148 46.1179 28.6894 45.6179 28.8864C45.1217 29.0795 44.5554 29.1761 43.919 29.1761ZM53.919 29V17.3636H55.6179V21.6875H55.7202C55.8187 21.5057 55.9607 21.2955 56.1463 21.0568C56.3319 20.8182 56.5895 20.6098 56.919 20.4318C57.2486 20.25 57.6842 20.1591 58.2259 20.1591C58.9304 20.1591 59.5592 20.3371 60.1122 20.6932C60.6652 21.0492 61.099 21.5625 61.4134 22.233C61.7315 22.9034 61.8906 23.7102 61.8906 24.6534C61.8906 25.5966 61.7334 26.4053 61.419 27.0795C61.1046 27.75 60.6728 28.267 60.1236 28.6307C59.5743 28.9905 58.9474 29.1705 58.2429 29.1705C57.7126 29.1705 57.2789 29.0814 56.9418 28.9034C56.6084 28.7254 56.3471 28.517 56.1577 28.2784C55.9683 28.0398 55.8224 27.8277 55.7202 27.642H55.5781V29H53.919ZM55.5838 24.6364C55.5838 25.25 55.6728 25.7879 55.8509 26.25C56.0289 26.7121 56.2865 27.0739 56.6236 27.3352C56.9607 27.5928 57.3736 27.7216 57.8622 27.7216C58.3698 27.7216 58.794 27.5871 59.1349 27.3182C59.4759 27.0455 59.7334 26.6761 59.9077 26.2102C60.0857 25.7443 60.1747 25.2197 60.1747 24.6364C60.1747 24.0606 60.0876 23.5436 59.9134 23.0852C59.7429 22.6269 59.4853 22.2652 59.1406 22C58.7997 21.7348 58.3736 21.6023 57.8622 21.6023C57.3698 21.6023 56.9531 21.7292 56.6122 21.983C56.2751 22.2367 56.0194 22.5909 55.8452 23.0455C55.6709 23.5 55.5838 24.0303 55.5838 24.6364ZM66.3381 29.1932C65.785 29.1932 65.285 29.0909 64.8381 28.8864C64.3911 28.678 64.0369 28.3769 63.7756 27.983C63.518 27.589 63.3892 27.1061 63.3892 26.5341C63.3892 26.0417 63.4839 25.6364 63.6733 25.3182C63.8627 25 64.1184 24.7481 64.4403 24.5625C64.7623 24.3769 65.1222 24.2367 65.5199 24.142C65.9176 24.0473 66.3229 23.9754 66.7358 23.9261C67.2585 23.8655 67.6828 23.8163 68.0085 23.7784C68.3343 23.7367 68.571 23.6705 68.7188 23.5795C68.8665 23.4886 68.9403 23.3409 68.9403 23.1364V23.0966C68.9403 22.6004 68.8002 22.2159 68.5199 21.9432C68.2434 21.6705 67.8305 21.5341 67.2812 21.5341C66.7093 21.5341 66.2585 21.661 65.929 21.9148C65.6032 22.1648 65.3778 22.4432 65.2528 22.75L63.6562 22.3864C63.8456 21.8561 64.1222 21.428 64.4858 21.1023C64.8532 20.7727 65.2756 20.5341 65.7528 20.3864C66.2301 20.2348 66.732 20.1591 67.2585 20.1591C67.607 20.1591 67.9763 20.2008 68.3665 20.2841C68.7604 20.3636 69.1278 20.5114 69.4688 20.7273C69.8134 20.9432 70.0956 21.2519 70.3153 21.6534C70.535 22.0511 70.6449 22.5682 70.6449 23.2045V29H68.9858V27.8068H68.9176C68.8078 28.0265 68.643 28.2424 68.4233 28.4545C68.2036 28.6667 67.9214 28.8428 67.5767 28.983C67.232 29.1231 66.8191 29.1932 66.3381 29.1932ZM66.7074 27.8295C67.1771 27.8295 67.5786 27.7367 67.9119 27.5511C68.2491 27.3655 68.5047 27.1231 68.679 26.8239C68.857 26.5208 68.946 26.197 68.946 25.8523V24.7273C68.8854 24.7879 68.768 24.8447 68.5938 24.8977C68.4233 24.947 68.2282 24.9905 68.0085 25.0284C67.7888 25.0625 67.5748 25.0947 67.3665 25.125C67.1581 25.1515 66.9839 25.1742 66.8438 25.1932C66.5142 25.2348 66.2131 25.3049 65.9403 25.4034C65.6714 25.5019 65.4555 25.6439 65.2926 25.8295C65.1335 26.0114 65.054 26.2538 65.054 26.5568C65.054 26.9773 65.2093 27.2955 65.5199 27.5114C65.8305 27.7235 66.2263 27.8295 66.7074 27.8295ZM76.5668 32.4545C75.8736 32.4545 75.277 32.3636 74.777 32.1818C74.2808 32 73.8755 31.7595 73.5611 31.4602C73.2467 31.161 73.0118 30.8333 72.8565 30.4773L74.3168 29.875C74.419 30.0417 74.5554 30.2178 74.7259 30.4034C74.9001 30.5928 75.1349 30.7538 75.4304 30.8864C75.7296 31.0189 76.1141 31.0852 76.5838 31.0852C77.2277 31.0852 77.7599 30.928 78.1804 30.6136C78.6009 30.303 78.8111 29.8068 78.8111 29.125V27.4091H78.7031C78.6009 27.5947 78.4531 27.8011 78.2599 28.0284C78.0705 28.2557 77.8092 28.4527 77.4759 28.6193C77.1425 28.786 76.7088 28.8693 76.1747 28.8693C75.4853 28.8693 74.8641 28.7083 74.3111 28.3864C73.7618 28.0606 73.3262 27.5814 73.0043 26.9489C72.6861 26.3125 72.527 25.5303 72.527 24.6023C72.527 23.6742 72.6842 22.8788 72.9986 22.2159C73.3168 21.553 73.7524 21.0455 74.3054 20.6932C74.8584 20.3371 75.4853 20.1591 76.1861 20.1591C76.7277 20.1591 77.1652 20.25 77.4986 20.4318C77.8319 20.6098 78.0914 20.8182 78.277 21.0568C78.4664 21.2955 78.6122 21.5057 78.7145 21.6875H78.8395V20.2727H80.5043V29.1932C80.5043 29.9432 80.33 30.5587 79.9815 31.0398C79.633 31.5208 79.1615 31.8769 78.5668 32.108C77.9759 32.339 77.3092 32.4545 76.5668 32.4545ZM76.5497 27.4602C77.0384 27.4602 77.4512 27.3466 77.7884 27.1193C78.1293 26.8883 78.3868 26.5587 78.5611 26.1307C78.7391 25.6989 78.8281 25.1818 78.8281 24.5795C78.8281 23.9924 78.741 23.4754 78.5668 23.0284C78.3925 22.5814 78.1368 22.233 77.7997 21.983C77.4626 21.7292 77.0459 21.6023 76.5497 21.6023C76.0384 21.6023 75.6122 21.7348 75.2713 22C74.9304 22.2614 74.6728 22.6174 74.4986 23.0682C74.3281 23.5189 74.2429 24.0227 74.2429 24.5795C74.2429 25.1515 74.33 25.6534 74.5043 26.0852C74.6785 26.517 74.9361 26.8542 75.277 27.0966C75.6217 27.339 76.0459 27.4602 76.5497 27.4602Z" fill="#AAAAAA"/>
 </svg>
-  `,ui:C,uiV2:V,settings:H,advanced:{},editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"PostPurchaseProductTitle",name:{en:"Product Title"},icon:{desktop:`<svg width="93" height="14" viewBox="0 0 93 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  `,ui:[],uiV2:C,settings:V,advanced:{},editorConfigs:{placeholder:{flowTag:["Product"]}},presets:[{id:"PostPurchaseProductTitle",name:"Product Title",icon:{desktop:`<svg width="93" height="14" viewBox="0 0 93 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0.301847 13V1.36364H4.44957C5.35488 1.36364 6.10488 1.52841 6.69957 1.85795C7.29427 2.1875 7.73935 2.63826 8.0348 3.21023C8.33026 3.77841 8.47798 4.41856 8.47798 5.13068C8.47798 5.84659 8.32836 6.49053 8.02912 7.0625C7.73366 7.63068 7.2867 8.08144 6.68821 8.41477C6.09351 8.74432 5.34541 8.90909 4.44389 8.90909H1.59162V7.42045H4.2848C4.85677 7.42045 5.32079 7.32197 5.67685 7.125C6.03291 6.92424 6.29427 6.65152 6.46094 6.30682C6.6276 5.96212 6.71094 5.57008 6.71094 5.13068C6.71094 4.69129 6.6276 4.30114 6.46094 3.96023C6.29427 3.61932 6.03101 3.35227 5.67116 3.15909C5.3151 2.96591 4.84541 2.86932 4.26207 2.86932H2.05753V13H0.301847ZM10.3999 13V4.27273H12.0419V5.65909H12.1328C12.2919 5.18939 12.5722 4.82008 12.9737 4.55114C13.379 4.27841 13.8374 4.14205 14.3487 4.14205C14.4548 4.14205 14.5798 4.14583 14.7237 4.15341C14.8714 4.16098 14.987 4.17045 15.0703 4.18182V5.80682C15.0021 5.78788 14.8809 5.76705 14.7067 5.74432C14.5324 5.7178 14.3582 5.70455 14.1839 5.70455C13.7824 5.70455 13.4245 5.78977 13.1101 5.96023C12.7995 6.12689 12.5533 6.35985 12.3714 6.65909C12.1896 6.95455 12.0987 7.29167 12.0987 7.67045V13H10.3999ZM19.9041 13.1761C19.0859 13.1761 18.3719 12.9886 17.7621 12.6136C17.1522 12.2386 16.6787 11.714 16.3416 11.0398C16.0045 10.3655 15.8359 9.57765 15.8359 8.67614C15.8359 7.77083 16.0045 6.97917 16.3416 6.30114C16.6787 5.62311 17.1522 5.09659 17.7621 4.72159C18.3719 4.34659 19.0859 4.15909 19.9041 4.15909C20.7223 4.15909 21.4363 4.34659 22.0462 4.72159C22.656 5.09659 23.1295 5.62311 23.4666 6.30114C23.8037 6.97917 23.9723 7.77083 23.9723 8.67614C23.9723 9.57765 23.8037 10.3655 23.4666 11.0398C23.1295 11.714 22.656 12.2386 22.0462 12.6136C21.4363 12.9886 20.7223 13.1761 19.9041 13.1761ZM19.9098 11.75C20.4401 11.75 20.8795 11.6098 21.228 11.3295C21.5765 11.0492 21.834 10.6761 22.0007 10.2102C22.1712 9.74432 22.2564 9.23106 22.2564 8.67045C22.2564 8.11364 22.1712 7.60227 22.0007 7.13636C21.834 6.66667 21.5765 6.28977 21.228 6.00568C20.8795 5.72159 20.4401 5.57955 19.9098 5.57955C19.3757 5.57955 18.9325 5.72159 18.5803 6.00568C18.2318 6.28977 17.9723 6.66667 17.8018 7.13636C17.6352 7.60227 17.5518 8.11364 17.5518 8.67045C17.5518 9.23106 17.6352 9.74432 17.8018 10.2102C17.9723 10.6761 18.2318 11.0492 18.5803 11.3295C18.9325 11.6098 19.3757 11.75 19.9098 11.75ZM29.1357 13.1705C28.4311 13.1705 27.8023 12.9905 27.2493 12.6307C26.7 12.267 26.2682 11.75 25.9538 11.0795C25.6432 10.4053 25.4879 9.59659 25.4879 8.65341C25.4879 7.71023 25.6451 6.90341 25.9595 6.23295C26.2777 5.5625 26.7133 5.04924 27.2663 4.69318C27.8194 4.33712 28.4463 4.15909 29.147 4.15909C29.6887 4.15909 30.1243 4.25 30.4538 4.43182C30.7872 4.60985 31.0447 4.81818 31.2266 5.05682C31.4122 5.29545 31.5561 5.50568 31.6584 5.6875H31.7607V1.36364H33.4595V13H31.8004V11.642H31.6584C31.5561 11.8277 31.4084 12.0398 31.2152 12.2784C31.0258 12.517 30.7644 12.7254 30.4311 12.9034C30.0978 13.0814 29.666 13.1705 29.1357 13.1705ZM29.5107 11.7216C29.9993 11.7216 30.4122 11.5928 30.7493 11.3352C31.0902 11.0739 31.3478 10.7121 31.522 10.25C31.7 9.78788 31.7891 9.25 31.7891 8.63636C31.7891 8.0303 31.7019 7.5 31.5277 7.04545C31.3535 6.59091 31.0978 6.23674 30.7607 5.98295C30.4235 5.72917 30.0069 5.60227 29.5107 5.60227C28.9993 5.60227 28.5732 5.73485 28.2322 6C27.8913 6.26515 27.6338 6.62689 27.4595 7.08523C27.2891 7.54356 27.2038 8.06061 27.2038 8.63636C27.2038 9.2197 27.291 9.74432 27.4652 10.2102C27.6394 10.6761 27.897 11.0455 28.2379 11.3182C28.5826 11.5871 29.0069 11.7216 29.5107 11.7216ZM41.4126 9.38068V4.27273H43.1172V13H41.4467V11.4886H41.3558C41.1551 11.9545 40.8331 12.3428 40.3899 12.6534C39.9505 12.9602 39.4032 13.1136 38.7479 13.1136C38.1873 13.1136 37.6911 12.9905 37.2592 12.7443C36.8312 12.4943 36.4941 12.125 36.2479 11.6364C36.0054 11.1477 35.8842 10.5436 35.8842 9.82386V4.27273H37.5831V9.61932C37.5831 10.214 37.7479 10.6875 38.0774 11.0398C38.407 11.392 38.835 11.5682 39.3615 11.5682C39.6797 11.5682 39.996 11.4886 40.3104 11.3295C40.6286 11.1705 40.8918 10.9299 41.1001 10.608C41.3123 10.286 41.4164 9.87689 41.4126 9.38068ZM49.076 13.1761C48.2313 13.1761 47.504 12.9848 46.8942 12.6023C46.2881 12.2159 45.8222 11.6837 45.4964 11.0057C45.1707 10.3277 45.0078 9.55114 45.0078 8.67614C45.0078 7.78977 45.1745 7.00758 45.5078 6.32955C45.8411 5.64773 46.3108 5.11553 46.9169 4.73295C47.523 4.35038 48.237 4.15909 49.0589 4.15909C49.7218 4.15909 50.3127 4.2822 50.8317 4.52841C51.3506 4.77083 51.7692 5.11174 52.0874 5.55114C52.4093 5.99053 52.6006 6.50379 52.6612 7.09091H51.0078C50.9169 6.68182 50.7086 6.32955 50.3828 6.03409C50.0608 5.73864 49.629 5.59091 49.0874 5.59091C48.6139 5.59091 48.1991 5.71591 47.843 5.96591C47.4908 6.21212 47.2161 6.56439 47.0192 7.02273C46.8222 7.47727 46.7237 8.01515 46.7237 8.63636C46.7237 9.27273 46.8203 9.82197 47.0135 10.2841C47.2067 10.7462 47.4794 11.1042 47.8317 11.358C48.1877 11.6117 48.6063 11.7386 49.0874 11.7386C49.4093 11.7386 49.701 11.6799 49.9624 11.5625C50.2275 11.4413 50.4491 11.2689 50.6271 11.0455C50.8089 10.822 50.9358 10.553 51.0078 10.2386H52.6612C52.6006 10.803 52.4169 11.3068 52.1101 11.75C51.8033 12.1932 51.3923 12.5417 50.8771 12.7955C50.3658 13.0492 49.7654 13.1761 49.076 13.1761ZM58.5518 4.27273V5.63636H53.7848V4.27273H58.5518ZM55.0632 2.18182H56.7621V10.4375C56.7621 10.767 56.8113 11.0152 56.9098 11.1818C57.0083 11.3447 57.1352 11.4564 57.2905 11.517C57.4496 11.5739 57.6219 11.6023 57.8075 11.6023C57.9439 11.6023 58.0632 11.5928 58.1655 11.5739C58.2678 11.5549 58.3473 11.5398 58.4041 11.5284L58.7109 12.9318C58.6125 12.9697 58.4723 13.0076 58.2905 13.0455C58.1087 13.0871 57.8814 13.1098 57.6087 13.1136C57.1617 13.1212 56.745 13.0417 56.3587 12.875C55.9723 12.7083 55.6598 12.4508 55.4212 12.1023C55.1825 11.7538 55.0632 11.3163 55.0632 10.7898V2.18182ZM68.7393 4.27273V5.63636H63.9723V4.27273H68.7393ZM65.2507 2.18182H66.9496V10.4375C66.9496 10.767 66.9988 11.0152 67.0973 11.1818C67.1958 11.3447 67.3227 11.4564 67.478 11.517C67.6371 11.5739 67.8094 11.6023 67.995 11.6023C68.1314 11.6023 68.2507 11.5928 68.353 11.5739C68.4553 11.5549 68.5348 11.5398 68.5916 11.5284L68.8984 12.9318C68.8 12.9697 68.6598 13.0076 68.478 13.0455C68.2962 13.0871 68.0689 13.1098 67.7962 13.1136C67.3492 13.1212 66.9325 13.0417 66.5462 12.875C66.1598 12.7083 65.8473 12.4508 65.6087 12.1023C65.37 11.7538 65.2507 11.3163 65.2507 10.7898V2.18182ZM70.6186 13V4.27273H72.3175V13H70.6186ZM71.4766 2.92614C71.1811 2.92614 70.9273 2.82765 70.7152 2.63068C70.5069 2.42992 70.4027 2.19129 70.4027 1.91477C70.4027 1.63447 70.5069 1.39583 70.7152 1.19886C70.9273 0.998106 71.1811 0.897727 71.4766 0.897727C71.772 0.897727 72.0239 0.998106 72.2322 1.19886C72.4444 1.39583 72.5504 1.63447 72.5504 1.91477C72.5504 2.19129 72.4444 2.42992 72.2322 2.63068C72.0239 2.82765 71.772 2.92614 71.4766 2.92614ZM78.6768 4.27273V5.63636H73.9098V4.27273H78.6768ZM75.1882 2.18182H76.8871V10.4375C76.8871 10.767 76.9363 11.0152 77.0348 11.1818C77.1333 11.3447 77.2602 11.4564 77.4155 11.517C77.5746 11.5739 77.7469 11.6023 77.9325 11.6023C78.0689 11.6023 78.1882 11.5928 78.2905 11.5739C78.3928 11.5549 78.4723 11.5398 78.5291 11.5284L78.8359 12.9318C78.7375 12.9697 78.5973 13.0076 78.4155 13.0455C78.2337 13.0871 78.0064 13.1098 77.7337 13.1136C77.2867 13.1212 76.87 13.0417 76.4837 12.875C76.0973 12.7083 75.7848 12.4508 75.5462 12.1023C75.3075 11.7538 75.1882 11.3163 75.1882 10.7898V2.18182ZM82.4425 1.36364V13H80.7436V1.36364H82.4425ZM88.4893 13.1761C87.6295 13.1761 86.889 12.9924 86.2678 12.625C85.6503 12.2538 85.1731 11.733 84.8359 11.0625C84.5026 10.3883 84.3359 9.59848 84.3359 8.69318C84.3359 7.79924 84.5026 7.01136 84.8359 6.32955C85.1731 5.64773 85.6428 5.11553 86.245 4.73295C86.8511 4.35038 87.5594 4.15909 88.37 4.15909C88.8625 4.15909 89.3397 4.24053 89.8018 4.40341C90.264 4.56629 90.6787 4.82197 91.0462 5.17045C91.4136 5.51894 91.7034 5.97159 91.9155 6.52841C92.1276 7.08144 92.2337 7.75379 92.2337 8.54545V9.14773H85.2962V7.875H90.5689C90.5689 7.42803 90.478 7.0322 90.2962 6.6875C90.1143 6.33902 89.8587 6.06439 89.5291 5.86364C89.2034 5.66288 88.8208 5.5625 88.3814 5.5625C87.9041 5.5625 87.4875 5.67992 87.1314 5.91477C86.7791 6.14583 86.5064 6.44886 86.3132 6.82386C86.1238 7.19508 86.0291 7.59848 86.0291 8.03409V9.02841C86.0291 9.61174 86.1314 10.108 86.3359 10.517C86.5443 10.9261 86.834 11.2386 87.2053 11.4545C87.5765 11.6667 88.0102 11.7727 88.5064 11.7727C88.8284 11.7727 89.1219 11.7273 89.3871 11.6364C89.6522 11.5417 89.8814 11.4015 90.0746 11.2159C90.2678 11.0303 90.4155 10.8011 90.5178 10.5284L92.1257 10.8182C91.9969 11.2917 91.7659 11.7064 91.4325 12.0625C91.103 12.4148 90.6882 12.6894 90.1882 12.8864C89.692 13.0795 89.1257 13.1761 88.4893 13.1761Z" fill="#F9F9F9"/>
 </svg>
 

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

@@ -1 +1 @@
-let SettingUIV2=[{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:"Text align"}}]}];export{SettingUIV2};
+let SettingUIV2=[{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:"Text align"}]}];export{SettingUIV2};

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

@@ -1,8 +1,8 @@
-import{SettingUIV1 as C}from"./configs/ui-v1.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import{ProductVariantSettingsV1 as i}from"./configs/settings-v1.js";import{ProductVariantSettingsV2 as o}from"./configs/settings-v2.js";let config={tag:"PostPurchaseProductVariants",label:"Product Variants",icon:`
+import{SettingUIV2 as C}from"./configs/ui-v2.js";import{ProductVariantSettingsV1 as t}from"./configs/settings-v1.js";import{ProductVariantSettingsV2 as s}from"./configs/settings-v2.js";let config={tag:"PostPurchaseProductVariants",label:"Product Variants",icon:`
   <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:i,settingsV2:o,ui:C,uiV2:t,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

@@ -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};
+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

@@ -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

@@ -1,7 +1,7 @@
-import{settingV2 as e}from"./configs/setting-v2.js";import{uiV1 as C}from"./configs/ui-v1.js";import{uiV2 as t}from"./configs/ui-v2.js";let config={tag:"PostPurchaseText",label:"Text block",icon:`
+import{settingV2 as e}from"./configs/setting-v2.js";import{uiV2 as C}from"./configs/ui-v2.js";let config={tag:"PostPurchaseText",label:"Text block",icon:`
   <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:C,uiV2:t,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

@@ -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};
+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/postPurchaseSetting.js

@@ -1 +1 @@
-import{gridSetting as o}from"./grid/index.js";import{postPurchaseAdvancedListSetting as r}from"./post-purchase/advanced-list/index.js";import{postPurchaseButtonSetting as t}from"./post-purchase/button/index.js";import{postPurchaseCalloutBoxSetting as s}from"./post-purchase/callout-banner/index.js";import{postPurchaseCountdownTimerSetting as p}from"./post-purchase/countdown-timer/index.js";import{postPurchaseImageSetting as e}from"./post-purchase/image/index.js";import{postPurchaseLineSetting as i}from"./post-purchase/line/index.js";import{postPurchaseLinkSetting as m}from"./post-purchase/link/index.js";import{postPurchaseProductSetting as n}from"./post-purchase/product/index.js";import{postPurchaseTextSetting as a}from"./post-purchase/text/index.js";var postPurchaseSetting={...o,...r,...t,...s,...p,...e,...i,...m,...a,...n,...a};export{postPurchaseSetting as default};
+import{gridSetting as o}from"./grid/index.js";import{postPurchaseAdvancedListSetting as r}from"./post-purchase/advanced-list/index.js";import{postPurchaseButtonSetting as t}from"./post-purchase/button/index.js";import{postPurchaseCalloutBoxSetting as s}from"./post-purchase/callout-banner/index.js";import{postPurchaseCountdownTimerSetting as e}from"./post-purchase/countdown-timer/index.js";import{postPurchaseImageSetting as p}from"./post-purchase/image/index.js";import{postPurchaseLineSetting as i}from"./post-purchase/line/index.js";import{postPurchaseLinkSetting as m}from"./post-purchase/link/index.js";import{postPurchaseProductSetting as n}from"./post-purchase/product/index.js";import{postPurchaseTextSetting as a}from"./post-purchase/text/index.js";import{postPurchaseBuyerConsentSetting as u}from"./post-purchase/buyer-consent/index.js";var postPurchaseSetting={...o,...r,...t,...s,...e,...p,...i,...m,...a,...n,...a,...u};export{postPurchaseSetting as default};

package/dist/esm/product/components/ProductImages.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useProduct as i,useCurrentDevice as o,useCurrentVariant as r,useProductStore as l,getResponsiveValueByScreen as a,makeStyleResponsive as s,makeHeight as g,cls as p,makeStyle as m}from"@gem-sdk/core";import{useState as u,useRef as d,useMemo as n,useCallback as c,useEffect as f}from"react";import b from"./product-images/ProductFeaturedImage.js";import{getFlexDirection as h}from"../helpers/product-image.js";import{getStyleAlignment as I,checkAddOverFlowClass as y,convertUnitToNumber as V,getTypeWidthDevice as w}from"./product-images/common/helpers.js";import P from"./product-images/ProductGalleryCarousel.js";import j from"./product-images/ProductGalleryGrid.js";import x from"./product-images/ProductImagesLightBox.js";import{getStyleWidthForGallery as k,getStyleGallerySpacing as E}from"./product-images/common/productGallery.js";let DEVICES=["mobile","tablet","desktop"],getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),ProductImages=H=>{let{setting:v,styles:C,builderProps:G,builderAttrs:D,style:L,children:z}=H,R={...H.styles,...H.setting},S={...H.styles,...H.setting},N=i(),U=o(),B=r(),F=l(e=>e.setProductFeaturedImage),[O,A]=u(!1),[T,_]=u(100),q=d(null),J=a(v?.galleryVisible,U),K=a(v?.featureImageVisible,U),M=n(()=>a(C?.position,U),[U,C?.position]),Q=n(()=>k({galleryVisible:v?.galleryVisible,featureImageVisible:v?.featureImageVisible,position:C?.position,width:C?.width,widthHorizontalLayout:C?.widthHorizontalLayout}),[C?.position,C?.width,C?.widthHorizontalLayout,v?.galleryVisible,v?.featureImageVisible]),W=n(()=>{let e=getProductGallery(N);return e?.length?e:[{id:N?.featuredImage?.id??"noImageError",src:N?.featuredImage?.src??"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:N?.featuredImage?.width??480,height:N?.featuredImage?.height??480}]},[N]),X=n(()=>I(C?.align,C?.position),[C?.position,C?.align]),Y=n(()=>W.reduce((e,t,i)=>t?{...e,[t.id]:i}:e,{}),[W]),Z=n(()=>E(C?.position,C?.gallerySpacing),[C?.position,C?.gallerySpacing]),$=n(()=>y(L),[L]),ee=n(()=>{let e={};return DEVICES.forEach(t=>{let i=V(C?.height?.[t],0),o=a(v?.galleryVisible,t),r=a(v?.featureImageVisible,t),l=a(C?.position,t),s=("left"===l||"right"===l)&&o&&r;e=i?"number"==typeof C?.height?.[t]?{...e,[t]:C?.height?.[t]+"px"}:C?.height?.[t]?.includes("%")?{...e,[t]:V(C?.height?.[t],T)*T/100+"px"}:{...e,[t]:C?.height?.[t]}:{...e,[t]:s?T+"px":"auto"}}),e},[T,C?.height,C?.position,v?.featureImageVisible,v?.galleryVisible]),et=c(()=>s("h",g(ee)),[ee]);f(()=>{if(B){let e=Y[B?.mediaId]??0,t=W[e]??N?.featuredImage;t&&F(t)}},[B,Y,W,N?.featuredImage,F]),f(()=>{let e=null;return q?.current&&(e=new ResizeObserver(()=>{_(q?.current?.offsetHeight??0)})).observe(q.current,{}),()=>{e?.disconnect()}},[v?.featureImageVisible,U]),f(()=>{v?.featureImageVisible&&setTimeout(()=>{_(q?.current?.offsetHeight??0)},100)},[v?.featureImageVisible,U]);let ei=e=>{if(!e)return;let t=Y[e];if(void 0!==t){let e=W[t];e&&F(e)}},eo=e=>{let t=v?.clickEffect=="popup"||a(v?.largeViewInPopup,U);t&&A(!0),ei(e)},er=e=>{let t=a(v?.largeViewInPopup,U);t&&eo(e),ei(e)};return e("div",{...D,className:p(G?.uid,{"gp-overflow-hidden":$}),style:{...L},children:[e("div",{className:p("gp-flex gp-w-full",{...h(H)}),style:{...X},children:[K&&t(b,{imgRef:q,productImages:W,...R,onOpenLightBox:()=>A(!0)}),J&&W.length>1&&t("div",{className:p("gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":C?.position?.desktop=="bottom-left","tablet:gp-justify-start":C?.position?.tablet=="bottom-left","mobile:gp-justify-start":C?.position?.mobile=="bottom-left","gp-justify-center":C?.position?.desktop=="bottom-center","tablet:gp-justify-center":C?.position?.tablet=="bottom-center","mobile:gp-justify-center":C?.position?.mobile=="bottom-center","gp-mx-auto":"bottom-center"==M}),style:{...m({fs:"1.23"}),...Q,...Z,...et()},children:"slider"===w(v?.type)[U]||"left"===M||"right"===M?t(P,{productImages:W,...S,builderPropUID:G?.uid,onHandleClick:e=>er(e||"")}):t(j,{productImages:W,...S,builderPropUID:G?.uid,onHandleClick:e=>er(e||"")})})]}),(v?.clickEffect=="popup"||a(v?.largeViewInPopup,U))&&t(x,{productImages:W,builderPropUID:G?.uid,open:O,onHandleClose:()=>A(!1),imageRatio:C?.ftAspectRatio}),z]})};export{ProductImages as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useProduct as i,useCurrentDevice as o,useCurrentVariant as r,useProductStore as l,getResponsiveValueByScreen as a,makeStyleResponsive as s,makeHeight as g,cls as p,makeStyle as m}from"@gem-sdk/core";import{useState as u,useRef as d,useMemo as n,useCallback as c,useEffect as f}from"react";import b from"./product-images/ProductFeaturedImage.js";import{getFlexDirection as h}from"../helpers/product-image.js";import{getStyleAlignment as I,checkAddOverFlowClass as y,convertUnitToNumber as V,getTypeWidthDevice as w}from"./product-images/common/helpers.js";import P from"./product-images/ProductGalleryCarousel.js";import j from"./product-images/ProductGalleryGrid.js";import x from"./product-images/ProductImagesLightBox.js";import{getStyleWidthForGallery as E,getStyleGallerySpacing as k}from"./product-images/common/productGallery.js";let DEVICES=["mobile","tablet","desktop"],getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),ProductImages=H=>{let{setting:v,styles:D,builderProps:C,builderAttrs:G,style:L,children:z}=H,R={...H.styles,...H.setting},S={...H.styles,...H.setting},N=i(),U=o(),B=r(),F=l(e=>e.setProductFeaturedImage),[O,A]=u(!1),[T,_]=u(100),q=d(null),J=a(v?.galleryVisible,U),K=a(v?.featureImageVisible,U),M=n(()=>a(D?.position,U),[U,D?.position]),Q=n(()=>E({galleryVisible:v?.galleryVisible,featureImageVisible:v?.featureImageVisible,position:D?.position,width:D?.width,widthHorizontalLayout:D?.widthHorizontalLayout}),[D?.position,D?.width,D?.widthHorizontalLayout,v?.galleryVisible,v?.featureImageVisible]),W=n(()=>{let e=getProductGallery(N);return e?.length?e:[{id:N?.featuredImage?.id??"noImageError",baseID:N?.featuredImage?.baseID??"noImageError",src:N?.featuredImage?.src??"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:N?.featuredImage?.width??480,height:N?.featuredImage?.height??480}]},[N]),X=n(()=>I(D?.align,D?.position),[D?.position,D?.align]),Y=n(()=>W.reduce((e,t,i)=>t?{...e,[t.id]:i}:e,{}),[W]),Z=n(()=>k(D?.position,D?.gallerySpacing),[D?.position,D?.gallerySpacing]),$=n(()=>y(L),[L]),ee=n(()=>{let e={};return DEVICES.forEach(t=>{let i=V(D?.height?.[t],0),o=a(v?.galleryVisible,t),r=a(v?.featureImageVisible,t),l=a(D?.position,t),s=("left"===l||"right"===l)&&o&&r;e=i?"number"==typeof D?.height?.[t]?{...e,[t]:D?.height?.[t]+"px"}:D?.height?.[t]?.includes("%")?{...e,[t]:V(D?.height?.[t],T)*T/100+"px"}:{...e,[t]:D?.height?.[t]}:{...e,[t]:s?T+"px":"auto"}}),e},[T,D?.height,D?.position,v?.featureImageVisible,v?.galleryVisible]),et=c(()=>s("h",g(ee)),[ee]);f(()=>{if(B){let e=Y[B?.mediaId]??0,t=W[e]??N?.featuredImage;t&&F(t)}},[B,Y,W,N?.featuredImage,F]),f(()=>{let e=null;return q?.current&&(e=new ResizeObserver(()=>{_(q?.current?.offsetHeight??0)})).observe(q.current,{}),()=>{e?.disconnect()}},[v?.featureImageVisible,U]),f(()=>{v?.featureImageVisible&&setTimeout(()=>{_(q?.current?.offsetHeight??0)},100)},[v?.featureImageVisible,U]);let ei=e=>{if(!e)return;let t=Y[e];if(void 0!==t){let e=W[t];e&&F(e)}},eo=e=>{let t=v?.clickEffect=="popup"||a(v?.largeViewInPopup,U);t&&A(!0),ei(e)},er=e=>{let t=a(v?.largeViewInPopup,U);t&&eo(e),ei(e)};return e("div",{...G,className:p(C?.uid,{"gp-overflow-hidden":$}),style:{...L},children:[e("div",{className:p("gp-flex gp-w-full",{...h(H)}),style:{...X},children:[K&&t(b,{imgRef:q,productImages:W,...R,onOpenLightBox:()=>A(!0)}),J&&W.length>1&&t("div",{className:p("gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":D?.position?.desktop=="bottom-left","tablet:gp-justify-start":D?.position?.tablet=="bottom-left","mobile:gp-justify-start":D?.position?.mobile=="bottom-left","gp-justify-center":D?.position?.desktop=="bottom-center","tablet:gp-justify-center":D?.position?.tablet=="bottom-center","mobile:gp-justify-center":D?.position?.mobile=="bottom-center","gp-mx-auto":"bottom-center"==M}),style:{...m({fs:"1.23"}),...Q,...Z,...et()},children:"slider"===w(v?.type)[U]||"left"===M||"right"===M?t(P,{productImages:W,...S,builderPropUID:C?.uid,onHandleClick:e=>er(e||"")}):t(j,{productImages:W,...S,builderPropUID:C?.uid,onHandleClick:e=>er(e||"")})})]}),(v?.clickEffect=="popup"||a(v?.largeViewInPopup,U))&&t(x,{productImages:W,builderPropUID:C?.uid,open:O,onHandleClose:()=>A(!1),imageRatio:D?.ftAspectRatio}),z]})};export{ProductImages as default};

package/dist/esm/product/components/ProductImages.liquid.js

@@ -1,29 +1,29 @@
-import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseAssetURL as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleWidthForGallery as f,getStyleGallerySpacing as n}from"./product-images/common/productGallery.js";import{getSettingPreloadData as b}from"../../helpers.js";let ProductImages=y=>{let{setting:$,styles:j,builderProps:h,style:v}=y,S={...y.styles,...y.setting},w={...y.styles,...y.setting},x=e=>l(j?.position,e),I=()=>m(e=>!!$?.galleryVisible&&!l($?.galleryVisible,e),"inline-flex"),P=`
+import{template as t,cls as e,makeStyle as i,RenderIf as r,isLocalEnv as s,baseAssetURL as o,getResponsiveValueByScreen as l}from"@gem-sdk/core";import{getFlexDirection as a}from"../helpers/product-image.js";import{checkAddOverFlowClass as p,getStyleAlignment as d,getDisplayStyle as m}from"./product-images/common/helpers.js";import g from"./product-images/ProductFeaturedImage.liquid.js";import u from"./product-images/ProductGalleryCarousel.liquid.js";import c from"./product-images/ProductGalleryGrid.liquid.js";import{getStyleWidthForGallery as n,getStyleGallerySpacing as f}from"./product-images/common/productGallery.js";import{getSettingPreloadData as y}from"../../helpers.js";let ProductImages=b=>{let{setting:j,styles:$,builderProps:h,style:v}=b,S={...b.styles,...b.setting},w={...b.styles,...b.setting},x=t=>l($?.position,t),I=()=>m(t=>!!j?.galleryVisible&&!l(j?.galleryVisible,t),"inline-flex"),P=`
     {
       "id":${JSON.stringify(h?.uid)},
-      "setting":${JSON.stringify($)},
-      "styles":${JSON.stringify(j)},
-      "product":{{ product | json | escape }}
+      "setting":${JSON.stringify(j)},
+      "styles":${JSON.stringify($)},
+      "product":{{ product | json }}
     }
-  `;return e`
+  `;return t`
   {% assign featured_image = product.featured_image %}
   {%- if variant != null and variant.featured_image != null -%}
   {% assign featured_image = variant.featured_image %}
   {%- endif -%}
   <gp-product-images
-    gp-data='${P}'
     style="${{...v}}"
-    class="${t({"gp-overflow-hidden":p(v)})}"
+    class="${e({"gp-overflow-hidden":p(v)})}"
   >
+    <script gp-data type="application/json">${P}</script>
     <div
-        class="${t("gp-flex gp-w-full",{...a(y)})}"
-        style="${{...d(j?.align,j?.position)}}"
+        class="${e("gp-flex gp-w-full",{...a(b)})}"
+        style="${{...d($?.align,$?.position)}}"
       >
         ${g({...S})}
         {%- if product.media.size > 1 -%}
           <div
-            class="${t("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
-            style="${{...i({fs:"1.23"}),...I(),...f({galleryVisible:$?.galleryVisible,featureImageVisible:$?.featureImageVisible,position:j?.position,width:j?.width,widthHorizontalLayout:j?.widthHorizontalLayout}),...n(j?.position,j?.gallerySpacing)}}"
+            class="${e("gallery-wrapper gp-product-images-gallery gp-inline-flex gp-h-fit gp-max-w-full",{"gp-justify-start":"bottom-left"==x("desktop"),"tablet:gp-justify-start":"bottom-left"==x("tablet"),"mobile:gp-justify-start":"bottom-left"==x("mobile"),"gp-justify-center":"bottom-center"==x("desktop"),"tablet:gp-justify-center":"bottom-center"==x("tablet"),"mobile:gp-justify-center":"bottom-center"==x("mobile"),"gp-mx-auto":"bottom-center"==x("desktop"),"tablet:gp-mx-auto":"bottom-center"==x("tablet"),"mobile:gp-mx-auto":"bottom-center"==x("mobile")})}"
+            style="${{...i({fs:"1.23"}),...I(),...n({galleryVisible:j?.galleryVisible,featureImageVisible:j?.featureImageVisible,position:$?.position,width:$?.width,widthHorizontalLayout:$?.widthHorizontalLayout}),...f($?.position,$?.gallerySpacing)}}"
           >
             ${u({builderPropUID:h?.uid,...w})}
             ${c({builderPropUID:h?.uid,...w})}
@@ -31,5 +31,5 @@ import{template as e,cls as t,makeStyle as i,RenderIf as r,isLocalEnv as s,baseA
         {%- endif -%}
       </div>
   </gp-product-images>
-  ${r(s,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  ${r(s,`<script ${y('class="gps-link" delay',"src")}="{{ 'gp-product-images.js' | asset_url }}" defer="defer"></script>`,`<script ${y('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-images.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{ProductImages as default};

package/dist/esm/product/components/ProductNotFound.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r}from"@gem-sdk/core";import{useState as e,useEffect as n,useMemo as i}from"react";import c from"../../common/components/NoDataState.js";let ProductNotFound=({collectionHandle:d,productSrc:a,builderAttrs:l,children:u})=>{let p="STATIC"===t(),f=r(o=>o.storefrontToken),y=r(o=>o.storefrontUrl),m="Collection"===a,[s,h]=e(""),[S,g]=e("get product"),[w,b]=e("");n(()=>{if(m){if(!d){h("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection."),g("get collection"),b("collection");return}h("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection."),g("get product of collection"),b("product");return}if(p&&!f){b("product"),h("We can not get your products from Shopify");return}b("product"),g("get product"),h("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product.")},[d,m,p,f]);let C=i(()=>{if(!y)return;let o=new URL(y);return m?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[m,y]),T=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(c,{elementType:"primary",children:u,builderAttrs:l,title:`Can not ${S} from Shopify`,description:s,primaryBtnTitle:`Add ${w}`,secondaryBtnTitle:"Sync from Shopify",primaryBtnCb:()=>{C&&window.open(C,"_blank")},secondaryBtnCb:()=>T(l?.["data-uid"]??l?.uid)})};export{ProductNotFound as default};
+import{jsx as o}from"react/jsx-runtime";import{usePageType as t,useShopStore as r,useI18nStore as e}from"@gem-sdk/core";import{useState as n,useEffect as i,useMemo as c}from"react";import d from"../../common/components/NoDataState.js";let ProductNotFound=({collectionHandle:a,productSrc:l,builderAttrs:u,children:p})=>{let y="STATIC"===t(),f=r(o=>o.storefrontToken),m=r(o=>o.storefrontUrl),s="Collection"===l,[h,S]=n(""),[g,w]=n("get product"),[b,C]=n(""),{t:T}=e();i(()=>{if(s){if(!a){S(T("We cannot find any collections from your Shopify store. Please try manually syncing the data from Shopify or add a new collection.")),w(T("get collection")),C(T("collection"));return}S(T("We cannot find any product of this collection from your Shopify store? Please try manually syncing the data from Shopify or add a new product to your collection.")),w(T("get product of collection")),C(T("product"));return}if(y&&!f){C(T("product")),S(T("We can not get your products from Shopify"));return}C(T("product")),w(T("get product")),S(T("We cannot find any products from your Shopify store. Please try manually syncing the data from Shopify or add a new product."))},[a,s,y,f]);let P=c(()=>{if(!m)return;let o=new URL(m);return s?`${o.protocol}//${o.host}/admin/collections`:`${o.protocol}//${o.host}/admin/products`},[s,m]),k=o=>{let t=new CustomEvent("editor:sync-product",{bubbles:!0,detail:{uid:o}});window.dispatchEvent(t)};return o(d,{elementType:"primary",children:p,builderAttrs:u,title:T("Can not {textLink} from Shopify",{textLink:g}),description:h,primaryBtnTitle:T("Add {entity}",{entity:b}),secondaryBtnTitle:T("Sync from Shopify"),primaryBtnCb:()=>{P&&window.open(P,"_blank")},secondaryBtnCb:()=>k(u?.["data-uid"]??u?.uid)})};export{ProductNotFound as default};

package/dist/esm/product/components/dynamic-checkout/Button.liquid.js

@@ -1,20 +1,20 @@
-import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as e,createStateOrContext as i,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../../helpers.js";import{getButtonClasses as p}from"./common/classes.js";import{getButtonStyles as m}from"./common/styles.js";let Button=({setting:c,advanced:u,styles:y,pageContext:g,builderProps:_,className:f=""})=>{let $=r({pageContext:g,settingId:"label",val:c?.label,uid:_?.uid,translate:c?.translate}),v=e({...!!f&&{[f]:!0},...p({styles:y,uid:_?.uid})}),b=m({styles:y,uid:_?.uid}),S=i({setting:{label:c?.label},totalVariant:"{{total_combinations}}"});return t`
-    ${o("{%- assign total_combinations = 1 -%}")}
-    ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
-    ${o(`
+import{template as t,dataStringify as s,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{createClass as o,createStateOrContext as e,Liquid as n,LiquidFor as l,If as r}from"@gem-sdk/system";import{getDynamicSourceLocales as d,createSettingId as p,getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as c}from"./common/classes.js";import{getButtonStyles as u}from"./common/styles.js";import{Button as y}from"../../../button/settings/configs/translate.js";let Button=({setting:g,advanced:f,styles:_,pageContext:$,builderProps:b,className:v=""})=>{let j=d({pageContext:$,settingId:p({id:y?.label?.id}),val:g?.label,uid:b?.uid}),h=o({...!!v&&{[v]:!0},...c({styles:_,uid:b?.uid})}),S=u({styles:_,uid:b?.uid}),k=e({setting:{label:g?.label},totalVariant:"{{total_combinations}}"});return t`
+    ${n("{%- assign total_combinations = 1 -%}")}
+    ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+    ${n(`
       {%- liquid
         assign inventory_quantity = variant.inventory_quantity | default: 0
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${_?.uid}" data-translate-label='${$}' class="${u?.cssClass}" gp-data='${JSON.stringify(S).replaceAll("'","&#039;")}
-    '>
-    <div class="${v}">
-        {{ form | payment_button }}
-    </div>
-    {% style %}
-      ${b}
-    {% endstyle %}
+    <gp-product-dynamic data-id="${b?.uid}" data-translate-label='${j}' class="${f?.cssClass}">
+      <script gp-data type="application/json">${s(k)}</script>
+      <div class="${h}">
+          {{ form | payment_button }}
+      </div>
+      {% style %}
+        ${S}
+      {% endstyle %}
     </gp-product-dynamic>
-    ${l(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${r(i,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Button as default};

package/dist/esm/product/components/file-upload/UploadFile.liquid.js

@@ -1,7 +1,6 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as d,createStyle as t,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=d(v(I,U?.uid)),L=t({...x(E(I,P),P?.enableHoverEffect)}),N=d(f(P)),V=t({...x(H(P),P?.enableHoverEffect)}),_=d(m()),z=d(p()),A=d($()),B=d(n()),D=t(F()),G=d(u()),K=d(g()),M=d(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=t({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=t({...x(h(I),P?.enableHoverEffect)}),X=d(b(U?.uid)),Y=t({...x(k(I,P),P?.enableHoverEffect)}),Z=t({...x(q(I),P?.enableHoverEffect)}),ee=d(j()),es=t({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
-  <gp-file-upload
-    gp-data='${JSON.stringify(el)}'
-  >
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as p,createPreviewItemClasses as m,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=t(v(I,U?.uid)),L=d({...x(E(I,P),P?.enableHoverEffect)}),N=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(p()),z=t(m()),A=t($()),B=t(n()),D=d(F()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(h(I),P?.enableHoverEffect)}),X=t(b(U?.uid)),Y=d({...x(k(I,P),P?.enableHoverEffect)}),Z=d({...x(q(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(el)}</script>
   <div class="${X}" style="${T}">
     <input ${Q} class="${K}">
     <div class="${M}" style="${W}">

package/dist/esm/product/components/file-upload/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as t}from"../../../../helpers.js";let getTextDropContent=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,getDisplayText=(e,r)=>{let{setting:n,styles:o,uid:l,pageContext:s}=r;return"Liquid"===e?t({val:n?.textContent,uid:l,settingId:"textContent",pageContext:s,isCapitalize:o?.typo?.attrs?.transform==="capitalize",translate:n?.translate}):getTextDropContent(n?.textContent)},removeHoverStyles=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{getDisplayText,getTextDropContent,removeHoverStyles};
+import{getDynamicSourceLocales as t,createSettingId as e}from"../../../../helpers.js";import{FileUpload as r}from"../settings/configs/translate.js";let getTextDropContent=t=>t?.includes("$max_size")?t?.replace("$max_size","20MB"):t,getDisplayText=(o,n)=>{let{setting:i,styles:s,uid:l,pageContext:a}=n;return"Liquid"===o?t({val:i?.textContent,uid:l,settingId:e({id:r?.textContent?.id}),pageContext:a,isCapitalize:s?.typo?.attrs?.transform==="capitalize"}):getTextDropContent(i?.textContent)},removeHoverStyles=(t,e)=>{if(!1===e){let e={};return Object.keys(t).forEach(r=>{r.includes("--hvr")||r.includes("--text-hover-color")||(e[r]=t[r])}),e}return t};export{getDisplayText,getTextDropContent,removeHoverStyles};

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

@@ -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/settings.js

@@ -1,4 +1,4 @@
-let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"translate",type:"input",default:"textContent"},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+let Settings=[{id:"setting",controls:[{id:"textContent",type:"textarea",default:"Click or drop your image to upload (Max 20MB)",minHeight:58},{id:"fileUploadLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:2,default:"vertical",enableItemOpacity:!0,options:[{label:"Vertical",value:"vertical",iconName:"gp-product-file-upload-vertical-layout"},{label:"Horizontal",value:"horizontal",iconName:"gp-product-file-upload-horizontal-layout"}]},{id:"arrangeContent",label:"Arrange content",type:"segment",default:"center",options:[{label:"Left",value:"start",type:"align-v",icon:`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.8125 1.25C3.15768 1.25 3.4375 1.52982 3.4375 1.875L3.4375 18.125C3.4375 18.4702 3.15768 18.75 2.8125 18.75C2.46732 18.75 2.1875 18.4702 2.1875 18.125L2.1875 1.875C2.1875 1.52982 2.46732 1.25 2.8125 1.25Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.0625 6.25C4.0625 5.21447 4.90197 4.375 5.9375 4.375H12.1875C13.223 4.375 14.0625 5.21447 14.0625 6.25V7.5C14.0625 8.53553 13.223 9.375 12.1875 9.375H5.9375C4.90197 9.375 4.0625 8.53553 4.0625 7.5V6.25ZM5.9375 5.625C5.59232 5.625 5.3125 5.90482 5.3125 6.25V7.5C5.3125 7.84518 5.59232 8.125 5.9375 8.125H12.1875C12.5327 8.125 12.8125 7.84518 12.8125 7.5V6.25C12.8125 5.90482 12.5327 5.625 12.1875 5.625H5.9375Z" fill="#AAAAAA"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.9375 10.625C4.90197 10.625 4.0625 11.4645 4.0625 12.5V13.75C4.0625 14.7855 4.90197 15.625 5.9375 15.625H15.9375C16.973 15.625 17.8125 14.7855 17.8125 13.75V12.5C17.8125 11.4645 16.973 10.625 15.9375 10.625H5.9375ZM5.3125 12.5C5.3125 12.1548 5.59232 11.875 5.9375 11.875H15.9375C16.2827 11.875 16.5625 12.1548 16.5625 12.5V13.75C16.5625 14.0952 16.2827 14.375 15.9375 14.375H5.9375C5.59232 14.375 5.3125 14.0952 5.3125 13.75V12.5Z" fill="#AAAAAA"/>

package/dist/esm/product/components/file-upload/settings/configs/translate.js

@@ -0,0 +1 @@
+let FileUpload={textContent:{id:"textContent"}};export{FileUpload};

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

@@ -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};
+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-badge/ProductBadge.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import{useProduct as s,useCurrentVariant as o,useMoneyFormat as t,useCurrentDevice as r,useProductBundleDiscount as l,useEditorMode as i,usePageType as a,filterToolbarPreview as c}from"@gem-sdk/core";import{getBadgeContent as n,getIsNoDiscountState as d}from"./utils/common.js";import"./constants.js";import p from"../../../common/components/NoDataState.js";import f from"../../../common/components/TooltipHover.js";import{createClass as h,createStyle as y,createAttr as N,If as j}from"@gem-sdk/system";import{getEditTooltipAttrs as u,getNoDataAttrs as v,getSubWrapperAttrs as g,getContainerAttrs as T,getTextContentAttrs as k,getImageAttr as x}from"./common/attrs.js";import{getContainerClasses as B,getWrapperClasses as C,getSubWrapperClass as P,getTextContainerClasses as S,getTextWrapperClasses as b,getTextContentClasses as A,getImageContainerClasses as D,getImageClasses as H}from"./common/classes.js";import{getContainerStyle as I,getSubWrapperStyle as q,getContentStyleInternal as w,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let ProductBadge=G=>{let{setting:J,styles:K,children:L,...M}=G,O=s(),Q=o(),{moneyFormat:R}=t(),U=r(),{useProductCompareAtPrice:V}=l(),W=M?.["bundle-item"],X=i(),Y="STATIC"===a(),Z=n({detail:O,currentVariant:Q,bundleItem:W,useProductCompareAtPrice:V},J?.displayContent,R),$=d({props:G,product:O,currentVariant:Q,moneyFormat:R,useProductCompareAtPrice:V}),_=h({...B({mode:X,isInstant:Y,product:O,currentVariant:Q,props:G})}),ee=y({...I(G)}),em=N({...u(G)}),es=N({...v(G)}),eo=h({...C(G)}),et=h({...P(G,U)}),er=y({...q(G,O,Q,X)}),el=N({...g(G,O)}),ei=w(G),ea=h({...S()}),ec=N({...T(G)}),en=h({...b()}),ed=y({...z({setting:J,styles:K})}),ep=h({...A(K)}),ef=y({...E({setting:J,styles:K})}),eh=N({...k()}),ey=h({...D()}),eN=y({...F({setting:J,styles:K})}),ej=h({...H()}),eu=N({...x({setting:J})});return O?e("div",{...ec,style:ee,className:_,children:[j("edit"===X&&$,m(f,{...em,children:m(p,{...es})}),m("div",{className:eo,children:e("div",{...el,className:et,style:er,children:[m("style",{children:ei}),j(J?.shape!=="image",m("div",{className:ea,children:m("div",{className:en,style:ed,children:m("pre",{...eh,className:ep,style:ef,children:Z})})}),m("div",{className:ey,style:eN,children:m("img",{...eu,className:ej,alt:""})}))]})})),c(L,!0)]}):null};export{ProductBadge as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as o,useProduct as m,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as u,createAttr as j,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as B}from"./common/attrs.js";import{getContainerClasses as C,getWrapperClasses as P,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as w,getTextContentClasses as A,getImageContainerClasses as D,getImageClasses as H}from"./common/classes.js";import{getContainerStyle as I,getSubWrapperStyle as M,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let ProductBadge=G=>{let{t:J}=o(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=m(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),eo=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),em=N({...C({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=u({...I(G)}),er=j({...g(G)}),el=N({...P(G)}),ei=N({...S(G,X)}),ea=u({...M({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=j({...T(G,U)}),en=q(G),ed=N({...b()}),ep=j({...k(G)}),ey=N({...w()}),ef=u({...z({setting:K,styles:L})}),eh=N({...A(L)}),eN=u({...E({setting:K,styles:L})}),eu=j({...x()}),ej=N({...D()}),ev=u({...F({setting:K,styles:L})}),eg=N({...H()}),eT=j({...B({setting:K})});return U?e("div",{...ep,style:et,className:em,children:[v(_&&eo,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...eu,className:eh,style:eN,children:es})})}),s("div",{className:ej,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{ProductBadge as default};

package/dist/esm/product/components/product-badge/ProductBadge.liquid.js

@@ -1,39 +1,39 @@
-import{template as e,dataStringify as s,sanitizeLiquid as t,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as c,getSettingPreloadData as o}from"../../../helpers.js";import{checkDiscountContentProductBadge as n}from"./utils/common.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createStyle as l,createClass as u,createAttr as m,createStateOrContext as g}from"@gem-sdk/system";import{IS_LIQUID as y}from"./constants.js";import{getContainerStyle as $,getSubWrapperStyle as v,getContentStyleInternal as f,getTextBadgeWrapperStyles as j,getTextContentStyle as P,getImageContainerStyles as D}from"./common/styles.js";import{getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as T,getImageContainerClasses as k,getImageClasses as q}from"./common/classes.js";import{getSubWrapperAttrs as A,getContainerAttrs as E,getTextContentAttrs as I,getImageAttr as K}from"./common/attrs.js";let ProductBadge=N=>{let{styles:_,setting:h,builderProps:B,pageContext:L}=N,O=h?.shape!=="image",Q=n(h?.displayContent),w=l({...$(N,y)}),G=u({...V(N)}),J=u({...S(N)}),x=l({...v(N)}),M=m({...A(N)}),R=f(N),Y=u({...b()}),z=m({...E(N)}),F=u({...C()}),H=l({...j({setting:h,styles:_})}),U=u({...T(_)}),W=l({...P({setting:h,styles:_})}),X=m({...I()}),Z=u({...k()}),ee=l({...D({setting:h,styles:_})}),es=u({...q()}),et=m({...K({setting:h})}),ei=g({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(h?.displayTrigger).replaceAll("'","'")),uid:N.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:O}),{displayContent:er,translate:ea}=h??{},ec=c({val:er?.trim(),uid:B?.uid,settingId:"displayContent",isLiquid:!0,pageContext:L,translate:ea});return e`
+import{template as e,sanitizeLiquid as t,dataStringify as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as n}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as B,getImageAttr as E}from"./common/attrs.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";import{checkDiscountContentProductBadge as N}from"./utils/common.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:O,pageContext:Q}=_,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=N(L?.displayContent),x=d({...D({isInstant:!1,props:_})}),M=l({...y(_,g)}),R=d({...V(_)}),Y=d({...S(_)}),z=l({...$({props:_})}),F=u({...q(_)}),H=v(_),U=d({...b()}),W=u({...A(_)}),X=d({...C()}),Z=l({...f({setting:L,styles:h})}),ee=d({...I(h)}),et=l({...j({setting:L,styles:h})}),es=u({...B()}),ei=d({...T()}),er=l({...P({setting:L,styles:h})}),ea=d({...k()}),eo=u({...E({setting:L})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:ep}=L??{},en=o({val:ep?.trim(),uid:O?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:Q});return e`
     {% if product %}
-      ${p(ec,L?.isPreviewing)}
-      ${d(h?.displayTrigger,Q,O)}
+      ${p(en,Q?.isPreviewing)}
+      ${n(L?.displayTrigger,!G,J)}
       <gp-product-badge
-        ${{...z}}
-        gp-data='${s(ei)}'
-        class="containerClass {{className}}"
-        style="${w}"
-        data-display-content="${L?.isPreviewing?ec:t(`{{${ec}}}`)}"
+        ${{...W}}
+        class="${x} {{ className }}"
+        style="${M}"
+        data-display-content="${Q?.isPreviewing?en:t(`{{${en}}}`)}"
       >
-        <div class="${G}">
+        <script gp-data type="application/json">${s(ec)}</script>
+        <div class="${R}">
           <div
-            ${{...M}}
-            class="${J}"
-            style="${x}"
+            ${{...F}}
+            class="${Y}"
+            style="${z}"
           >
-            <style>${R}</style>
-            ${i(O,e`
-                <div class="${Y}">
+            <style>${H}</style>
+            ${i(w,e`
+                <div class="${U}">
                   <div
-                    class="${F}"
-                    style="${H}"
+                    class="${X}"
+                    style="${Z}"
                   >
                     <pre
-                      ${{...X}}
-                      class="${U}"
-                      style="${W}"
+                      ${{...es}}
+                      class="${ee}"
+                      style="${et}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e`<div class="${Z}" style="${ee}">
-                  <img ${{...et}} class="${es}" alt="" />
+                </div>`,e`<div class="${ei}" style="${er}">
+                  <img ${{...eo}} class="${ea}" alt="" />
                 </div>`)}
           </div>
         </div>
       </gp-product-badge>
-       ${i(r,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+       ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
   `};export{ProductBadge as default};

package/dist/esm/product/components/product-badge/common/attrs.js

@@ -1 +1 @@
-let getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=t=>{let{setting:e}=t,r=e?.positionWithImage==="outside";return{enable:!0,text:"Not be displayed when published",position:r?"bottom":"right",width:"205px"}},getNoDataAttrs=t=>{let{builderAttrs:e}=t;return{...e,elementType:"secondary",description:"No discount",rawMode:!0}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});export{getContainerAttrs,getEditTooltipAttrs,getImageAttr,getNoDataAttrs,getSubWrapperAttrs,getTextContentAttrs};
+import{t}from"@gem-sdk/core";let getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=e=>{let{setting:r}=e,i=r?.positionWithImage==="outside";return{enable:!0,text:t("Not be displayed when published"),position:i?"bottom":"right",width:"205px"}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});export{getContainerAttrs,getEditTooltipAttrs,getImageAttr,getSubWrapperAttrs,getTextContentAttrs};

package/dist/esm/product/components/product-badge/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";import{toggleBadge as s}from"../utils/renderBadgeILP.js";import{getAlignShape as g,getShapePlacementClass as r}from"../utils/common.js";let getContainerClasses=({mode:t,isInstant:g,product:r,currentVariant:l,props:a})=>{let{setting:p,builderProps:i}=a,n="gp-shrink-0 product-badge ",o=!t&&g?s(p?.displayTrigger,r,l):"{{className}}",d=i?.builderData?.advanced?.cssClass||"";return o&&(n+=`${o} `),d&&(n+=`${d} `),i?.uid&&(n+=`${i?.uid} `),p?.positionWithImage==="inside"&&(n+="inside-image "),{...e(n)}},getTextContainerClasses=()=>({...e("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),getTextWrapperClasses=()=>({...e("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),getTextContentClasses=s=>{let g="gp-break-words gp-text-center ",r=t(s?.typo);return r&&(g+=`${r} `),{...e(g)}},getImageContainerClasses=()=>({...e("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),getImageClasses=()=>({...e("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),getWrapperClasses=t=>{let{styles:s,setting:r}=t,{align:l}=s??{},a=r?.positionWithImage==="outside",p=a?"gp-flex ":"gp-h-full",i=g(l,!1);return a&&i&&(p+=`${i} `),{...e(p)}},getSubWrapperClass=(t,s)=>{let{setting:g,style:l}=t,a=g?.positionWithImage==="inside",p=!a&&s?r(a,l,s):"gp-h-full";return{...e(p)}};export{getContainerClasses,getImageClasses,getImageContainerClasses,getSubWrapperClass,getTextContainerClasses,getTextContentClasses,getTextWrapperClasses,getWrapperClasses};
+import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";import{toggleBadge as s}from"../utils/renderBadgeILP.js";import{getAlignShape as g,getShapePlacementClass as r}from"../utils/common.js";let getContainerClasses=({mode:t,isInstant:g,product:r,currentVariant:l,props:a})=>{let{setting:p,builderProps:i}=a,n="gp-shrink-0 product-badge ",o=!t&&g?s(p?.displayTrigger,r,l):`${i?.uid}`,d=i?.builderData?.advanced?.cssClass||"";return o&&(n+=`${o} `),d&&(n+=`${d} `),i?.uid&&(n+=`${i?.uid} `),p?.positionWithImage==="inside"&&(n+="inside-image "),{...e(n)}},getTextContainerClasses=()=>({...e("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),getTextWrapperClasses=()=>({...e("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),getTextContentClasses=s=>{let g="gp-break-words gp-text-center ",r=t(s?.typo);return r&&(g+=`${r} `),{...e(g)}},getImageContainerClasses=()=>({...e("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),getImageClasses=()=>({...e("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),getWrapperClasses=t=>{let{styles:s,setting:r}=t,{align:l}=s??{},a=r?.positionWithImage==="outside",p=a?"gp-flex ":"gp-h-full",i=g(l,!1);return a&&i&&(p+=`${i} `),{...e(p)}},getSubWrapperClass=(t,s)=>{let{setting:g,style:l}=t,a=g?.positionWithImage==="inside",p=!a&&s?r(a,l,s):"gp-h-full";return{...e(p)}};export{getContainerClasses,getImageClasses,getImageContainerClasses,getSubWrapperClass,getTextContainerClasses,getTextContentClasses,getTextWrapperClasses,getWrapperClasses};

package/dist/esm/product/components/product-badge/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as e,composeTypographyStyle as t,getStyleShadow as o}from"@gem-sdk/core";import{convertToStyle as r,getSize as i,getWrapperStyle as a,getShapeWrapperPadding as n,checkDiscountContentProductBadge as s}from"../utils/common.js";import{getShapePosition as p}from"../utils/getShapePosition.js";import{composeTextStyleByPosition as g,composeShapeStyleByPosition as l}from"../utils/getRotateShape.js";import{getStyleAdvanced as d}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as u}from"../utils/getWhiteSpace.js";import{getStyleBackground as S,generateShadowCSS as y,getStyleBorder as m,getStyleCornerRadius as h}from"../utils/stylesV2.js";import{getShape as x}from"../utils/shape.js";import{checkShowBadge as c}from"../utils/renderBadgeILP.js";let getSizeStyles=e=>{let{setting:t,styles:o}=e,r=x(t?.shape),a=t?.contentType==="text",n=a?o?.textSizeV2:o?.imageSizeV2;return a?i(r,n):i(void 0,n)},getContainerStyle=(e,t=!1)=>{let{setting:o,styles:r,style:i,navigationPosition:n,imageData:s,dotData:g}=e,l=o?.positionWithImage==="outside",u=a(t),S=p({positionType:r?.position,isLiquid:!1,navigationPosition:n,dataImage:{...s,...g}}),y=getSizeStyles(e),m=d(l?{}:{...S,...y},i);return{...!l&&{"--pos":"absolute"},...u,...m}},getTextContentStyle=({styles:i,setting:a})=>{let n=e(i?.textSizeV2).padding,s=x(a?.shape),p=a?.positionWithImage==="outside";return{...u(i?.textSizeV2),...r(s?.textStyle),...g(s,i?.position,p),...t(i?.typo),...o({value:i?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:i?.typo?.custom?.hasShadowText}),...S(!!s?.backgroundColorInText,i?.badgeColorV2),...n}},getBorderStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?m(e?.textBadgeBorder):m(e?.imageBadgeBorder):{}},getCornerStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?h(e?.textBadgeCorner,o?.shapeRadius):h(e?.imageBadgeCorner,o?.shapeRadius):{}},getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let o=x(t?.shape),r=getBorderStyles({setting:t,styles:e}),i=t?.positionWithImage==="outside",a=getCornerStyles({setting:t,styles:e}),s=n(o?.ratio);return{...r,...a,...l(o,e?.position,i),...S(!o?.backgroundColorInText,e?.badgeColorV2),...s,height:o?.ratio===1?"0px":"100%"}},getImageContainerStyles=({styles:t,setting:o})=>{let r=getBorderStyles({setting:o,styles:t}),i=getCornerStyles({setting:o,styles:t}),a=e(t?.imageSizeV2).padding;return{...r,...i,...a}},getOpacityProductBadge=(e,t,o,r)=>{let{"bundle-item":i,setting:a}=e;if(i)return 1;let n=s(a?.displayContent)&&a?.contentType==="text";if(!n)return 1;let p=t?.price??0,g=t?.salePrice??0,l=g-p>0,d=c(a?.displayTrigger,o,t);return l&&d?1:"edit"===r?.2:0},getSubWrapperStyle=(e,t,o,r)=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=getSizeStyles(e),s=r&&o?getOpacityProductBadge(e,o,t,r):1;return{...a?{...n,"--mb":0}:{},opacity:s}},getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return y(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)};export{getContainerStyle,getContentStyleInternal,getImageContainerStyles,getSubWrapperStyle,getTextBadgeWrapperStyles,getTextContentStyle};
+import{makeGlobalSize as e,composeTypographyStyle as t,getStyleShadow as o,convertDecimalToNumber as r}from"@gem-sdk/core";import{convertToStyle as i,getSize as a,getWrapperStyle as n,getShapeWrapperPadding as s,checkDiscountContentProductBadge as p}from"../utils/common.js";import{getShapePosition as g}from"../utils/getShapePosition.js";import{composeTextStyleByPosition as l,composeShapeStyleByPosition as d}from"../utils/getRotateShape.js";import{getStyleAdvanced as u}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as S}from"../utils/getWhiteSpace.js";import{getStyleBackground as y,generateShadowCSS as m,getStyleBorder as h,getStyleCornerRadius as x}from"../utils/stylesV2.js";import{getShape as c}from"../utils/shape.js";import{checkShowBadge as C}from"../utils/renderBadgeILP.js";let getSizeStyles=e=>{let{setting:t,styles:o}=e,r=c(t?.shape),i=t?.contentType==="text",n=i?o?.textSizeV2:o?.imageSizeV2;return i?a(r,n):a(void 0,n)},getContainerStyle=(e,t=!1)=>{let{setting:o,styles:r,style:i,navigationPosition:a,imageData:s,dotData:p}=e,l=o?.positionWithImage==="outside",d=n(t),S=g({positionType:r?.position,isLiquid:!1,navigationPosition:a,dataImage:{...s,...p}}),y=getSizeStyles(e),m=u(l?{}:{...S,...y},i);return{...!l&&{"--pos":"absolute"},...d,...m}},getTextContentStyle=({styles:r,setting:a})=>{let n=e(r?.textSizeV2).padding,s=c(a?.shape),p=a?.positionWithImage==="outside";return{...S(r?.textSizeV2),...i(s?.textStyle),...l(s,r?.position,p),...t(r?.typo),...o({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText}),...y(!!s?.backgroundColorInText,r?.badgeColorV2),...n}},getBorderStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?h(e?.textBadgeBorder):h(e?.imageBadgeBorder):{}},getCornerStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?x(e?.textBadgeCorner,o?.shapeRadius):x(e?.imageBadgeCorner,o?.shapeRadius):{}},getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let o=c(t?.shape),r=getBorderStyles({setting:t,styles:e}),i=t?.positionWithImage==="outside",a=getCornerStyles({setting:t,styles:e}),n=s(o?.ratio);return{...r,...a,...d(o,e?.position,i),...y(!o?.backgroundColorInText,e?.badgeColorV2),...n,height:o?.ratio===1?"0px":"100%"}},getImageContainerStyles=({styles:t,setting:o})=>{let r=getBorderStyles({setting:o,styles:t}),i=getCornerStyles({setting:o,styles:t}),a=e(t?.imageSizeV2).padding;return{...r,...i,...a}},getOpacityProductBadge=({props:e,currentVariant:t,product:o,isEditMode:i})=>{let{"bundle-item":a,setting:n}=e;if(a)return 1;let s=n?.contentType==="text",g=s&&!n?.displayContent?.trim(),l=p(n?.displayContent);if(g)return i?.2:0;let d=r(t?.price)??0,u=r(t?.salePrice)??0,S=u-d>0,y=C(n?.displayTrigger,o,t);return(S||!l)&&y?1:i?.2:0},getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=getSizeStyles(e),s=r&&o?getOpacityProductBadge({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...n,"--mb":0}:{},opacity:s}},getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return m(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)};export{getContainerStyle,getContentStyleInternal,getImageContainerStyles,getSubWrapperStyle,getTextBadgeWrapperStyles,getTextContentStyle};

package/dist/esm/product/components/product-badge/utils/common.js

@@ -1 +1 @@
-import{cls as e,formatMoney as t,makeStyleResponsive as r,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{applyBundleDiscountAmount as n}from"../../../helpers/product-bundle.js";import{DiscountType as o}from"../../constants/product-bundle.js";let removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,r,i)=>removeTrailingZeros(t(r?(r-e).toFixed(2):"0",i)),getMinPrice=(e,r)=>{let i=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let t=e?.price;void 0!==t&&t<i&&(i=t)}),removeTrailingZeros(t(i.toString(),r))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=n({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===o.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,r,i)=>{if(!e.detail||!r?.trim()?.length)return r;let{detail:u,currentVariant:c}=e,{discountPercentAmount:l,discountAmount:a}=n({currentVariant:c,bundleItem:e?.bundleItem,options:{moneyFormat:i,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),d=()=>e?.bundleItem?.discountType!==o.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${l}%`:`${getPriceDiffByPercent(c?.price||0,c?.salePrice||0)||0}%`:"0%",s=()=>e?.bundleItem?.discountType!==o.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?a:getPriceDiffByValue(c?.price||0,c?.salePrice||0,i):t("0",i),p=new Map([["{percent_discount}",d],["{amount_discount}",s],["{min_price}",()=>getMinPrice(u.variants,i)||0],["{inventory_quantity}",()=>c?.inventoryQuantity||0]]);return[...p.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),r)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(t,r)=>r?"":e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},n=["desktop","mobile","tablet"];return n.forEach(n=>{let o=i(e,n,null),u=o?.width||t?.wrapperWidth;u&&(r={...r,[n]:u})}),r},getHeightByShapeSize=(e,t)=>{let r={},n=["desktop","mobile","tablet"];return n.forEach(n=>{let o=i(e,n,null);r={...r,[n]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let i=r("w",getWidthByShapeSize(t,e)),n=r("h",getHeightByShapeSize(t,e));return{...i,...n}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":u}=e,c=checkDiscountContentProductBadge(o?.displayContent);return c&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},i)};export{checkDiscountContentProductBadge,checkNoDiscountState,convertToStyle,deviceWithSurfix,getAlignShape,getBadgeContent,getDeviceSpecificStyle,getIsNoDiscountState,getShapePlacementClass,getShapeWrapperPadding,getSize,getWidthByShapeSize,getWrapperStyle};
+import{cls as e,convertDecimalToNumber as t,formatMoney as r,makeStyleResponsive as i,getResponsiveValueByScreen as n}from"@gem-sdk/core";import{applyBundleDiscountAmount as o}from"../../../helpers/product-bundle.js";import{DiscountType as u}from"../../constants/product-bundle.js";let removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,t,i)=>removeTrailingZeros(r(t?(t-e).toFixed(2):"0",i)),getMinPrice=(e,i)=>{let n=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let r=t(e?.price);void 0!==r&&r<n&&(n=r)}),removeTrailingZeros(r(n.toString(),i))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=o({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===u.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,i,n)=>{if(!e.detail||!i?.trim()?.length)return i;let{detail:c,currentVariant:l}=e,{discountPercentAmount:a,discountAmount:d}=o({currentVariant:l,bundleItem:e?.bundleItem,options:{moneyFormat:n,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),s=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${a}%`:`${getPriceDiffByPercent(t(l?.price)??0,t(l?.salePrice)??0)||0}%`:"0%",p=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?d:getPriceDiffByValue(t(l?.price)??0,t(l?.salePrice)??0,n):r("0",n),g=new Map([["{percent_discount}",s],["{amount_discount}",p],["{min_price}",()=>getMinPrice(c.variants,n)||0],["{inventory_quantity}",()=>l?.inventoryQuantity||0]]);return[...g.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),i)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(t,r)=>r?"":e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null),u=o?.width||t?.wrapperWidth;u&&(r={...r,[i]:u})}),r},getHeightByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null);r={...r,[i]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let r=i("w",getWidthByShapeSize(t,e)),n=i("h",getHeightByShapeSize(t,e));return{...r,...n}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":u}=e,c=checkDiscountContentProductBadge(o?.displayContent);return c&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},i)};export{checkDiscountContentProductBadge,checkNoDiscountState,convertToStyle,deviceWithSurfix,getAlignShape,getBadgeContent,getDeviceSpecificStyle,getIsNoDiscountState,getShapePlacementClass,getShapeWrapperPadding,getSize,getWidthByShapeSize,getWrapperStyle};

package/dist/esm/product/components/product-badge/utils/generateLiquidContent.js

@@ -14,7 +14,7 @@ let generateBadgeContent=(n,i)=>`
       {% assign amountDiscountValue = amountDiscount | money_without_trailing_zeros %}
       {% assign price = variant.price | divided_by: 100 %}
       {% assign minPriceValue = product.variants | map: "price" | sort | first | money_without_trailing_zeros %}
-      {% assign inventoryQuantityValue = variant.inventory_quantity %}
+      {% assign inventoryQuantityValue = variant.inventory_quantity | default: 0 %}
 
       {% assign percentDiscountKey = "{percent_discount}" %}
       {% assign amountDiscountKey = "{amount_discount}" %}