@useinsider/guido 2.0.0-beta.dd0d492 → 2.0.0-beta.e66a90a

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 (196) hide show
  1. package/README.md +2 -0
  2. package/dist/@types/config/schemas.js +55 -39
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +15 -17
  5. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -2
  6. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  7. package/dist/composables/useConfig.js +29 -27
  8. package/dist/composables/useSave.js +13 -11
  9. package/dist/composables/useStripo.js +40 -40
  10. package/dist/config/migrator/recommendationMigrator.js +2 -2
  11. package/dist/extensions/Blocks/CouponBlock/constants.js +4 -0
  12. package/dist/extensions/Blocks/CouponBlock/controls/index.js +29 -0
  13. package/dist/extensions/Blocks/CouponBlock/extension.js +5 -4
  14. package/dist/extensions/Blocks/CouponBlock/settingsPanel.js +20 -14
  15. package/dist/extensions/Blocks/CouponBlock/template.js +22 -11
  16. package/dist/extensions/Blocks/Items/controls/cardComposition.js +13 -4
  17. package/dist/extensions/Blocks/Recommendation/block.js +1 -1
  18. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +4 -0
  19. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +4 -0
  20. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +11 -0
  21. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +64 -0
  22. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +100 -0
  23. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +243 -0
  24. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +19 -0
  25. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +104 -0
  26. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +86 -0
  27. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +134 -0
  28. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +54 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +106 -0
  30. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +64 -0
  31. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +123 -0
  32. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +60 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +112 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +46 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +76 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +44 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +48 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +73 -0
  39. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +73 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +48 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +73 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +73 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +44 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +224 -0
  45. package/dist/extensions/Blocks/Recommendation/extension.js +40 -43
  46. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +5 -0
  47. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +128 -72
  48. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +20 -20
  49. package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +157 -0
  50. package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +72 -0
  51. package/dist/extensions/Blocks/Recommendation/templates/index.js +12 -0
  52. package/dist/extensions/Blocks/Recommendation/templates/utils.js +173 -0
  53. package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +186 -0
  54. package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +251 -0
  55. package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +61 -0
  56. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +25 -0
  57. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  58. package/dist/extensions/Blocks/common-control.js +6 -7
  59. package/dist/extensions/Blocks/controlFactories.js +162 -117
  60. package/dist/guido.css +1 -1
  61. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +366 -291
  62. package/dist/package.json.js +1 -1
  63. package/dist/services/stripoApi.js +6 -10
  64. package/dist/src/@types/config/index.d.ts +2 -2
  65. package/dist/src/@types/config/schemas.d.ts +30 -0
  66. package/dist/src/@types/config/types.d.ts +7 -1
  67. package/dist/src/composables/useConfig.d.ts +8 -0
  68. package/dist/src/extensions/Blocks/CouponBlock/constants.d.ts +14 -0
  69. package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts +108 -0
  70. package/dist/src/extensions/Blocks/CouponBlock/template.d.ts +1 -1
  71. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +13 -0
  72. package/dist/src/extensions/Blocks/Recommendation/{constants.d.ts → constants/controlIds.d.ts} +19 -11
  73. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +11 -0
  74. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +19 -0
  75. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +143 -0
  76. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +41 -0
  77. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +95 -0
  78. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +35 -0
  79. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +24 -0
  80. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +34 -0
  81. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +17 -0
  82. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +16 -0
  83. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +22 -0
  84. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +54 -0
  85. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +15 -0
  86. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +40 -0
  87. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +15 -0
  88. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +81 -0
  89. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +97 -0
  90. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +16 -0
  91. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +95 -0
  92. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +100 -0
  93. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +15 -0
  94. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +15 -0
  95. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +100 -0
  96. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +15 -0
  97. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +15 -0
  98. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +95 -0
  99. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +77 -0
  100. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +9 -0
  101. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -16
  102. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +8 -0
  103. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +25 -0
  104. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +18 -0
  105. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +39 -0
  106. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +45 -0
  107. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +7 -0
  108. package/dist/src/extensions/Blocks/Recommendation/templates/{migrationTemplate.d.ts → vertical/migration.d.ts} +11 -4
  109. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +33 -0
  110. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +19 -0
  111. package/dist/src/extensions/Blocks/common-control.d.ts +1 -1
  112. package/dist/src/extensions/Blocks/controlFactories.d.ts +30 -7
  113. package/dist/src/stores/config.d.ts +164 -1
  114. package/dist/static/styles/components/button.css.js +1 -1
  115. package/dist/static/styles/components/wide-panel.css.js +0 -4
  116. package/dist/static/styles/customEditorStyle.css.js +38 -2
  117. package/dist/stores/config.js +7 -0
  118. package/package.json +3 -3
  119. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +0 -103
  120. package/dist/extensions/Blocks/Recommendation/constants.js +0 -5
  121. package/dist/extensions/Blocks/Recommendation/control.js +0 -306
  122. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +0 -13
  123. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +0 -13
  124. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +0 -13
  125. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +0 -13
  126. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +0 -13
  127. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +0 -13
  128. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +0 -13
  129. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +0 -13
  130. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +0 -13
  131. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +0 -13
  132. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +0 -13
  133. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +0 -13
  134. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +0 -13
  135. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +0 -13
  136. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +0 -13
  137. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +0 -13
  138. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +0 -13
  139. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +0 -13
  140. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +0 -13
  141. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +0 -13
  142. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +0 -13
  143. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +0 -13
  144. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +0 -13
  145. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +0 -13
  146. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +0 -13
  147. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +0 -13
  148. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +0 -13
  149. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +0 -13
  150. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +0 -13
  151. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +0 -13
  152. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +0 -13
  153. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +0 -13
  154. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +0 -13
  155. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +0 -13
  156. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +0 -160
  157. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +0 -152
  158. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +0 -180
  159. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +0 -28
  160. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +0 -35
  161. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +0 -5
  162. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +0 -5
  163. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +0 -5
  164. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +0 -5
  165. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +0 -5
  166. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +0 -5
  167. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +0 -5
  168. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +0 -5
  169. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +0 -5
  170. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +0 -5
  171. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +0 -5
  172. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +0 -5
  173. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +0 -5
  174. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +0 -5
  175. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +0 -5
  176. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +0 -5
  177. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +0 -5
  178. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +0 -5
  179. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +0 -5
  180. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +0 -5
  181. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +0 -5
  182. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +0 -5
  183. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +0 -5
  184. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +0 -5
  185. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +0 -5
  186. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +0 -5
  187. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +0 -5
  188. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +0 -5
  189. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +0 -5
  190. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +0 -5
  191. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +0 -5
  192. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +0 -5
  193. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +0 -5
  194. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +0 -5
  195. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +0 -16
  196. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +0 -44
@@ -0,0 +1,60 @@
1
+ var n = Object.defineProperty;
2
+ var r = (o, t, e) => t in o ? n(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
3
+ var i = (o, t, e) => r(o, typeof t != "symbol" ? t + "" : t, e);
4
+ import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
+ import { CommonControl as u } from "../../../common-control.js";
6
+ import { useRecommendationExtensionStore as a } from "../../store/recommendation.js";
7
+ const h = "recommendation-shuffle-control", s = {
8
+ SHUFFLE_PRODUCTS: "shuffleProducts"
9
+ };
10
+ class C extends u {
11
+ constructor() {
12
+ super(...arguments);
13
+ i(this, "store", a());
14
+ }
15
+ getId() {
16
+ return h;
17
+ }
18
+ getTemplate() {
19
+ return `
20
+ <div class="shuffle-control-container">
21
+ ${this._GuTwoColumns([
22
+ this._GuLabel({ text: "Shuffle Recommended Products" }),
23
+ this._GuToggle(s.SHUFFLE_PRODUCTS)
24
+ ])}
25
+ </div>
26
+ `;
27
+ }
28
+ onRender() {
29
+ this._initializeToggle(), this._setFormValues(), this._listenToFormUpdates();
30
+ }
31
+ _setFormValues() {
32
+ const { recommendationConfigs: e } = this.store;
33
+ this.api.updateValues({
34
+ [s.SHUFFLE_PRODUCTS]: e.shuffleProducts
35
+ });
36
+ }
37
+ _initializeToggle() {
38
+ this.api.setUIEAttribute(
39
+ s.SHUFFLE_PRODUCTS,
40
+ l.SELECTPICKER.items,
41
+ this.store.recommendationConfigs.shuffleProducts
42
+ );
43
+ }
44
+ _onShuffleChange(e) {
45
+ this.store.$patch({
46
+ recommendationConfigs: {
47
+ shuffleProducts: e
48
+ }
49
+ });
50
+ }
51
+ _listenToFormUpdates() {
52
+ this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
53
+ this._onShuffleChange(!!e);
54
+ });
55
+ }
56
+ }
57
+ export {
58
+ h as SHUFFLE_CONTROL_ID,
59
+ C as ShuffleControl
60
+ };
@@ -0,0 +1,112 @@
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
+ };
@@ -0,0 +1,46 @@
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
+ };
@@ -0,0 +1,76 @@
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
+ };
@@ -0,0 +1,44 @@
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
+ };
@@ -0,0 +1,48 @@
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
+ };
@@ -0,0 +1,73 @@
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
+ };
@@ -0,0 +1,73 @@
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
+ };
@@ -0,0 +1,48 @@
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
+ };
@@ -0,0 +1,73 @@
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
+ };