@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.eee5ecc

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 (238) hide show
  1. package/dist/@types/config/schemas.js +53 -39
  2. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -2
  3. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +2 -2
  4. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +5 -5
  5. package/dist/components/organisms/header/LeftSlot.vue.js +12 -12
  6. package/dist/components/organisms/header/LeftSlot.vue2.js +6 -6
  7. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  8. package/dist/composables/useActionsApi.js +33 -30
  9. package/dist/composables/useConfig.js +29 -27
  10. package/dist/composables/useSave.js +13 -11
  11. package/dist/config/migrator/index.js +9 -8
  12. package/dist/config/migrator/itemsBlockMigrator.js +334 -0
  13. package/dist/config/migrator/recommendationMigrator.js +2 -2
  14. package/dist/extensions/Blocks/Items/block.js +36 -40
  15. package/dist/extensions/Blocks/Items/controls/button/link.js +22 -29
  16. package/dist/extensions/Blocks/Items/controls/cardComposition.js +70 -59
  17. package/dist/extensions/Blocks/Items/controls/image/link.js +23 -30
  18. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  19. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +19 -17
  20. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +31 -29
  21. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
  22. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +21 -19
  23. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +29 -27
  24. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +93 -0
  25. package/dist/extensions/Blocks/Items/controls/settingsControl.js +146 -131
  26. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  27. package/dist/extensions/Blocks/Items/enums/productEnums.js +43 -45
  28. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +4 -5
  29. package/dist/extensions/Blocks/Items/extension.js +11 -9
  30. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +58 -49
  31. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +48 -59
  32. package/dist/extensions/Blocks/Items/settingsPanel.js +27 -26
  33. package/dist/extensions/Blocks/Items/store/items-block.js +11 -7
  34. package/dist/extensions/Blocks/Items/template.js +389 -141
  35. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +176 -0
  36. package/dist/extensions/Blocks/Recommendation/block.js +1 -1
  37. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  38. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  39. package/dist/extensions/Blocks/Recommendation/control.js +306 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  47. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  67. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  68. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  70. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  71. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  73. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  74. package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
  75. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
  76. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
  77. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +26 -29
  78. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
  79. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
  80. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
  81. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  82. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  83. package/dist/extensions/Blocks/common-control.js +30 -32
  84. package/dist/extensions/Blocks/controlFactories.js +106 -130
  85. package/dist/guido.css +1 -1
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +125 -116
  87. package/dist/src/@types/config/index.d.ts +2 -2
  88. package/dist/src/@types/config/schemas.d.ts +26 -0
  89. package/dist/src/@types/config/types.d.ts +7 -1
  90. package/dist/src/composables/useActionsApi.d.ts +1 -0
  91. package/dist/src/composables/useConfig.d.ts +6 -0
  92. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +6 -0
  93. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -2
  94. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +9 -0
  95. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -2
  96. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  97. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +18 -0
  98. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -4
  99. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +1 -0
  100. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +24 -26
  101. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +1 -2
  102. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +2 -0
  103. package/dist/src/extensions/Blocks/Items/template.d.ts +22 -1
  104. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +76 -0
  105. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  106. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
  107. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
  108. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  109. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  110. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  111. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  112. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  113. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  114. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  115. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  116. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  117. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  118. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  119. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  120. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  121. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  122. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  123. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  124. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  125. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  126. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  127. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  128. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  129. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  130. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  131. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  132. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  133. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  134. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  135. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  136. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  137. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  138. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  139. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  140. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  141. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  142. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  143. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -17
  144. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  145. package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
  146. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
  147. package/dist/src/extensions/Blocks/common-control.d.ts +10 -11
  148. package/dist/src/stores/config.d.ts +147 -1
  149. package/dist/static/styles/components/button.css.js +1 -1
  150. package/dist/static/styles/components/wide-panel.css.js +4 -0
  151. package/dist/static/styles/customEditorStyle.css.js +2 -38
  152. package/dist/stores/config.js +7 -0
  153. package/dist/utils/pairProductVariables.js +61 -58
  154. package/dist/utils/templatePreparation.js +17 -17
  155. package/package.json +1 -1
  156. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  157. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  158. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  159. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  160. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  161. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  162. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -12
  163. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
  164. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  165. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  166. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
  167. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  168. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -104
  169. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -86
  170. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -134
  171. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
  172. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -147
  173. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
  174. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -111
  175. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
  176. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -114
  177. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  178. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
  179. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  180. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  181. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
  182. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
  183. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  184. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
  185. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
  186. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  187. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -211
  188. package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -157
  189. package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -72
  190. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  191. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -173
  192. package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -186
  193. package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
  194. package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
  195. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
  196. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
  197. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  198. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  199. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  200. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  201. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  202. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -12
  203. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -27
  204. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
  205. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  206. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  207. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
  208. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  209. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
  210. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -34
  211. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -17
  212. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -16
  213. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  214. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -62
  215. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -15
  216. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -39
  217. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -15
  218. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -81
  219. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  220. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
  221. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  222. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  223. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  224. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  225. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  226. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  227. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  228. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  229. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -73
  230. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
  231. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
  232. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
  233. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
  234. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
  235. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
  236. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
  237. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
  238. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
@@ -1,74 +1,77 @@
1
1
  import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
2
- function M(H) {
3
- const m = H.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), C = w.PAIRS_FOR_EXTENSION;
4
- Object.entries(C).forEach(([n, d]) => {
2
+ function P(k) {
3
+ const m = k.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), R = w.PAIRS_FOR_EXTENSION;
4
+ Object.entries(R).forEach(([n, l]) => {
5
5
  $.querySelectorAll(".ins-product-td").forEach((o) => {
6
- const h = o.getAttribute("data-number") || "1", _ = o.getAttribute("data-type") || "CART_ITEMS";
6
+ const E = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
7
7
  o.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
8
8
  var y;
9
- const b = e.getAttribute("data-type") || _, u = e.getAttribute("data-number") || h, p = d[b];
9
+ const T = e.getAttribute("data-type") || b, u = e.getAttribute("data-number") || E, p = l[T];
10
10
  if (p)
11
11
  switch (n) {
12
12
  case "imageSrc": {
13
- let t = null, i = null;
14
- if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
13
+ let t = null, c = null;
14
+ if (e.tagName === "IMG" ? (t = e, c = t.closest("a")) : (t = e.querySelector("img"), c = e.querySelector("a") || e.closest("a")), !t)
15
15
  break;
16
- const c = p.DEFAULT, a = p.ATTR;
17
- if (c && t.src) {
16
+ const i = p.DEFAULT, a = p.ATTR;
17
+ if (i && t.src) {
18
18
  const r = t.src;
19
- c.some((l) => {
20
- const s = l.split("/").pop() || "", F = r.split("/").pop() || "";
21
- return r.includes(l) || r.includes(s) || F === s;
19
+ i.some((d) => {
20
+ const s = d.split("/").pop() || "", _ = r.split("/").pop() || "";
21
+ return r.includes(d) || r.includes(s) || _ === s;
22
22
  }) && (t.src = `{{${a}_${u}}}`);
23
23
  }
24
- if (i) {
25
- const r = (y = C.itemLink) == null ? void 0 : y[b];
24
+ if (c) {
25
+ const r = (y = R.itemLink) == null ? void 0 : y[T];
26
26
  if (r) {
27
- const f = r.HREF, l = r.DEFAULT_HREF || "#!", s = i.href;
28
- (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(l) || s === `${window.location.href}${l}` || !s || s === window.location.href) && (i.href = `{{${f}_${u}}}`);
27
+ const f = r.HREF, d = r.DEFAULT_HREF || "#!", s = c.href;
28
+ (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(d) || s === `${window.location.href}${d}` || !s || s === window.location.href) && (c.href = `{{${f}_${u}}}`);
29
29
  }
30
30
  }
31
31
  break;
32
32
  }
33
33
  case "name": {
34
- const t = p, i = t.ATTR, c = t.DEFAULT_HREF || "#!", a = t.HREF;
35
- e.textContent && (e.textContent = `{{${i}_${u}}}`);
34
+ const t = p, c = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
35
+ e.textContent && (e.textContent = `{{${c}_${u}}}`);
36
36
  const r = e.closest("a") || (e.tagName === "A" ? e : null);
37
37
  if (r && a) {
38
- const f = r.href, l = `${window.location.href}${c}`;
39
- (f === l || f.endsWith(c)) && (r.href = `{{${a}_${u}}}`);
38
+ const f = r.href, d = `${window.location.href}${i}`;
39
+ (f === d || f.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
40
40
  }
41
41
  break;
42
42
  }
43
43
  case "price":
44
44
  case "originalPrice": {
45
- const t = p, c = e.getAttribute("data-formated") === "true", a = e.getAttribute("data-curency") || "before", r = c ? t.PRICE_FORMATTED : t.PRICE, f = t.CURRENCY;
46
- let l = `{{${r}_${u}}}`;
47
- if (f) {
48
- const s = `{{${f}_${u}}}`;
49
- l = a === "after" ? `${l} ${s}` : `${s} ${l}`;
45
+ const t = p, c = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = c === "true", r = i === "true", f = e.getAttribute("data-curency") || "before";
46
+ let d;
47
+ r ? d = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : d = a ? t.PRICE_FORMATTED : t.PRICE;
48
+ const s = t.CURRENCY;
49
+ let _ = `{{${d}_${u}}}`;
50
+ if (s) {
51
+ const H = `{{${s}_${u}}}`;
52
+ _ = f === "after" ? `${_} ${H}` : `${H} ${_}`;
50
53
  }
51
- e.textContent = l;
54
+ e.textContent = _;
52
55
  break;
53
56
  }
54
57
  case "quantity": {
55
- const t = p, i = t.ATTR, c = t.DEFAULT;
56
- e.textContent && e.textContent.trim() === c && (e.textContent = `{{${i}_${u}}}`);
58
+ const t = p, c = t.ATTR, i = t.DEFAULT;
59
+ e.textContent && e.textContent.trim() === i && (e.textContent = `{{${c}_${u}}}`);
57
60
  break;
58
61
  }
59
62
  case "button": {
60
- const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
63
+ const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
61
64
  if (a) {
62
- const r = a.href || "", f = `${window.location.href}${c}`;
63
- (r === "" || r === "#" || r === f || r.endsWith(c) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${i}_${u}}}`);
65
+ const r = a.href || "", f = `${window.location.href}${i}`;
66
+ (r === "" || r === "#" || r === f || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${c}_${u}}}`);
64
67
  }
65
68
  break;
66
69
  }
67
70
  case "itemLink": {
68
- const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e;
71
+ const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
69
72
  if (a.href) {
70
- const r = a.href, f = `${window.location.href}${c}`;
71
- (r === f || r.endsWith(c)) && (a.href = `{{${i}_${u}}}`);
73
+ const r = a.href, f = `${window.location.href}${i}`;
74
+ (r === f || r.endsWith(i)) && (a.href = `{{${c}_${u}}}`);
72
75
  }
73
76
  break;
74
77
  }
@@ -83,21 +86,21 @@ function M(H) {
83
86
  });
84
87
  });
85
88
  });
86
- const S = $.querySelectorAll(".ins-product-td"), R = [];
87
- S.forEach((n) => {
88
- const d = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), h = n.outerHTML;
89
- R.push({
89
+ const F = $.querySelectorAll(".ins-product-td"), S = [];
90
+ F.forEach((n) => {
91
+ const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), E = n.outerHTML;
92
+ S.push({
90
93
  element: n,
91
- outerHtml: h,
92
- type: d,
94
+ outerHtml: E,
95
+ type: l,
93
96
  number: A,
94
97
  nodup: o || void 0
95
98
  });
96
99
  });
97
- let E = $.body.innerHTML;
98
- R.reverse().forEach(({ outerHtml: n, type: d, number: A }) => {
100
+ let h = $.body.innerHTML;
101
+ S.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
99
102
  let o = "";
100
- switch (d) {
103
+ switch (l) {
101
104
  case "CART_ITEMS":
102
105
  o = "ins_apr_total_product_kind";
103
106
  break;
@@ -109,28 +112,28 @@ function M(H) {
109
112
  break;
110
113
  }
111
114
  if (o) {
112
- const _ = parseInt(A) - 1, b = `${`{% if ${o} > ${_} %}`}${n}{% endif %}`;
113
- E = E.replace(n, b);
115
+ const b = parseInt(A) - 1, T = `${`{% if ${o} > ${b} %}`}${n}{% endif %}`;
116
+ h = h.replace(n, T);
114
117
  }
115
118
  });
116
- const k = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), T = [];
117
- return k.forEach((n) => {
118
- const d = n.getAttribute("data-number"), A = n.getAttribute("data-type");
119
- if (!d || A !== "CART_ITEMS")
119
+ const I = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
120
+ return I.forEach((n) => {
121
+ const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
122
+ if (!l || A !== "CART_ITEMS")
120
123
  return;
121
124
  const o = n.closest(".product-original-price-class");
122
125
  if (o) {
123
- const h = o.outerHTML;
124
- T.some((g) => g.tdOuterHtml === h) || T.push({ tdOuterHtml: h, number: d });
126
+ const E = o.outerHTML;
127
+ g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
125
128
  }
126
- }), T.reverse().forEach(({ tdOuterHtml: n, number: d }) => {
127
- const A = `{% if ins_apr_price_${d} != ins_apr_originalprice_${d} %}`;
128
- if (!E.includes(A) && !n.includes("{% if")) {
129
- const h = `${A}${n}{% endif %}`;
130
- E = E.replace(n, h);
129
+ }), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
130
+ const A = `{% if ins_apr_price_${l} != ins_apr_originalprice_${l} %}`;
131
+ if (!h.includes(A) && !n.includes("{% if")) {
132
+ const E = `${A}${n}{% endif %}`;
133
+ h = h.replace(n, E);
131
134
  }
132
- }), E.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
135
+ }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
133
136
  }
134
137
  export {
135
- M as pairProductVariables
138
+ P as pairProductVariables
136
139
  };
@@ -1,29 +1,29 @@
1
- import { useActionsApi as S } from "../composables/useActionsApi.js";
2
- import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
3
- import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
4
- import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
5
- const z = () => {
6
- const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
1
+ import { useActionsApi as b } from "../composables/useActionsApi.js";
2
+ import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
3
+ import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
4
+ import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
5
+ const P = () => {
6
+ const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
7
7
  return {
8
8
  prepareTemplateDetails: async () => {
9
- const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
9
+ const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
10
10
  minimize: !0,
11
11
  resetDataSavedFlag: !1
12
- }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
13
- return console.debug("HTML Compilation Stats:", {
12
+ }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
13
+ return n(), console.debug("HTML Compilation Stats:", {
14
14
  originalSize: e.originalSize,
15
15
  compiledSize: e.compiledSize,
16
16
  reduction: `${e.reductionPercentage.toFixed(2)}%`,
17
- appliedRules: d,
17
+ appliedRules: g,
18
18
  executionTime: `${e.executionTime.toFixed(2)}ms`
19
19
  }), {
20
- dynamicContentList: g,
21
- compiledHtml: u,
22
- rawHtml: c,
23
- css: l,
20
+ dynamicContentList: S,
21
+ compiledHtml: d,
22
+ rawHtml: l,
23
+ css: p,
24
24
  ampHtml: m,
25
- ampErrors: r,
26
- modules: p,
25
+ ampErrors: c,
26
+ modules: u,
27
27
  recommendation: {
28
28
  campaignUrls: {},
29
29
  configs: {}
@@ -37,5 +37,5 @@ const z = () => {
37
37
  };
38
38
  };
39
39
  export {
40
- z as useTemplatePreparation
40
+ P as useTemplatePreparation
41
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "2.0.0-beta.edc1f0a",
3
+ "version": "2.0.0-beta.eee5ecc",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -1,17 +0,0 @@
1
- function r(t) {
2
- if (!t)
3
- return null;
4
- const n = t.closest(".items-block-v2");
5
- return n ? n.querySelector("esd-config-block") : null;
6
- }
7
- function o(t, n = !1) {
8
- return t == null ? n : t === "1" || t === "true";
9
- }
10
- function e(t, n = "") {
11
- return t || n;
12
- }
13
- export {
14
- o as attributeToBoolean,
15
- e as attributeToString,
16
- r as getConfigBlock
17
- };
@@ -1,28 +0,0 @@
1
- import { configAttributes as i } from "../enums/productEnums.js";
2
- import { getConfigBlock as c, attributeToBoolean as u, attributeToString as a } from "./configBlockUtils.js";
3
- function l(r, t) {
4
- const e = c(r);
5
- if (!e)
6
- return;
7
- const o = e.getAttribute(i[t.attributeName]), n = t.converter(o);
8
- t.storeSetter(n);
9
- }
10
- function b(r, t, e = !1) {
11
- return {
12
- attributeName: r,
13
- storeSetter: t,
14
- converter: (o) => u(o, e)
15
- };
16
- }
17
- function s(r, t, e = "") {
18
- return {
19
- attributeName: r,
20
- storeSetter: t,
21
- converter: (o) => a(o, e)
22
- };
23
- }
24
- export {
25
- b as createBooleanSyncConfig,
26
- s as createStringSyncConfig,
27
- l as syncAttributeFromConfigBlock
28
- };
@@ -1,76 +0,0 @@
1
- import { useItemsBlockStore as e } from "../store/items-block.js";
2
- import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
3
- function m(t) {
4
- const o = e(), n = i(
5
- "PRODUCT_NAME_TRIMMING",
6
- (c) => o.setNameTrimming(c),
7
- !1
8
- );
9
- r(t, n);
10
- }
11
- function f(t) {
12
- const o = e(), n = i(
13
- "PRODUCT_PRICE_HIDE_DISCOUNT",
14
- (c) => o.setHideDiscount(c),
15
- !1
16
- );
17
- r(t, n);
18
- }
19
- function R(t) {
20
- const o = e(), n = i(
21
- "PRODUCT_PRICE_FORMATTED",
22
- (c) => o.setFormattedPrice(c),
23
- !0
24
- );
25
- r(t, n);
26
- }
27
- function O(t) {
28
- const o = e(), n = s(
29
- "PRODUCT_PRICE_CURRENCY_SYMBOL",
30
- (c) => o.setCurrencySymbol(c),
31
- ""
32
- );
33
- r(t, n);
34
- }
35
- function _(t) {
36
- const o = e(), n = s(
37
- "PRODUCT_PRICE_CURRENCY_LOCATION",
38
- (c) => o.setCurrencyLocation(c),
39
- "0"
40
- );
41
- r(t, n);
42
- }
43
- function I(t) {
44
- const o = e(), n = s(
45
- "PRODUCT_BUTTON_LINK",
46
- (c) => o.setButtonLink(c),
47
- ""
48
- );
49
- r(t, n);
50
- }
51
- function T(t) {
52
- const o = e(), n = s(
53
- "PRODUCT_IMAGE_LINK",
54
- (c) => o.setImageLink(c),
55
- ""
56
- );
57
- r(t, n);
58
- }
59
- function y(t) {
60
- const o = e(), n = s(
61
- "PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
62
- (c) => o.setPriceOrientation(c),
63
- "horizontal"
64
- );
65
- r(t, n);
66
- }
67
- export {
68
- I as syncButtonLinkFromAttributes,
69
- _ as syncCurrencyLocationFromAttributes,
70
- O as syncCurrencySymbolFromAttributes,
71
- R as syncFormattedPriceFromAttributes,
72
- f as syncHideDiscountFromAttributes,
73
- T as syncImageLinkFromAttributes,
74
- m as syncNameTrimmingFromAttributes,
75
- y as syncPriceOrientationFromAttributes
76
- };
@@ -1,46 +0,0 @@
1
- import { ModificationDescription as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { configAttributes as t } from "../enums/productEnums.js";
3
- import { DefaultConfigValues as i } from "../enums/settingsEnums.js";
4
- import { useItemsBlockStore as s } from "../store/items-block.js";
5
- import { getConfigBlock as P } from "./configBlockUtils.js";
6
- function M(n, O) {
7
- const e = P(n);
8
- if (!e)
9
- return;
10
- const c = s(), {
11
- itemsType: r,
12
- itemIds: C,
13
- orientation: T,
14
- nameTrimming: _,
15
- hideDiscount: E,
16
- formattedPrice: R,
17
- currencySymbol: N,
18
- currencyLocation: m,
19
- priceOrientation: I,
20
- buttonLink: a,
21
- imageLink: f
22
- } = c, u = {
23
- "data-source": r,
24
- [t.TYPE]: r,
25
- [t.ITEMS_INDEX_SELECT_CONTROL_VALUE]: C,
26
- [t.ORIENTATION]: T,
27
- [t.PRODUCT_NAME_TRIMMING]: _ ? "1" : "0",
28
- [t.PRODUCT_PRICE_HIDE_DISCOUNT]: E ? "1" : "0",
29
- [t.PRODUCT_PRICE_FORMATTED]: R ? "1" : "0",
30
- [t.PRODUCT_PRICE_CURRENCY_SYMBOL]: N || "",
31
- [t.PRODUCT_PRICE_CURRENCY_LOCATION]: m || "0",
32
- [t.PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION]: I || "horizontal",
33
- [t.PRODUCT_BUTTON_LINK]: a || "",
34
- [t.PRODUCT_IMAGE_LINK]: f || "",
35
- [t.NAME_CONTROL_ENABLED]: i.productNameControlEnabled,
36
- [t.QUANTITY_CONTROL_ENABLED]: i.productQuantityControlEnabled,
37
- [t.PRICE_CONTROL_OPENED]: i.productPriceControlOpened
38
- };
39
- let o = O.getDocumentModifier().modifyHtml(e);
40
- Object.entries(u).forEach(([D, l]) => {
41
- o = o.setAttribute(D, l);
42
- }), o.apply(new p("Update config block attributes from control"));
43
- }
44
- export {
45
- M as updateConfigBlockAttributes
46
- };
@@ -1,4 +0,0 @@
1
- var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
2
- export {
3
- b as RecommendationBlockId
4
- };
@@ -1,4 +0,0 @@
1
- var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
2
- export {
3
- o as RecommendationControlId
4
- };
@@ -1,12 +0,0 @@
1
- const _ = 3, A = 3, C = 9, P = 4, o = 10, t = 20, R = 0, c = 50, n = 5;
2
- export {
3
- A as DEFAULT_CARDS_IN_ROW,
4
- o as DEFAULT_COLUMN_SPACING,
5
- _ as DEFAULT_PRODUCTS_PER_ROW,
6
- t as DEFAULT_ROW_SPACING,
7
- P as MAX_PRODUCTS_PER_ROW,
8
- C as MAX_PRODUCT_COUNT,
9
- c as MAX_SPACING,
10
- R as MIN_SPACING,
11
- n as SPACING_STEP
12
- };
@@ -1,11 +0,0 @@
1
- const T = ".ins-recommendation-product-container", c = "productImage", o = "productName", t = "productPrice", R = "productOldPrice", _ = "productOmnibusPrice", n = "productOmnibusDiscount", O = "productButton";
2
- export {
3
- O as ATTR_PRODUCT_BUTTON,
4
- c as ATTR_PRODUCT_IMAGE,
5
- o as ATTR_PRODUCT_NAME,
6
- R as ATTR_PRODUCT_OLD_PRICE,
7
- n as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
8
- _ as ATTR_PRODUCT_OMNIBUS_PRICE,
9
- t as ATTR_PRODUCT_PRICE,
10
- T as CONTAINER_SELECTOR
11
- };
@@ -1,64 +0,0 @@
1
- import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
2
- import { RecommendationBlockId as o } from "../../constants/blockIds.js";
3
- import { RecommendationControlId as t } from "../../constants/controlIds.js";
4
- import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
5
- const U = c(
6
- t.BUTTON_ALIGN,
7
- o.BUTTON,
8
- n
9
- ), d = a(
10
- t.BUTTON_BORDER,
11
- o.BUTTON,
12
- n
13
- ), s = i(
14
- t.BUTTON_BORDER_RADIUS,
15
- o.BUTTON,
16
- n
17
- ), _ = N(
18
- t.BUTTON_COLOR,
19
- o.BUTTON,
20
- n
21
- ), m = O(
22
- t.BUTTON_FONT_FAMILY,
23
- o.BUTTON,
24
- n
25
- ), u = C(
26
- t.BUTTON_MARGINS,
27
- o.BUTTON,
28
- n
29
- ), R = l(
30
- t.BUTTON_PADDINGS,
31
- o.BUTTON,
32
- n
33
- ), F = B(
34
- t.BUTTON_TEXT,
35
- o.BUTTON,
36
- n
37
- ), A = e(
38
- t.BUTTON_TEXT_SIZE,
39
- o.BUTTON,
40
- n
41
- ), S = r(
42
- t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
43
- o.BUTTON,
44
- n
45
- ), E = T(
46
- t.BUTTON_FIT_TO_CONTENT,
47
- o.BUTTON,
48
- n
49
- ), p = {
50
- align: U,
51
- border: d,
52
- borderRadius: s,
53
- color: _,
54
- fontFamily: m,
55
- margins: u,
56
- paddings: R,
57
- text: F,
58
- textSize: A,
59
- textStyleAndFontColor: S,
60
- fitToContent: E
61
- };
62
- export {
63
- p as ButtonControls
64
- };
@@ -1,80 +0,0 @@
1
- import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as s } from "../../../common-control.js";
3
- import { getCurrentLayout as l } from "../main/utils.js";
4
- const u = "recommendation-card-background-color-control", e = {
5
- CARD_BACKGROUND_COLOR: "cardBackgroundColor"
6
- }, a = {
7
- VERTICAL: ".product-card-segment",
8
- HORIZONTAL: ".product-card-wrapper"
9
- };
10
- class _ extends s {
11
- getId() {
12
- return u;
13
- }
14
- getTemplate() {
15
- return `
16
- <div class="card-bg-control-container">
17
- ${this._GuTwoColumns([
18
- this._GuLabel({ text: "Card Background Color" }),
19
- this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
20
- ])}
21
- </div>
22
- `;
23
- }
24
- onRender() {
25
- this._setFormValues(), this._listenToFormUpdates();
26
- }
27
- onTemplateNodeUpdated(r) {
28
- super.onTemplateNodeUpdated(r), this._setFormValues();
29
- }
30
- _setFormValues() {
31
- const r = this._getCurrentCardBackgroundColor();
32
- this.api.updateValues({
33
- [e.CARD_BACKGROUND_COLOR]: r
34
- });
35
- }
36
- /**
37
- * Gets the appropriate selector based on layout
38
- * Vertical: .product-card-segment (inner table per product cell)
39
- * Horizontal: .product-card-wrapper (table per product row)
40
- */
41
- _getCardSelector() {
42
- return l(this.currentNode) === "vertical" ? a.VERTICAL : a.HORIZONTAL;
43
- }
44
- /**
45
- * Reads the current background color from the first product card element
46
- * @returns The background color value or 'transparent' if not found
47
- */
48
- _getCurrentCardBackgroundColor() {
49
- if (!this.currentNode || !("querySelectorAll" in this.currentNode))
50
- return "transparent";
51
- const r = this._getCardSelector(), t = this.currentNode.querySelector(r);
52
- return !t || !("getStyle" in t) ? "transparent" : t.getStyle("background-color") || "transparent";
53
- }
54
- /**
55
- * Handles card background color changes
56
- * Applies the color to all product card elements based on layout
57
- */
58
- _onCardBackgroundColorChange(r) {
59
- if (!this.currentNode || !("querySelectorAll" in this.currentNode))
60
- return;
61
- const t = this._getCardSelector(), o = Array.from(
62
- this.currentNode.querySelectorAll(t)
63
- );
64
- if (o.length === 0)
65
- return;
66
- const n = this.api.getDocumentModifier();
67
- o.forEach((c) => {
68
- n.modifyHtml(c).setStyle("background-color", r);
69
- }), n.apply(new d("Update card background color"));
70
- }
71
- _listenToFormUpdates() {
72
- this.api.onValueChanged(e.CARD_BACKGROUND_COLOR, (r) => {
73
- this._onCardBackgroundColorChange(r);
74
- });
75
- }
76
- }
77
- export {
78
- u as CARD_BACKGROUND_COLOR_CONTROL_ID,
79
- _ as CardBackgroundColorControl
80
- };