@useinsider/guido 2.0.0-beta.5ccd854 → 2.0.0-beta.65ed62b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +2 -0
  2. package/dist/@types/config/schemas.js +55 -39
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +15 -17
  5. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -2
  6. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +2 -2
  7. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +5 -5
  8. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  9. package/dist/composables/useConfig.js +29 -27
  10. package/dist/composables/useSave.js +13 -11
  11. package/dist/composables/useStripo.js +42 -40
  12. package/dist/config/migrator/index.js +8 -9
  13. package/dist/extensions/Blocks/CouponBlock/constants.js +4 -0
  14. package/dist/extensions/Blocks/CouponBlock/controls/index.js +29 -0
  15. package/dist/extensions/Blocks/CouponBlock/extension.js +5 -4
  16. package/dist/extensions/Blocks/CouponBlock/settingsPanel.js +20 -14
  17. package/dist/extensions/Blocks/CouponBlock/template.js +22 -11
  18. package/dist/extensions/Blocks/Items/block.js +40 -39
  19. package/dist/extensions/Blocks/Items/controls/cardComposition.js +62 -50
  20. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +26 -28
  21. package/dist/extensions/Blocks/Items/controls/settingsControl.js +127 -132
  22. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +2 -2
  23. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +48 -58
  24. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +58 -48
  25. package/dist/extensions/Blocks/Items/store/items-block.js +2 -2
  26. package/dist/extensions/Blocks/Items/template.js +123 -296
  27. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +20 -11
  28. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +153 -69
  29. package/dist/extensions/Blocks/Recommendation/constants.js +9 -1
  30. package/dist/extensions/Blocks/Recommendation/control.js +91 -61
  31. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +68 -0
  32. package/dist/extensions/Blocks/Recommendation/controls/index.js +245 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +74 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js +71 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js +71 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js +71 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js +71 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +188 -0
  39. package/dist/extensions/Blocks/Recommendation/extension.js +16 -42
  40. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +117 -72
  41. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +85 -64
  42. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +54 -17
  43. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +74 -45
  44. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +25 -0
  45. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  46. package/dist/extensions/Blocks/common-control.js +55 -67
  47. package/dist/extensions/Blocks/controlFactories.js +122 -111
  48. package/dist/guido.css +1 -1
  49. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +25 -26
  50. package/dist/package.json.js +7 -0
  51. package/dist/services/stripoApi.js +6 -10
  52. package/dist/src/@types/config/index.d.ts +2 -2
  53. package/dist/src/@types/config/schemas.d.ts +30 -0
  54. package/dist/src/@types/config/types.d.ts +7 -1
  55. package/dist/src/composables/useConfig.d.ts +8 -0
  56. package/dist/src/extensions/Blocks/CouponBlock/constants.d.ts +14 -0
  57. package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts +108 -0
  58. package/dist/src/extensions/Blocks/CouponBlock/template.d.ts +1 -1
  59. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  60. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +4 -0
  61. package/dist/src/extensions/Blocks/Items/template.d.ts +1 -20
  62. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +50 -3
  63. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +32 -0
  64. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +5 -2
  65. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +25 -0
  66. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +592 -0
  67. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +16 -0
  68. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +15 -0
  69. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +15 -0
  70. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +15 -0
  71. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +15 -0
  72. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +60 -0
  73. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  74. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +15 -7
  75. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +19 -0
  76. package/dist/src/extensions/Blocks/common-control.d.ts +9 -14
  77. package/dist/src/extensions/Blocks/controlFactories.d.ts +30 -7
  78. package/dist/src/stores/config.d.ts +164 -1
  79. package/dist/static/styles/components/button.css.js +1 -1
  80. package/dist/static/styles/components/wide-panel.css.js +0 -4
  81. package/dist/static/styles/customEditorStyle.css.js +13 -0
  82. package/dist/stores/config.js +7 -0
  83. package/package.json +1 -1
  84. package/dist/config/migrator/itemsBlockMigrator.js +0 -283
  85. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +0 -172
  86. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +0 -13
  87. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +0 -13
  88. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +0 -13
  89. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +0 -13
  90. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +0 -13
  91. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +0 -13
  92. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +0 -13
  93. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +0 -13
  94. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +0 -13
  95. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +0 -13
  96. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +0 -13
  97. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +0 -13
  98. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +0 -13
  99. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +0 -13
  100. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +0 -13
  101. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +0 -13
  102. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +0 -13
  103. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +0 -13
  104. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +0 -13
  105. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +0 -13
  106. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +0 -13
  107. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +0 -13
  108. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +0 -13
  109. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +0 -13
  110. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +0 -13
  111. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +0 -13
  112. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +0 -13
  113. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +0 -13
  114. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +0 -13
  115. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +0 -13
  116. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +0 -13
  117. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +0 -13
  118. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +0 -13
  119. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +0 -13
  120. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +0 -6
  121. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +0 -71
  122. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +0 -5
  123. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +0 -5
  124. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +0 -5
  125. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +0 -5
  126. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +0 -5
  127. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +0 -5
  128. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +0 -5
  129. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +0 -5
  130. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +0 -5
  131. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +0 -5
  132. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +0 -5
  133. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +0 -5
  134. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +0 -5
  135. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +0 -5
  136. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +0 -5
  137. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +0 -5
  138. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +0 -5
  139. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +0 -5
  140. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +0 -5
  141. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +0 -5
  142. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +0 -5
  143. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +0 -5
  144. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +0 -5
  145. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +0 -5
  146. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +0 -5
  147. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +0 -5
  148. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +0 -5
  149. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +0 -5
  150. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +0 -5
  151. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +0 -5
  152. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +0 -5
  153. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +0 -5
  154. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +0 -5
  155. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +0 -5
package/dist/extensions/Blocks/Items/layouts/horizontal.html.js CHANGED
@@ -1,65 +1,55 @@
1
1
  const t = `{-{-TEMPLATE_FIRST_LINE-}-}
2
- <table class="es-left ins-product-wrapper ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
2
+ <table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
3
3
  {-{-CONFIG_BLOCK-}-}
4
4
  <tbody>
5
5
  <tr>
6
- <td style="padding: 16px 9px;">
7
- <table class="es-left esdev-disable-select" cellspacing="0" cellpadding="0" align="left" width="100%">
8
- <tbody>
9
- <tr>
10
- <td class="product-image-class" data-slot-1>
11
- {-{-PRODUCT_IMAGE-}-}
12
- </td>
13
- <td class="product-name-class" data-slot-2>
14
- <table>
15
- <tbody>
16
- {-{-PRODUCT_NAME-}-}
17
- </tbody>
18
- </table>
19
- </td>
20
- <td class="product-quantity-class" data-slot-3>
21
- <table width="100%">
22
- <tbody>
23
- {-{-PRODUCT_QUANTITY-}-}
24
- </tbody>
25
- </table>
26
- </td>
27
- <td class="product-price-class horizontal-price" data-slot-4>
28
- <table width="100%">
29
- <tbody>
30
- {-{-PRODUCT_PRICE-}-}
31
- </tbody>
32
- </table>
33
- </td>
34
- <td class="product-original-price-class horizontal-price" data-slot-5>
35
- <table width="100%">
36
- <tbody>
37
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
38
- </tbody>
39
- </table>
40
- </td>
41
- <td class="product-price-container vertical-price" data-slot-4 style="display: none;">
42
- <table class="product-price-class" width="100%" data-slot-4>
43
- <tbody>
44
- {-{-PRODUCT_PRICE-}-}
45
- </tbody>
46
- </table>
47
- <table class="product-original-price-class product-original-price-container"
48
- width="100%" data-slot-5>
49
- <tbody>
50
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
51
- </tbody>
52
- </table>
53
- </td>
54
- <td class="product-button-class" data-slot-6>
55
- <table width="100%">
56
- <tbody>
57
- {-{-PRODUCT_BUTTON-}-}
58
- </tbody>
59
- </table>
60
- </td>
61
- </tr>
62
- </tbody>
6
+ <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
7
+ <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
8
+ <tr style="vertical-align: top">
9
+ <td colspan="2" width="100%" align="center" data-slot-1>
10
+ <table width="100%">
11
+ <tbody>
12
+ {-{-PRODUCT_IMAGE-}-}
13
+ </tbody>
14
+ </table>
15
+ </td>
16
+ </tr>
17
+ {-{-PRODUCT_NAME-}-}
18
+ <tr>
19
+ <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
20
+ <table width="100%">
21
+ <tbody>
22
+ {-{-PRODUCT_PRICE-}-}
23
+ </tbody>
24
+ </table>
25
+ </td>
26
+ <td width="50%" style=" width: 50%;display: block;float: left;"
27
+ class="product-original-price-class">
28
+ <table width="100%">
29
+ <tbody>
30
+ {-{-PRODUCT_ORIGINAL_PRICE-}-}
31
+ </tbody>
32
+ </table>
33
+ </td>
34
+ </tr>
35
+ <tr>
36
+ <td width="100%" class="product-quantity-class" data-slot-3>
37
+ <table width="100%">
38
+ <tbody>
39
+ {-{-PRODUCT_QUANTITY-}-}
40
+ </tbody>
41
+ </table>
42
+ </td>
43
+ </tr>
44
+ <tr>
45
+ <td width="100%" class="product-button-class" data-slot-6>
46
+ <table width="100%">
47
+ <tbody>
48
+ {-{-PRODUCT_BUTTON-}-}
49
+ </tbody>
50
+ </table>
51
+ </td>
52
+ </tr>
63
53
  </table>
64
54
  </td>
65
55
  </tr>
package/dist/extensions/Blocks/Items/layouts/vertical.html.js CHANGED
@@ -1,55 +1,65 @@
1
1
  const t = `{-{-TEMPLATE_FIRST_LINE-}-}
2
- <table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
2
+ <table class="es-left ins-product-wrapper ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
3
3
  {-{-CONFIG_BLOCK-}-}
4
4
  <tbody>
5
5
  <tr>
6
- <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
7
- <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
8
- <tr style="vertical-align: top">
9
- <td colspan="2" width="100%" align="center" data-slot-1>
10
- <table width="100%">
11
- <tbody>
12
- {-{-PRODUCT_IMAGE-}-}
13
- </tbody>
14
- </table>
15
- </td>
16
- </tr>
17
- {-{-PRODUCT_NAME-}-}
18
- <tr>
19
- <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
20
- <table width="100%">
21
- <tbody>
22
- {-{-PRODUCT_PRICE-}-}
23
- </tbody>
24
- </table>
25
- </td>
26
- <td width="50%" style=" width: 50%;display: block;float: left;"
27
- class="product-original-price-class">
28
- <table width="100%">
29
- <tbody>
30
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
31
- </tbody>
32
- </table>
33
- </td>
34
- </tr>
35
- <tr>
36
- <td width="100%" class="product-quantity-class" data-slot-3>
37
- <table width="100%">
38
- <tbody>
39
- {-{-PRODUCT_QUANTITY-}-}
40
- </tbody>
41
- </table>
42
- </td>
43
- </tr>
44
- <tr>
45
- <td width="100%" class="product-button-class" data-slot-6>
46
- <table width="100%">
47
- <tbody>
48
- {-{-PRODUCT_BUTTON-}-}
49
- </tbody>
50
- </table>
51
- </td>
52
- </tr>
6
+ <td style="padding: 16px 9px;">
7
+ <table class="es-left esdev-disable-select" cellspacing="0" cellpadding="0" align="left" width="100%">
8
+ <tbody>
9
+ <tr>
10
+ <td class="product-image-class" data-slot-1>
11
+ {-{-PRODUCT_IMAGE-}-}
12
+ </td>
13
+ <td class="product-name-class" data-slot-2>
14
+ <table>
15
+ <tbody>
16
+ {-{-PRODUCT_NAME-}-}
17
+ </tbody>
18
+ </table>
19
+ </td>
20
+ <td class="product-quantity-class" data-slot-3>
21
+ <table width="100%">
22
+ <tbody>
23
+ {-{-PRODUCT_QUANTITY-}-}
24
+ </tbody>
25
+ </table>
26
+ </td>
27
+ <td class="product-price-class horizontal-price" data-slot-4>
28
+ <table width="100%">
29
+ <tbody>
30
+ {-{-PRODUCT_PRICE-}-}
31
+ </tbody>
32
+ </table>
33
+ </td>
34
+ <td class="product-original-price-class horizontal-price" data-slot-5>
35
+ <table width="100%">
36
+ <tbody>
37
+ {-{-PRODUCT_ORIGINAL_PRICE-}-}
38
+ </tbody>
39
+ </table>
40
+ </td>
41
+ <td class="product-price-container vertical-price" data-slot-4 style="display: none;">
42
+ <table class="product-price-class" width="100%" data-slot-4>
43
+ <tbody>
44
+ {-{-PRODUCT_PRICE-}-}
45
+ </tbody>
46
+ </table>
47
+ <table class="product-original-price-class product-original-price-container"
48
+ width="100%" data-slot-5>
49
+ <tbody>
50
+ {-{-PRODUCT_ORIGINAL_PRICE-}-}
51
+ </tbody>
52
+ </table>
53
+ </td>
54
+ <td class="product-button-class" data-slot-6>
55
+ <table width="100%">
56
+ <tbody>
57
+ {-{-PRODUCT_BUTTON-}-}
58
+ </tbody>
59
+ </table>
60
+ </td>
61
+ </tr>
62
+ </tbody>
53
63
  </table>
54
64
  </td>
55
65
  </tr>
package/dist/extensions/Blocks/Items/store/items-block.js CHANGED
@@ -9,11 +9,11 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
9
9
  buttonLink: o(t),
10
10
  orientation: e.cardOrientationControlValue,
11
11
  nameTrimming: !0,
12
- hideDiscount: !0,
12
+ hideDiscount: !1,
13
13
  currencySymbol: "USD",
14
14
  currencyLocation: "0",
15
15
  formattedPrice: !0,
16
- priceOrientation: "vertical",
16
+ priceOrientation: "horizontal",
17
17
  templateData: {
18
18
  imageSrc: "",
19
19
  name: "",