@useinsider/guido 2.0.0-beta.1c331b8 → 2.0.0-beta.2369541

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 (231) hide show
  1. package/dist/@types/config/schemas.js +53 -39
  2. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
  3. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +8 -8
  4. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
  5. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +7 -8
  6. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
  7. package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.js +18 -0
  8. package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue2.js +15 -0
  9. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
  10. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +14 -22
  11. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
  12. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +11 -10
  13. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +12 -10
  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/EditorActions.vue.js +20 -0
  17. package/dist/components/organisms/header/EditorActions.vue2.js +41 -0
  18. package/dist/components/organisms/header/EditorToolbar.vue.js +18 -0
  19. package/dist/components/organisms/header/EditorToolbar.vue2.js +17 -0
  20. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -5
  21. package/dist/components/organisms/header/LeftSlot.vue.js +11 -11
  22. package/dist/components/organisms/header/LeftSlot.vue2.js +11 -12
  23. package/dist/components/organisms/header/MiddleSlot.vue.js +10 -10
  24. package/dist/components/organisms/header/MiddleSlot.vue2.js +11 -15
  25. package/dist/components/organisms/header/RightSlot.vue.js +11 -14
  26. package/dist/components/organisms/header/RightSlot.vue2.js +13 -30
  27. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +5 -5
  28. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
  29. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
  30. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
  31. package/dist/composables/useConfig.js +29 -27
  32. package/dist/composables/useSave.js +13 -11
  33. package/dist/config/migrator/recommendationMigrator.js +2 -2
  34. package/dist/enums/academy.js +8 -0
  35. package/dist/enums/onboarding.js +1 -2
  36. package/dist/enums/unsubscribe.js +20 -21
  37. package/dist/extensions/Blocks/Items/controls/cardComposition.js +4 -13
  38. package/dist/extensions/Blocks/Recommendation/block.js +1 -1
  39. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  40. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  41. package/dist/extensions/Blocks/Recommendation/control.js +306 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  47. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  67. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  68. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  70. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  71. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  73. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  74. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  75. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  76. package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
  77. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +0 -5
  78. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
  79. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +25 -28
  80. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
  81. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
  82. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
  83. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  84. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  85. package/dist/extensions/Blocks/common-control.js +6 -7
  86. package/dist/extensions/Blocks/controlFactories.js +121 -155
  87. package/dist/guido.css +1 -1
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +291 -361
  89. package/dist/package.json.js +1 -1
  90. package/dist/src/@types/config/index.d.ts +2 -2
  91. package/dist/src/@types/config/schemas.d.ts +26 -0
  92. package/dist/src/@types/config/types.d.ts +7 -1
  93. package/dist/src/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.d.ts +2 -0
  94. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +4 -0
  95. package/dist/src/components/organisms/header/EditorToolbar.vue.d.ts +2 -0
  96. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  97. package/dist/src/composables/useConfig.d.ts +6 -0
  98. package/dist/src/enums/academy.d.ts +12 -0
  99. package/dist/src/enums/onboarding.d.ts +0 -1
  100. package/dist/src/enums/unsubscribe.d.ts +0 -1
  101. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  102. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
  103. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
  104. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  105. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  106. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  107. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  108. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  109. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  110. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  111. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  112. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  113. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  114. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  115. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  116. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  117. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  118. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  119. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  120. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  121. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  122. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  123. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  124. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  125. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  126. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  127. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  128. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  129. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  130. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  131. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  132. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  133. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  134. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  135. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  136. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  137. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  138. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  139. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -16
  140. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  141. package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
  142. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
  143. package/dist/src/extensions/Blocks/common-control.d.ts +1 -1
  144. package/dist/src/stores/config.d.ts +147 -1
  145. package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
  146. package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
  147. package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
  148. package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
  149. package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
  150. package/dist/static/styles/components/button.css.js +1 -1
  151. package/dist/static/styles/components/wide-panel.css.js +4 -0
  152. package/dist/static/styles/customEditorStyle.css.js +2 -38
  153. package/dist/stores/config.js +7 -0
  154. package/package.json +3 -3
  155. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
  156. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
  157. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  158. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  159. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -7
  160. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
  161. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  162. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  163. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -238
  164. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  165. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -104
  166. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -86
  167. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -134
  168. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
  169. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -134
  170. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
  171. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -124
  172. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
  173. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -112
  174. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  175. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
  176. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  177. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  178. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
  179. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
  180. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  181. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
  182. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
  183. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  184. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -216
  185. package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -157
  186. package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -72
  187. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  188. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -173
  189. package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -186
  190. package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
  191. package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
  192. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
  193. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  194. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -12
  195. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -17
  196. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
  197. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  198. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  199. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
  200. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  201. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
  202. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -34
  203. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -17
  204. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -16
  205. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  206. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -43
  207. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -15
  208. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -40
  209. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -15
  210. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -81
  211. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  212. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
  213. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  214. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  215. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  216. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  217. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  218. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  219. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  220. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  221. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -72
  222. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
  223. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
  224. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
  225. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
  226. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
  227. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
  228. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
  229. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
  230. package/dist/static/assets/inbox-mockup.svg.js +0 -4
  231. package/dist/static/assets/phone-mockup.svg.js +0 -4
@@ -1,112 +0,0 @@
1
- import { ModificationDescription as s } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CONTAINER_SELECTOR as y } from "../../constants/selectors.js";
3
- import { useRecommendationExtensionStore as S } from "../../store/recommendation.js";
4
- import { prepareProductRows as A } from "../../templates/index.js";
5
- import { DEFAULT_CARD_COMPOSITION as d, getDefaultProducts as b } from "../../templates/utils.js";
6
- const f = "ins-recommendation-v3-block-v2";
7
- function p(e) {
8
- if (!e)
9
- return null;
10
- if ("getAttribute" in e) {
11
- const t = e.getAttribute("class");
12
- if (t && t.includes(f))
13
- return e;
14
- }
15
- return "querySelector" in e ? e.querySelector(`.${f}`) : null;
16
- }
17
- function m(e) {
18
- const t = p(e);
19
- return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
20
- }
21
- function C(e) {
22
- const t = p(e);
23
- if (!t || !("getAttribute" in t))
24
- return d;
25
- const r = t.getAttribute("data-card-composition");
26
- return r ? r.split(",").filter(Boolean) : d;
27
- }
28
- function R(e) {
29
- const { currentNode: t, documentModifier: r, afterRegenerate: o } = e;
30
- if (!t || !("querySelector" in t))
31
- return;
32
- const a = t.querySelector(y);
33
- if (!a)
34
- return;
35
- const c = S(), i = c.recommendationProducts.length > 0 ? c.recommendationProducts : b(), { cardsInRow: l } = c.recommendationConfigs, n = C(t), u = m(t), g = A(i, u, {
36
- productsPerRow: l,
37
- composition: n
38
- });
39
- r.modifyHtml(a).setInnerHtml(g).apply(new s("Updated product")), o == null || o();
40
- }
41
- function h(e, t, r, o) {
42
- const c = `0 ${Math.floor(r / 2)}px`;
43
- let i = !1;
44
- return o === "vertical" ? Array.from(
45
- e.querySelectorAll(".attribute-cell")
46
- ).forEach((n) => {
47
- t.modifyHtml(n).setStyle("padding", c), i = !0;
48
- }) : Array.from(
49
- e.querySelectorAll(".product-card-wrapper")
50
- ).forEach((n) => {
51
- "parentNode" in n && n.parentNode && typeof n.parentNode == "object" && "tagName" in n.parentNode && n.parentNode.tagName === "TD" && (t.modifyHtml(n.parentNode).setStyle("padding", c), i = !0);
52
- }), i;
53
- }
54
- function E(e, t, r) {
55
- const o = `${r}px`, a = Array.from(e.querySelectorAll(".spacer"));
56
- let c = !1;
57
- return a.forEach((i) => {
58
- t.modifyHtml(i).setStyle("height", o), c = !0;
59
- }), c;
60
- }
61
- function P(e) {
62
- const { currentNode: t, documentModifier: r } = e;
63
- if (!t)
64
- return;
65
- const o = p(t);
66
- if (!o || !("getAttribute" in o))
67
- return;
68
- const a = o.getAttribute("data-column-spacing"), c = o.getAttribute("data-row-spacing"), i = m(t);
69
- let l = !1;
70
- if (a) {
71
- const n = parseInt(a);
72
- Number.isNaN(n) || (l = h(
73
- t,
74
- r,
75
- n,
76
- i
77
- ));
78
- }
79
- if (c) {
80
- const n = parseInt(c);
81
- if (!Number.isNaN(n)) {
82
- const u = E(t, r, n);
83
- l = l || u;
84
- }
85
- }
86
- l && r.apply(new s("Reapply spacing after regeneration"));
87
- }
88
- function H(e) {
89
- if (!e)
90
- return null;
91
- const t = e.querySelector(".product-card-segment"), r = e.querySelector(".product-card-wrapper");
92
- let o = null;
93
- return t && "getStyle" in t && (o = t.getStyle("background-color")), (!o || o === "transparent") && r && "getStyle" in r && (o = r.getStyle("background-color")), o;
94
- }
95
- function I(e) {
96
- const { currentNode: t, documentModifier: r, bgColor: o, layout: a } = e;
97
- if (!o || o === "transparent" || !t)
98
- return;
99
- const c = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", i = Array.from(t.querySelectorAll(c));
100
- i.length !== 0 && (i.forEach((l) => {
101
- r.modifyHtml(l).setStyle("background-color", o);
102
- }), r.apply(new s("Apply card background color")));
103
- }
104
- export {
105
- I as applyCardBackgroundColor,
106
- p as getBlockElement,
107
- C as getCardComposition,
108
- H as getCurrentCardBackgroundColor,
109
- m as getCurrentLayout,
110
- P as reapplySpacing,
111
- R as regenerateProductRows
112
- };
@@ -1,46 +0,0 @@
1
- import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } 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 r } from "../../constants/selectors.js";
5
- import { NameTextTrimControl as i } from "./textTrim.js";
6
- const m = a(
7
- t.NAME_ALIGN,
8
- o.NAME,
9
- r
10
- ), A = N(
11
- t.NAME_COLOR,
12
- o.NAME,
13
- r
14
- ), E = c(
15
- t.NAME_SIZE,
16
- o.NAME,
17
- r
18
- ), M = C(
19
- t.NAME_STYLE,
20
- o.NAME,
21
- r
22
- ), s = l(
23
- t.NAME_FONT_FAMILY,
24
- o.NAME,
25
- r
26
- ), d = e(
27
- t.NAME_BACKGROUND,
28
- o.NAME,
29
- r
30
- ), T = n(
31
- t.NAME_PADDINGS,
32
- o.NAME,
33
- r
34
- ), F = {
35
- align: m,
36
- color: A,
37
- size: E,
38
- style: M,
39
- fontFamily: s,
40
- background: d,
41
- paddings: T,
42
- textTrim: i
43
- };
44
- export {
45
- F as NameControls
46
- };
@@ -1,76 +0,0 @@
1
- import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as c } from "../../../common-control.js";
3
- import { RecommendationBlockId as a } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as d } from "../../constants/controlIds.js";
5
- import { CONTAINER_SELECTOR as m } from "../../constants/selectors.js";
6
- const s = {
7
- TEXT_TRIM_ENABLED: "textTrimEnabled"
8
- }, r = "text-trim-enabled";
9
- class p extends c {
10
- getId() {
11
- return d.NAME_TEXT_TRIM;
12
- }
13
- getTemplate() {
14
- return `
15
- <div class="name-text-trim-control-container">
16
- ${this._GuTwoColumns([
17
- this._GuLabel({ text: "Trim Long Text" }),
18
- this._GuToggle(s.TEXT_TRIM_ENABLED)
19
- ])}
20
- </div>
21
- `;
22
- }
23
- onRender() {
24
- this._setFormValues(), this._listenToFormUpdates();
25
- }
26
- onTemplateNodeUpdated(t) {
27
- super.onTemplateNodeUpdated(t), this._setFormValues();
28
- }
29
- _setFormValues() {
30
- const t = this._getCurrentTrimState();
31
- this.api.updateValues({
32
- [s.TEXT_TRIM_ENABLED]: t
33
- });
34
- }
35
- _getCurrentTrimState() {
36
- if (!this.currentNode || !("hasClass" in this.currentNode))
37
- return !1;
38
- if (this.currentNode.hasClass(r))
39
- return !0;
40
- const t = this.currentNode.closest(m);
41
- if (!t)
42
- return !1;
43
- const e = t.querySelector(
44
- `[esd-extension-block-id="${a.NAME}"]`
45
- );
46
- return e && "hasClass" in e ? e.hasClass(r) : !1;
47
- }
48
- _onTextTrimChange(t) {
49
- if (!this.currentNode || !("closest" in this.currentNode))
50
- return;
51
- const e = this.currentNode.closest(m);
52
- if (!e || !("querySelectorAll" in e))
53
- return;
54
- const i = Array.from(
55
- e.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
56
- );
57
- if (!i.length)
58
- return;
59
- const o = this.api.getDocumentModifier();
60
- i.forEach((n) => {
61
- t ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
62
- }), o.apply(
63
- new l(
64
- t ? "Enable product name text trimming" : "Disable product name text trimming"
65
- )
66
- );
67
- }
68
- _listenToFormUpdates() {
69
- this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (t) => {
70
- this._onTextTrimChange(t);
71
- });
72
- }
73
- }
74
- export {
75
- p as NameTextTrimControl
76
- };
@@ -1,44 +0,0 @@
1
- import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } 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 O = I(
6
- t.OLD_PRICE_ALIGN,
7
- o.OLD_PRICE,
8
- n
9
- ), R = _(
10
- t.OLD_PRICE_COLOR,
11
- o.OLD_PRICE,
12
- n
13
- ), a = c(
14
- t.OLD_PRICE_SIZE,
15
- o.OLD_PRICE,
16
- n
17
- ), i = l(
18
- t.OLD_PRICE_STYLE,
19
- o.OLD_PRICE,
20
- n
21
- ), E = e(
22
- t.OLD_PRICE_FONT_FAMILY,
23
- o.OLD_PRICE,
24
- n
25
- ), L = C(
26
- t.OLD_PRICE_BACKGROUND,
27
- o.OLD_PRICE,
28
- n
29
- ), P = r(
30
- t.OLD_PRICE_PADDINGS,
31
- o.OLD_PRICE,
32
- n
33
- ), T = {
34
- align: O,
35
- color: R,
36
- size: a,
37
- style: i,
38
- fontFamily: E,
39
- background: L,
40
- paddings: P
41
- };
42
- export {
43
- T as OldPriceControls
44
- };
@@ -1,48 +0,0 @@
1
- import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } 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 r } from "../../constants/selectors.js";
5
- import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
6
- import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
7
- const i = N(
8
- t.OMNIBUS_DISCOUNT_ALIGN,
9
- o.OMNIBUS_DISCOUNT,
10
- r
11
- ), T = I(
12
- t.OMNIBUS_DISCOUNT_COLOR,
13
- o.OMNIBUS_DISCOUNT,
14
- r
15
- ), c = S(
16
- t.OMNIBUS_DISCOUNT_SIZE,
17
- o.OMNIBUS_DISCOUNT,
18
- r
19
- ), _ = O(
20
- t.OMNIBUS_DISCOUNT_STYLE,
21
- o.OMNIBUS_DISCOUNT,
22
- r
23
- ), m = C(
24
- t.OMNIBUS_DISCOUNT_FONT_FAMILY,
25
- o.OMNIBUS_DISCOUNT,
26
- r
27
- ), s = e(
28
- t.OMNIBUS_DISCOUNT_BACKGROUND,
29
- o.OMNIBUS_DISCOUNT,
30
- r
31
- ), B = n(
32
- t.OMNIBUS_DISCOUNT_PADDINGS,
33
- o.OMNIBUS_DISCOUNT,
34
- r
35
- ), g = {
36
- align: i,
37
- color: T,
38
- size: c,
39
- style: _,
40
- fontFamily: m,
41
- background: s,
42
- paddings: B,
43
- textBefore: U,
44
- textAfter: l
45
- };
46
- export {
47
- g as OmnibusDiscountControls
48
- };
@@ -1,73 +0,0 @@
1
- import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as a } from "../../../common-control.js";
3
- import { RecommendationBlockId as l } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as d } from "../../constants/controlIds.js";
5
- import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
6
- import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
7
- const i = "data-text-after", u = "", p = ".omnibus-text-after";
8
- class b extends a {
9
- getId() {
10
- return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
11
- }
12
- getTemplate() {
13
- return `
14
- <div class="omnibus-discount-text-after-control-container">
15
- ${this._GuTwoColumns([
16
- this._GuLabel({ text: "Text After" }),
17
- this._GuTextInput({
18
- name: "omnibusDiscountTextAfter",
19
- placeholder: "e.g., off!",
20
- className: "es-180w"
21
- })
22
- ])}
23
- </div>
24
- `;
25
- }
26
- onRender() {
27
- this._setFormValues(), this._listenToFormUpdates();
28
- }
29
- onTemplateNodeUpdated(t) {
30
- super.onTemplateNodeUpdated(t), this._setFormValues();
31
- }
32
- _setFormValues() {
33
- const t = this._getCurrentText();
34
- this.api.updateValues({
35
- omnibusDiscountTextAfter: t
36
- });
37
- }
38
- _getCurrentText() {
39
- if (!this.currentNode || !("getAttribute" in this.currentNode))
40
- return u;
41
- const t = this.currentNode.getAttribute(i);
42
- return t === null ? u : t;
43
- }
44
- _onTextChange(t) {
45
- if (!this.currentNode || !("closest" in this.currentNode))
46
- return;
47
- const e = this.currentNode.closest(T);
48
- if (!e || !("querySelectorAll" in e))
49
- return;
50
- const n = Array.from(
51
- e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
52
- );
53
- if (!n.length)
54
- return;
55
- const o = this.api.getDocumentModifier();
56
- n.forEach((s) => {
57
- o.modifyHtml(s).setAttribute(i, t);
58
- const r = s.querySelector(p);
59
- if (r) {
60
- const m = f(r, t);
61
- o.modifyHtml(r).setInnerHtml(m);
62
- }
63
- }), o.apply(new c("Update omnibus discount text after"));
64
- }
65
- _listenToFormUpdates() {
66
- this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
67
- this._onTextChange(t);
68
- });
69
- }
70
- }
71
- export {
72
- b as OmnibusDiscountTextAfterControl
73
- };
@@ -1,73 +0,0 @@
1
- import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as l } from "../../../common-control.js";
3
- import { RecommendationBlockId as a } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as d } from "../../constants/controlIds.js";
5
- import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
6
- import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
7
- const i = "data-text-before", u = "", p = ".omnibus-text-before";
8
- class B extends l {
9
- getId() {
10
- return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
11
- }
12
- getTemplate() {
13
- return `
14
- <div class="omnibus-discount-text-before-control-container">
15
- ${this._GuTwoColumns([
16
- this._GuLabel({ text: "Text Before" }),
17
- this._GuTextInput({
18
- name: "omnibusDiscountTextBefore",
19
- placeholder: "e.g., Save ",
20
- className: "es-180w"
21
- })
22
- ])}
23
- </div>
24
- `;
25
- }
26
- onRender() {
27
- this._setFormValues(), this._listenToFormUpdates();
28
- }
29
- onTemplateNodeUpdated(e) {
30
- super.onTemplateNodeUpdated(e), this._setFormValues();
31
- }
32
- _setFormValues() {
33
- const e = this._getCurrentText();
34
- this.api.updateValues({
35
- omnibusDiscountTextBefore: e
36
- });
37
- }
38
- _getCurrentText() {
39
- if (!this.currentNode || !("getAttribute" in this.currentNode))
40
- return u;
41
- const e = this.currentNode.getAttribute(i);
42
- return e === null ? u : e;
43
- }
44
- _onTextChange(e) {
45
- if (!this.currentNode || !("closest" in this.currentNode))
46
- return;
47
- const t = this.currentNode.closest(T);
48
- if (!t || !("querySelectorAll" in t))
49
- return;
50
- const n = Array.from(
51
- t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
52
- );
53
- if (!n.length)
54
- return;
55
- const o = this.api.getDocumentModifier();
56
- n.forEach((s) => {
57
- o.modifyHtml(s).setAttribute(i, e);
58
- const r = s.querySelector(p);
59
- if (r) {
60
- const m = f(r, e);
61
- o.modifyHtml(r).setInnerHtml(m);
62
- }
63
- }), o.apply(new c("Update omnibus discount text before"));
64
- }
65
- _listenToFormUpdates() {
66
- this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
67
- this._onTextChange(e);
68
- });
69
- }
70
- }
71
- export {
72
- B as OmnibusDiscountTextBeforeControl
73
- };
@@ -1,48 +0,0 @@
1
- import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as I, createTextSizeControl as l, createTextColorControl as i, createTextAlignControl 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 r } from "../../constants/selectors.js";
5
- import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
6
- import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
7
- const m = c(
8
- t.OMNIBUS_PRICE_ALIGN,
9
- o.OMNIBUS_PRICE,
10
- r
11
- ), S = i(
12
- t.OMNIBUS_PRICE_COLOR,
13
- o.OMNIBUS_PRICE,
14
- r
15
- ), B = l(
16
- t.OMNIBUS_PRICE_SIZE,
17
- o.OMNIBUS_PRICE,
18
- r
19
- ), N = I(
20
- t.OMNIBUS_PRICE_STYLE,
21
- o.OMNIBUS_PRICE,
22
- r
23
- ), P = C(
24
- t.OMNIBUS_PRICE_FONT_FAMILY,
25
- o.OMNIBUS_PRICE,
26
- r
27
- ), R = e(
28
- t.OMNIBUS_PRICE_BACKGROUND,
29
- o.OMNIBUS_PRICE,
30
- r
31
- ), a = n(
32
- t.OMNIBUS_PRICE_PADDINGS,
33
- o.OMNIBUS_PRICE,
34
- r
35
- ), f = {
36
- align: m,
37
- color: S,
38
- size: B,
39
- style: N,
40
- fontFamily: P,
41
- background: R,
42
- paddings: a,
43
- textBefore: _,
44
- textAfter: O
45
- };
46
- export {
47
- f as OmnibusPriceControls
48
- };
@@ -1,73 +0,0 @@
1
- import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as a } from "../../../common-control.js";
3
- import { RecommendationBlockId as l } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as d } from "../../constants/controlIds.js";
5
- import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
6
- import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
7
- const s = "data-text-after", m = "", p = ".omnibus-text-after";
8
- class N extends a {
9
- getId() {
10
- return d.OMNIBUS_PRICE_TEXT_AFTER;
11
- }
12
- getTemplate() {
13
- return `
14
- <div class="omnibus-price-text-after-control-container">
15
- ${this._GuTwoColumns([
16
- this._GuLabel({ text: "Text After" }),
17
- this._GuTextInput({
18
- name: "omnibusPriceTextAfter",
19
- placeholder: "e.g., (incl. VAT)",
20
- className: "es-180w"
21
- })
22
- ])}
23
- </div>
24
- `;
25
- }
26
- onRender() {
27
- this._setFormValues(), this._listenToFormUpdates();
28
- }
29
- onTemplateNodeUpdated(t) {
30
- super.onTemplateNodeUpdated(t), this._setFormValues();
31
- }
32
- _setFormValues() {
33
- const t = this._getCurrentText();
34
- this.api.updateValues({
35
- omnibusPriceTextAfter: t
36
- });
37
- }
38
- _getCurrentText() {
39
- if (!this.currentNode || !("getAttribute" in this.currentNode))
40
- return m;
41
- const t = this.currentNode.getAttribute(s);
42
- return t === null ? m : t;
43
- }
44
- _onTextChange(t) {
45
- if (!this.currentNode || !("closest" in this.currentNode))
46
- return;
47
- const e = this.currentNode.closest(T);
48
- if (!e || !("querySelectorAll" in e))
49
- return;
50
- const n = Array.from(
51
- e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
52
- );
53
- if (!n.length)
54
- return;
55
- const r = this.api.getDocumentModifier();
56
- n.forEach((i) => {
57
- r.modifyHtml(i).setAttribute(s, t);
58
- const o = i.querySelector(p);
59
- if (o) {
60
- const u = f(o, t);
61
- r.modifyHtml(o).setInnerHtml(u);
62
- }
63
- }), r.apply(new c("Update omnibus price text after"));
64
- }
65
- _listenToFormUpdates() {
66
- this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
67
- this._onTextChange(t);
68
- });
69
- }
70
- }
71
- export {
72
- N as OmnibusPriceTextAfterControl
73
- };
@@ -1,73 +0,0 @@
1
- import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as l } from "../../../common-control.js";
3
- import { RecommendationBlockId as a } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as d } from "../../constants/controlIds.js";
5
- import { CONTAINER_SELECTOR as p } from "../../constants/selectors.js";
6
- import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
7
- const s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
8
- class N extends l {
9
- getId() {
10
- return d.OMNIBUS_PRICE_TEXT_BEFORE;
11
- }
12
- getTemplate() {
13
- return `
14
- <div class="omnibus-price-text-before-control-container">
15
- ${this._GuTwoColumns([
16
- this._GuLabel({ text: "Text Before" }),
17
- this._GuTextInput({
18
- name: "omnibusPriceTextBefore",
19
- placeholder: "e.g., Lowest 30-day price: ",
20
- className: "es-180w"
21
- })
22
- ])}
23
- </div>
24
- `;
25
- }
26
- onRender() {
27
- this._setFormValues(), this._listenToFormUpdates();
28
- }
29
- onTemplateNodeUpdated(e) {
30
- super.onTemplateNodeUpdated(e), this._setFormValues();
31
- }
32
- _setFormValues() {
33
- const e = this._getCurrentText();
34
- this.api.updateValues({
35
- omnibusPriceTextBefore: e
36
- });
37
- }
38
- _getCurrentText() {
39
- if (!this.currentNode || !("getAttribute" in this.currentNode))
40
- return c;
41
- const e = this.currentNode.getAttribute(s);
42
- return e === null ? c : e;
43
- }
44
- _onTextChange(e) {
45
- if (!this.currentNode || !("closest" in this.currentNode))
46
- return;
47
- const t = this.currentNode.closest(p);
48
- if (!t || !("querySelectorAll" in t))
49
- return;
50
- const n = Array.from(
51
- t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
52
- );
53
- if (!n.length)
54
- return;
55
- const o = this.api.getDocumentModifier();
56
- n.forEach((i) => {
57
- o.modifyHtml(i).setAttribute(s, e);
58
- const r = i.querySelector(f);
59
- if (r) {
60
- const m = T(r, e);
61
- o.modifyHtml(r).setInnerHtml(m);
62
- }
63
- }), o.apply(new u("Update omnibus price text before"));
64
- }
65
- _listenToFormUpdates() {
66
- this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
67
- this._onTextChange(e);
68
- });
69
- }
70
- }
71
- export {
72
- N as OmnibusPriceTextBeforeControl
73
- };