@useinsider/guido 2.0.0-beta.4f6e85f → 2.0.0-beta.522e9d9

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 (106) hide show
  1. package/README.md +0 -2
  2. package/dist/@types/config/schemas.js +39 -55
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +17 -15
  5. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
  6. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +8 -8
  7. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +7 -8
  9. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
  10. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
  11. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +18 -22
  12. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
  13. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +12 -11
  14. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
  15. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
  16. package/dist/components/organisms/header/LeftSlot.vue.js +9 -9
  17. package/dist/components/organisms/header/LeftSlot.vue2.js +13 -14
  18. package/dist/components/organisms/header/MiddleSlot.vue.js +5 -4
  19. package/dist/components/organisms/header/MiddleSlot.vue2.js +14 -13
  20. package/dist/components/organisms/header/RightSlot.vue.js +12 -12
  21. package/dist/components/organisms/header/RightSlot.vue2.js +26 -20
  22. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
  23. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
  24. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
  25. package/dist/composables/useConfig.js +27 -29
  26. package/dist/composables/useSave.js +11 -13
  27. package/dist/composables/useStripo.js +40 -40
  28. package/dist/config/migrator/index.js +8 -9
  29. package/dist/enums/academy.js +8 -0
  30. package/dist/enums/onboarding.js +1 -2
  31. package/dist/enums/unsubscribe.js +20 -21
  32. package/dist/extensions/Blocks/Items/block.js +40 -39
  33. package/dist/extensions/Blocks/Items/controls/button/link.js +29 -22
  34. package/dist/extensions/Blocks/Items/controls/cardComposition.js +46 -66
  35. package/dist/extensions/Blocks/Items/controls/image/link.js +30 -23
  36. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  37. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +17 -19
  38. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +29 -31
  39. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
  40. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +19 -21
  41. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +27 -29
  42. package/dist/extensions/Blocks/Items/controls/settingsControl.js +143 -152
  43. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  44. package/dist/extensions/Blocks/Items/enums/productEnums.js +45 -43
  45. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +3 -4
  46. package/dist/extensions/Blocks/Items/extension.js +6 -7
  47. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +49 -58
  48. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +59 -48
  49. package/dist/extensions/Blocks/Items/settingsPanel.js +26 -27
  50. package/dist/extensions/Blocks/Items/store/items-block.js +7 -11
  51. package/dist/extensions/Blocks/Items/template.js +129 -366
  52. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +17 -0
  53. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +28 -0
  54. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +76 -0
  55. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +46 -0
  56. package/dist/extensions/Blocks/Recommendation/control.js +1 -1
  57. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  58. package/dist/extensions/Blocks/common-control.js +30 -29
  59. package/dist/extensions/Blocks/controlFactories.js +45 -55
  60. package/dist/guido.css +1 -1
  61. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +285 -364
  62. package/dist/package.json.js +1 -1
  63. package/dist/services/stripoApi.js +10 -6
  64. package/dist/src/@types/config/index.d.ts +2 -2
  65. package/dist/src/@types/config/schemas.d.ts +0 -30
  66. package/dist/src/@types/config/types.d.ts +1 -7
  67. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  68. package/dist/src/composables/useConfig.d.ts +0 -8
  69. package/dist/src/enums/academy.d.ts +12 -0
  70. package/dist/src/enums/onboarding.d.ts +0 -1
  71. package/dist/src/enums/unsubscribe.d.ts +0 -1
  72. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +2 -0
  73. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -9
  74. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +2 -0
  75. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  76. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +4 -0
  77. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -1
  78. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +26 -24
  79. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -1
  80. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -2
  81. package/dist/src/extensions/Blocks/Items/template.d.ts +1 -22
  82. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +23 -0
  83. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +32 -0
  84. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +50 -0
  85. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +8 -0
  86. package/dist/src/extensions/Blocks/common-control.d.ts +10 -9
  87. package/dist/src/stores/config.d.ts +1 -164
  88. package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
  89. package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
  90. package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
  91. package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
  92. package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
  93. package/dist/static/styles/components/button.css.js +1 -1
  94. package/dist/stores/config.js +0 -7
  95. package/dist/utils/pairProductVariables.js +58 -61
  96. package/package.json +3 -3
  97. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
  98. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
  99. package/dist/config/migrator/itemsBlockMigrator.js +0 -342
  100. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +0 -93
  101. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +0 -184
  102. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +0 -6
  103. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +0 -18
  104. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +0 -73
  105. package/dist/static/assets/inbox-mockup.svg.js +0 -4
  106. package/dist/static/assets/phone-mockup.svg.js +0 -4
@@ -1,6 +1,31 @@
1
1
  import _ from "../../../../node_modules/lodash-es/flatMap.js";
2
- import a from "../../../../node_modules/lodash-es/range.js";
3
- const T = '<td align="center" class="ins-product-td items-block items-block-v2">', E = { PAIRS_FOR_EXTENSION: {
2
+ import i from "../../../../node_modules/lodash-es/range.js";
3
+ const o = '<td align="center" class="ins-product-td items-block items-block-v2">', R = {
4
+ TYPE: "data-type",
5
+ ITEMS_INDEX_SELECT_CONTROL_VALUE: "data-cart_items_select_control_value",
6
+ ORIENTATION: "data-card_orientation_control_value",
7
+ PRODUCT_NAME_TRIMMING: "data-product_name_trimming",
8
+ PRODUCT_PRICE_HIDE_DISCOUNT: "data-product_price_hide_discount",
9
+ PRODUCT_PRICE_FORMATTED: "data-product_price_formatted",
10
+ PRODUCT_PRICE_CURRENCY_SYMBOL: "data-product_price_currency_symbol",
11
+ PRODUCT_PRICE_CURRENCY_LOCATION: "data-product_price_currency_location",
12
+ PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: "data-product_original_price_control_orientation",
13
+ PRODUCT_BUTTON_LINK: "data-product_button_link",
14
+ PRODUCT_IMAGE_LINK: "data-product_image_link",
15
+ PRODUCT_NAME_CONTROL_VALUE: "data-product_name_control_value",
16
+ PRODUCT_QUANTITY_CONTROL_VALUE: "data-product_quantity_control_value",
17
+ PRODUCT_PRICE_CONTROL_VALUE: "data-product_price_control_value",
18
+ BLOCK_INSTANCE_ID: "data-block-instance-id",
19
+ NAME_CONTROL_ENABLED: "data-product_name_control_enabled",
20
+ QUANTITY_CONTROL_ENABLED: "data-product_quantity_control_enabled",
21
+ PRICE_CONTROL_OPENED: "data-product_price_control_opened",
22
+ PRODUCT_IMAGE_VISIBLE: "data-product_image_visible",
23
+ PRODUCT_NAME_VISIBLE: "data-product_name_visible",
24
+ PRODUCT_QUANTITY_VISIBLE: "data-product_quantity_visible",
25
+ PRODUCT_PRICE_VISIBLE: "data-product_price_visible",
26
+ PRODUCT_ORIGINAL_PRICE_VISIBLE: "data-product_original_price_visible",
27
+ PRODUCT_BUTTON_VISIBLE: "data-product_button_visible"
28
+ }, t = { PAIRS_FOR_EXTENSION: {
4
29
  imageSrc: {
5
30
  CART_ITEMS: {
6
31
  ATTR: "ins_apr_img",
@@ -107,37 +132,25 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
107
132
  CART_ITEMS: {
108
133
  PRICE: "ins_apr_price",
109
134
  PRICE_FORMATTED: "ins_apr_formattedprice",
110
- SINGLE_PRICE: "ins_apr_single_price",
111
- SINGLE_PRICE_FORMATTED: "ins_apr_single_formattedprice",
112
135
  CURRENCY: "ins_apr_productcurrency",
113
136
  DEFAULT_PRICE: "1100.00",
114
137
  DEFAULT_PRICE_FORMATTED: "1,100.00",
115
- DEFAULT_SINGLE_PRICE: "366.67",
116
- DEFAULT_SINGLE_PRICE_FORMATTED: "366.67",
117
138
  DEFAULT_CURRENCY: "USD"
118
139
  },
119
140
  BROWSED_ITEMS: {
120
141
  PRICE: "browsed_item_price",
121
142
  PRICE_FORMATTED: "browsed_item_formattedprice",
122
- SINGLE_PRICE: "browsed_item_single_price",
123
- SINGLE_PRICE_FORMATTED: "browsed_item_single_formattedprice",
124
143
  CURRENCY: "browsed_item_productcurrency",
125
144
  DEFAULT_PRICE: "1249.99",
126
145
  DEFAULT_PRICE_FORMATTED: "1,249.99",
127
- DEFAULT_SINGLE_PRICE: "178.57",
128
- DEFAULT_SINGLE_PRICE_FORMATTED: "178.57",
129
146
  DEFAULT_CURRENCY: "USD"
130
147
  },
131
148
  PURCHASED_ITEMS: {
132
149
  PRICE: "purchased_item_price",
133
150
  PRICE_FORMATTED: "purchased_item_formattedprice",
134
- SINGLE_PRICE: "purchased_item_single_price",
135
- SINGLE_PRICE_FORMATTED: "purchased_item_single_formattedprice",
136
151
  CURRENCY: "purchased_item_productcurrency",
137
152
  DEFAULT_PRICE: "1490.49",
138
153
  DEFAULT_PRICE_FORMATTED: "1,490.49",
139
- DEFAULT_SINGLE_PRICE: "149.05",
140
- DEFAULT_SINGLE_PRICE_FORMATTED: "149.05",
141
154
  DEFAULT_CURRENCY: "USD"
142
155
  }
143
156
  },
@@ -145,37 +158,25 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
145
158
  CART_ITEMS: {
146
159
  PRICE: "ins_apr_originalprice",
147
160
  PRICE_FORMATTED: "ins_apr_originalformattedprice",
148
- SINGLE_PRICE: "ins_apr_single_originalprice",
149
- SINGLE_PRICE_FORMATTED: "ins_apr_single_originalformattedprice",
150
161
  CURRENCY: "ins_apr_productcurrency",
151
162
  DEFAULT_PRICE: "1600.00",
152
163
  DEFAULT_PRICE_FORMATTED: "1,600.00",
153
- DEFAULT_SINGLE_PRICE: "533.33",
154
- DEFAULT_SINGLE_PRICE_FORMATTED: "533.33",
155
164
  DEFAULT_CURRENCY: "USD"
156
165
  },
157
166
  BROWSED_ITEMS: {
158
167
  PRICE: "browsed_item_originalprice",
159
168
  PRICE_FORMATTED: "browsed_item_originalformattedprice",
160
- SINGLE_PRICE: "browsed_item_single_originalprice",
161
- SINGLE_PRICE_FORMATTED: "browsed_item_single_originalformattedprice",
162
169
  CURRENCY: "browsed_item_productcurrency",
163
170
  DEFAULT_PRICE: "2049.99",
164
171
  DEFAULT_PRICE_FORMATTED: "2,049.99",
165
- DEFAULT_SINGLE_PRICE: "292.86",
166
- DEFAULT_SINGLE_PRICE_FORMATTED: "292.86",
167
172
  DEFAULT_CURRENCY: "USD"
168
173
  },
169
174
  PURCHASED_ITEMS: {
170
175
  PRICE: "purchased_item_originalprice",
171
176
  PRICE_FORMATTED: "purchased_item_originalformattedprice",
172
- SINGLE_PRICE: "purchased_item_single_originalprice",
173
- SINGLE_PRICE_FORMATTED: "purchased_item_single_originalformattedprice",
174
177
  CURRENCY: "purchased_item_productcurrency",
175
178
  DEFAULT_PRICE: "1890.49",
176
179
  DEFAULT_PRICE_FORMATTED: "1,890.49",
177
- DEFAULT_SINGLE_PRICE: "189.05",
178
- DEFAULT_SINGLE_PRICE_FORMATTED: "189.05",
179
180
  DEFAULT_CURRENCY: "USD"
180
181
  }
181
182
  },
@@ -211,27 +212,27 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
211
212
  }
212
213
  }
213
214
  } };
214
- function m(e, s = 8) {
215
- return a(1, s + 1).map((i) => `${e}_${i}`);
215
+ function m(e, a = 8) {
216
+ return i(1, a + 1).map((s) => `${e}_${s}`);
216
217
  }
217
- function t() {
218
- const { PAIRS_FOR_EXTENSION: e } = E, s = [];
219
- return s.push(
218
+ function r() {
219
+ const { PAIRS_FOR_EXTENSION: e } = t, a = [];
220
+ return a.push(
220
221
  e.imageSrc.CART_ITEMS.ATTR,
221
222
  e.imageSrc.BROWSED_ITEMS.ATTR,
222
223
  e.imageSrc.PURCHASED_ITEMS.ATTR
223
- ), s.push(
224
+ ), a.push(
224
225
  e.name.CART_ITEMS.ATTR,
225
226
  e.name.CART_ITEMS.HREF,
226
227
  e.name.BROWSED_ITEMS.ATTR,
227
228
  e.name.BROWSED_ITEMS.HREF,
228
229
  e.name.PURCHASED_ITEMS.ATTR,
229
230
  e.name.PURCHASED_ITEMS.HREF
230
- ), s.push(
231
+ ), a.push(
231
232
  e.quantity.CART_ITEMS.ATTR,
232
233
  e.quantity.BROWSED_ITEMS.ATTR,
233
234
  e.quantity.PURCHASED_ITEMS.ATTR
234
- ), s.push(
235
+ ), a.push(
235
236
  e.price.CART_ITEMS.PRICE,
236
237
  e.price.CART_ITEMS.PRICE_FORMATTED,
237
238
  e.price.CART_ITEMS.CURRENCY,
@@ -241,7 +242,7 @@ function t() {
241
242
  e.price.PURCHASED_ITEMS.PRICE,
242
243
  e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
243
244
  e.price.PURCHASED_ITEMS.CURRENCY
244
- ), s.push(
245
+ ), a.push(
245
246
  e.originalPrice.CART_ITEMS.PRICE,
246
247
  e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
247
248
  e.originalPrice.CART_ITEMS.CURRENCY,
@@ -251,22 +252,23 @@ function t() {
251
252
  e.originalPrice.PURCHASED_ITEMS.PRICE,
252
253
  e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
253
254
  e.originalPrice.PURCHASED_ITEMS.CURRENCY
254
- ), s.push(
255
+ ), a.push(
255
256
  e.button.CART_ITEMS.HREF,
256
257
  e.button.BROWSED_ITEMS.HREF,
257
258
  e.button.PURCHASED_ITEMS.HREF
258
- ), s.push(
259
+ ), a.push(
259
260
  e.itemLink.CART_ITEMS.HREF,
260
261
  e.itemLink.BROWSED_ITEMS.HREF,
261
262
  e.itemLink.PURCHASED_ITEMS.HREF
262
- ), s;
263
+ ), a;
263
264
  }
264
- const o = _(
265
- t(),
265
+ const p = _(
266
+ r(),
266
267
  (e) => m(e)
267
268
  );
268
269
  export {
269
- o as itemsBlockDynamicVariables,
270
- E as productPairs,
271
- T as templateFirstLine
270
+ R as configAttributes,
271
+ p as itemsBlockDynamicVariables,
272
+ t as productPairs,
273
+ o as templateFirstLine
272
274
  };
@@ -18,9 +18,9 @@ const e = {
18
18
  ], a = {
19
19
  itemsType: e.ITEMS_TYPE.CART_ITEMS,
20
20
  cartItemsSelectControlValue: "{{Abandoned Cart Item (1) Url}}",
21
- cardOrientationControlValue: e.ORIENTATION.VERTICAL,
21
+ cardOrientationControlValue: e.ORIENTATION.HORIZONTAL,
22
22
  productNameTrimmingControlValue: "1",
23
- productPriceHideDiscountControlValue: "1",
23
+ productPriceHideDiscountControlValue: "0",
24
24
  productPriceFormattedControlValue: "1",
25
25
  productPriceCurrencySymbolControlValue: "USD",
26
26
  productPriceCurrencyLocationControlValue: "0",
@@ -35,8 +35,7 @@ const e = {
35
35
  productPriceVisible: "1",
36
36
  productOriginalPriceVisible: "1",
37
37
  productButtonVisible: "1",
38
- productImageWidth: "70",
39
- productImageHeight: "70"
38
+ productImageWidth: "70"
40
39
  }, o = {
41
40
  [e.ITEMS_TYPE.CART_ITEMS]: [
42
41
  { text: "Abandoned Cart Item (1)", value: "{{Abandoned Cart Item (1) Url}}" },
@@ -10,12 +10,11 @@ import { PriceCurrencySymbolControl as g } from "./controls/price/currencySymbol
10
10
  import { PriceFormattedPriceControl as f } from "./controls/price/formattedPrice.js";
11
11
  import { PriceHideDiscountControl as p } from "./controls/price/hideDiscount.js";
12
12
  import { PriceOrientationControl as y } from "./controls/price/priceOrientation.js";
13
- import { PriceSinglePriceControl as u } from "./controls/price/singlePrice.js";
14
- import { ItemsBlockControl as P } from "./controls/settingsControl.js";
15
- import { ItemsIconsRegistry as k } from "./iconsRegistry.js";
16
- import I from "./items.css.js";
17
- import { SettingsPanel as b } from "./settingsPanel.js";
18
- const j = new a().addBlock(i).withSettingsPanelRegistry(b).addControl(P).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(u).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(I).withIconsRegistry(k).build();
13
+ import { ItemsBlockControl as u } from "./controls/settingsControl.js";
14
+ import { ItemsIconsRegistry as P } from "./iconsRegistry.js";
15
+ import k from "./items.css.js";
16
+ import { SettingsPanel as I } from "./settingsPanel.js";
17
+ const H = new a().addBlock(i).withSettingsPanelRegistry(I).addControl(u).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(k).withIconsRegistry(P).build();
19
18
  export {
20
- j as default
19
+ H as default
21
20
  };
@@ -1,64 +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
+ {-{-CONFIG_BLOCK-}-}
3
4
  <tbody>
4
5
  <tr>
5
- <td style="padding: 16px 9px;">
6
- <table class="es-left esdev-disable-select" cellspacing="0" cellpadding="0" align="left" width="100%">
7
- <tbody>
8
- <tr>
9
- <td class="product-image-class" data-slot-1>
10
- {-{-PRODUCT_IMAGE-}-}
11
- </td>
12
- <td class="product-name-class" data-slot-2>
13
- <table>
14
- <tbody>
15
- {-{-PRODUCT_NAME-}-}
16
- </tbody>
17
- </table>
18
- </td>
19
- <td class="product-quantity-class" data-slot-3>
20
- <table width="100%">
21
- <tbody>
22
- {-{-PRODUCT_QUANTITY-}-}
23
- </tbody>
24
- </table>
25
- </td>
26
- <td class="product-price-class horizontal-price" data-slot-4>
27
- <table width="100%">
28
- <tbody>
29
- {-{-PRODUCT_PRICE-}-}
30
- </tbody>
31
- </table>
32
- </td>
33
- <td class="product-original-price-class horizontal-price" data-slot-5>
34
- <table width="100%">
35
- <tbody>
36
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
37
- </tbody>
38
- </table>
39
- </td>
40
- <td class="product-price-container vertical-price" data-slot-4 style="display: none;">
41
- <table class="product-price-class" width="100%" data-slot-4>
42
- <tbody>
43
- {-{-PRODUCT_PRICE-}-}
44
- </tbody>
45
- </table>
46
- <table class="product-original-price-class product-original-price-container"
47
- width="100%" data-slot-5>
48
- <tbody>
49
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
50
- </tbody>
51
- </table>
52
- </td>
53
- <td class="product-button-class" data-slot-6>
54
- <table width="100%">
55
- <tbody>
56
- {-{-PRODUCT_BUTTON-}-}
57
- </tbody>
58
- </table>
59
- </td>
60
- </tr>
61
- </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>
62
53
  </table>
63
54
  </td>
64
55
  </tr>
@@ -1,54 +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
+ {-{-CONFIG_BLOCK-}-}
3
4
  <tbody>
4
5
  <tr>
5
- <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
6
- <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
7
- <tr style="vertical-align: top">
8
- <td colspan="2" width="100%" align="center" data-slot-1>
9
- <table width="100%">
10
- <tbody>
11
- {-{-PRODUCT_IMAGE-}-}
12
- </tbody>
13
- </table>
14
- </td>
15
- </tr>
16
- {-{-PRODUCT_NAME-}-}
17
- <tr>
18
- <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
19
- <table width="100%">
20
- <tbody>
21
- {-{-PRODUCT_PRICE-}-}
22
- </tbody>
23
- </table>
24
- </td>
25
- <td width="50%" style=" width: 50%;display: block;float: left;"
26
- class="product-original-price-class">
27
- <table width="100%">
28
- <tbody>
29
- {-{-PRODUCT_ORIGINAL_PRICE-}-}
30
- </tbody>
31
- </table>
32
- </td>
33
- </tr>
34
- <tr>
35
- <td width="100%" class="product-quantity-class" data-slot-3>
36
- <table width="100%">
37
- <tbody>
38
- {-{-PRODUCT_QUANTITY-}-}
39
- </tbody>
40
- </table>
41
- </td>
42
- </tr>
43
- <tr>
44
- <td width="100%" class="product-button-class" data-slot-6>
45
- <table width="100%">
46
- <tbody>
47
- {-{-PRODUCT_BUTTON-}-}
48
- </tbody>
49
- </table>
50
- </td>
51
- </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>
52
63
  </table>
53
64
  </td>
54
65
  </tr>
@@ -1,13 +1,13 @@
1
- import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
1
+ import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
2
  import { BLOCK_ID as R } from "./block.js";
3
3
  import { COMPOSITION_CONTROL_BLOCK_ID as S } from "./controls/cardComposition.js";
4
4
  import { CONTROL_BLOCK_ID as A } from "./controls/settingsControl.js";
5
5
  import { ItemsBlockId as E, ItemsBlockControlId as I } from "./enums/controlEnums.js";
6
6
  class U extends O {
7
- registerBlockControls(N) {
8
- N[R] = [
7
+ registerBlockControls(_) {
8
+ _[R] = [
9
9
  new T(
10
- _.SETTINGS,
10
+ N.SETTINGS,
11
11
  [
12
12
  A
13
13
  ]
@@ -18,49 +18,48 @@ class U extends O {
18
18
  S
19
19
  ]
20
20
  ).withLabel("Card Composition")
21
- ], N[E.ORIGINAL_PRICE] = [
21
+ ], _[E.ORIGINAL_PRICE] = [
22
22
  new T(
23
- _.SETTINGS,
23
+ N.SETTINGS,
24
24
  [
25
- I.PRICE_ORIENTATION,
25
+ I.ORIGINAL_PRICE_STYLE,
26
+ I.ORIGINAL_PRICE_ALIGN,
26
27
  I.ORIGINAL_PRICE_PADDINGS
27
28
  ]
28
29
  ),
29
30
  new T(
30
- _.STYLES,
31
+ N.STYLES,
31
32
  [
32
- I.ORIGINAL_PRICE_STYLE,
33
- I.ORIGINAL_PRICE_ALIGN,
34
33
  I.ORIGINAL_PRICE_COLOR,
35
34
  I.ORIGINAL_PRICE_FONT_FAMILY,
36
35
  I.ORIGINAL_PRICE_SIZE
37
36
  ]
38
37
  )
39
- ], N[E.PRICE] = [
38
+ ], _[E.PRICE] = [
40
39
  new T(
41
- _.SETTINGS,
40
+ N.SETTINGS,
42
41
  [
42
+ I.PRICE_STYLE,
43
+ I.PRICE_ALIGN,
43
44
  I.PRICE_HIDE_DISCOUNT,
44
45
  I.PRICE_FORMATTED_PRICE,
45
- I.PRICE_SINGLE_PRICE,
46
46
  I.PRICE_CURRENCY_SYMBOL,
47
47
  I.PRICE_CURRENCY_LOCATION,
48
+ I.PRICE_ORIENTATION,
48
49
  I.PRICE_PADDINGS
49
50
  ]
50
51
  ),
51
52
  new T(
52
- _.STYLES,
53
+ N.STYLES,
53
54
  [
54
- I.PRICE_STYLE,
55
- I.PRICE_ALIGN,
56
55
  I.PRICE_COLOR,
57
56
  I.PRICE_FONT_FAMILY,
58
57
  I.PRICE_SIZE
59
58
  ]
60
59
  )
61
- ], N[E.NAME] = [
60
+ ], _[E.NAME] = [
62
61
  new T(
63
- _.SETTINGS,
62
+ N.SETTINGS,
64
63
  [
65
64
  I.NAME_STYLE,
66
65
  I.NAME_ALIGN,
@@ -69,23 +68,23 @@ class U extends O {
69
68
  ]
70
69
  ),
71
70
  new T(
72
- _.STYLES,
71
+ N.STYLES,
73
72
  [
74
73
  I.NAME_FONT_FAMILY,
75
74
  I.NAME_SIZE,
76
75
  I.NAME_COLOR
77
76
  ]
78
77
  )
79
- ], N[E.QUANTITY] = [
78
+ ], _[E.QUANTITY] = [
80
79
  new T(
81
- _.SETTINGS,
80
+ N.SETTINGS,
82
81
  [
83
82
  I.QUANTITY_FONT_FAMILY,
84
83
  I.QUANTITY_STYLE
85
84
  ]
86
85
  ),
87
86
  new T(
88
- _.STYLES,
87
+ N.STYLES,
89
88
  [
90
89
  I.QUANTITY_ALIGN,
91
90
  I.QUANTITY_SIZE,
@@ -93,18 +92,18 @@ class U extends O {
93
92
  I.QUANTITY_PADDINGS
94
93
  ]
95
94
  )
96
- ], N[E.IMAGE] = [
95
+ ], _[E.IMAGE] = [
97
96
  new T(
98
- _.SETTINGS,
97
+ N.SETTINGS,
99
98
  [
100
99
  I.IMAGE_LINK,
101
100
  I.IMAGE_SIZE,
102
101
  I.IMAGE_MARGINS
103
102
  ]
104
103
  )
105
- ], N[E.BUTTON] = [
104
+ ], _[E.BUTTON] = [
106
105
  new T(
107
- _.SETTINGS,
106
+ N.SETTINGS,
108
107
  [
109
108
  I.BUTTON_LINK,
110
109
  I.BUTTON_TEXT,
@@ -114,7 +113,7 @@ class U extends O {
114
113
  ]
115
114
  ),
116
115
  new T(
117
- _.STYLES,
116
+ N.STYLES,
118
117
  [
119
118
  I.BUTTON_COLOR,
120
119
  I.BUTTON_FONT_FAMILY,