@useinsider/guido 2.0.0-beta.782343a → 2.0.0-beta.7a88d79

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 (144) 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/header/RightSlot.vue2.js +10 -10
  4. package/dist/composables/useConfig.js +29 -27
  5. package/dist/composables/useSave.js +13 -11
  6. package/dist/extensions/Blocks/Items/controls/cardComposition.js +4 -13
  7. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  8. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  9. package/dist/extensions/Blocks/Recommendation/{controls/main/index.js → control.js} +67 -101
  10. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  11. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  12. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  13. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  14. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  15. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  16. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  17. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  18. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  19. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  20. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  21. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  22. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  23. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  24. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  25. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  26. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  27. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  28. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  30. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  31. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  32. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  39. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/extension.js +43 -37
  45. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -125
  46. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +20 -20
  47. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +69 -91
  48. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +17 -54
  49. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +62 -66
  50. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  51. package/dist/extensions/Blocks/common-control.js +6 -7
  52. package/dist/guido.css +1 -1
  53. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +290 -363
  54. package/dist/package.json.js +1 -1
  55. package/dist/src/@types/config/index.d.ts +2 -2
  56. package/dist/src/@types/config/schemas.d.ts +26 -0
  57. package/dist/src/@types/config/types.d.ts +7 -1
  58. package/dist/src/composables/useConfig.d.ts +6 -0
  59. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  60. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
  61. package/dist/src/extensions/Blocks/Recommendation/{controls/main/index.d.ts → control.d.ts} +3 -6
  62. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  64. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  65. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  66. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  67. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  68. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  69. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  70. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  71. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  72. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  73. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  74. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  75. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  76. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  77. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  78. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  79. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  80. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  81. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  82. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  83. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  84. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  85. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  86. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  87. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  88. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  89. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  90. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  91. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  92. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  93. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  94. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  95. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  96. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  97. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  98. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +7 -15
  99. package/dist/src/extensions/Blocks/common-control.d.ts +1 -1
  100. package/dist/src/stores/config.d.ts +147 -1
  101. package/dist/static/styles/components/button.css.js +1 -1
  102. package/dist/static/styles/components/wide-panel.css.js +4 -0
  103. package/dist/static/styles/customEditorStyle.css.js +0 -13
  104. package/dist/stores/config.js +7 -0
  105. package/package.json +3 -3
  106. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  107. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  108. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
  109. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  110. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -68
  111. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -179
  112. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  113. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  114. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
  115. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  116. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  117. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
  118. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
  119. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  120. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
  121. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
  122. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  123. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -183
  124. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -25
  125. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  126. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -11
  127. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
  128. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  129. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -25
  130. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -75
  131. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  132. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -22
  133. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  134. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
  135. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  136. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  137. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  138. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  139. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  140. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  141. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  142. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  143. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -57
  144. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
@@ -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
- };
@@ -1,44 +0,0 @@
1
- import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as I, createTextAlignControl as R } 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 a = R(
6
- t.PRICE_ALIGN,
7
- o.PRICE,
8
- n
9
- ), i = I(
10
- t.PRICE_COLOR,
11
- o.PRICE,
12
- n
13
- ), E = c(
14
- t.PRICE_SIZE,
15
- o.PRICE,
16
- n
17
- ), P = l(
18
- t.PRICE_STYLE,
19
- o.PRICE,
20
- n
21
- ), m = e(
22
- t.PRICE_FONT_FAMILY,
23
- o.PRICE,
24
- n
25
- ), s = C(
26
- t.PRICE_BACKGROUND,
27
- o.PRICE,
28
- n
29
- ), d = r(
30
- t.PRICE_PADDINGS,
31
- o.PRICE,
32
- n
33
- ), x = {
34
- align: a,
35
- color: i,
36
- size: E,
37
- style: P,
38
- fontFamily: m,
39
- background: s,
40
- paddings: d
41
- };
42
- export {
43
- x as PriceControls
44
- };
@@ -1,183 +0,0 @@
1
- var C = Object.defineProperty;
2
- var h = (n, r, e) => r in n ? C(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
3
- var S = (n, r, e) => h(n, typeof r != "symbol" ? r + "" : r, e);
4
- import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as _ } from "../../../common-control.js";
6
- import { useDebounceFn as d } from "../../../../../node_modules/@vueuse/shared/index.js";
7
- const f = "recommendation-spacing-control", i = {
8
- COLUMN_SPACING: "columnSpacing",
9
- ROW_SPACING: "rowSpacing"
10
- }, N = {
11
- COLUMN_SPACING: "data-column-spacing",
12
- ROW_SPACING: "data-row-spacing"
13
- }, a = {
14
- COLUMN_SPACING: 10,
15
- // 5px on each side = 10px total
16
- ROW_SPACING: 20
17
- }, c = {
18
- MIN_SPACING: 0,
19
- MAX_SPACING: 50,
20
- STEP: 5
21
- };
22
- function g(n, r) {
23
- return !n || !("getStyle" in n) ? null : n.getStyle(r);
24
- }
25
- function A(n) {
26
- return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
27
- }
28
- function m(n, r) {
29
- if (!n)
30
- return r;
31
- const e = parseFloat(n);
32
- return Number.isNaN(e) ? r : e;
33
- }
34
- class M extends _ {
35
- constructor() {
36
- super(...arguments);
37
- /**
38
- * Debounced version of _onColumnSpacingChange
39
- * Prevents excessive DOM updates when user rapidly adjusts the counter
40
- */
41
- S(this, "_debouncedOnColumnSpacingChange", d((e) => {
42
- this._onColumnSpacingChange(e);
43
- }, 300));
44
- /**
45
- * Debounced version of _onRowSpacingChange
46
- * Prevents excessive DOM updates when user rapidly adjusts the counter
47
- */
48
- S(this, "_debouncedOnRowSpacingChange", d((e) => {
49
- this._onRowSpacingChange(e);
50
- }, 300));
51
- }
52
- getId() {
53
- return f;
54
- }
55
- getTemplate() {
56
- return `
57
- <div class="spacing-control-container">
58
- ${this._GuTwoColumns([
59
- this._GuLabel({ text: "Column Spacing (px)" }),
60
- this._GuCounter({
61
- name: i.COLUMN_SPACING,
62
- minValue: c.MIN_SPACING,
63
- maxValue: c.MAX_SPACING,
64
- step: c.STEP
65
- }),
66
- this._GuLabel({ text: "Row Spacing (px)" }),
67
- this._GuCounter({
68
- name: i.ROW_SPACING,
69
- minValue: c.MIN_SPACING,
70
- maxValue: c.MAX_SPACING,
71
- step: c.STEP
72
- })
73
- ])}
74
- </div>
75
- `;
76
- }
77
- onRender() {
78
- this._setFormValues(), this._listenToFormUpdates();
79
- }
80
- onTemplateNodeUpdated(e) {
81
- super.onTemplateNodeUpdated(e), this._setFormValues();
82
- }
83
- /**
84
- * Reads spacing values from data attributes or returns defaults
85
- */
86
- _setFormValues() {
87
- const e = this._getStoredColumnSpacing(), t = this._getStoredRowSpacing();
88
- this.api.updateValues({
89
- [i.COLUMN_SPACING]: e,
90
- [i.ROW_SPACING]: t
91
- });
92
- }
93
- /**
94
- * Gets stored column spacing from the first product card wrapper's parent element's padding
95
- * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
96
- * so we extract the horizontal padding value and multiply by 2 to get total spacing.
97
- */
98
- _getStoredColumnSpacing() {
99
- if (!this.currentNode)
100
- return a.COLUMN_SPACING;
101
- const e = this.currentNode.querySelector(".product-card-wrapper"), t = A(e), o = g(t, "padding");
102
- if (!o)
103
- return a.COLUMN_SPACING;
104
- const s = o.trim().split(/\s+/);
105
- return s.length < 2 ? a.COLUMN_SPACING : m(s[1], a.COLUMN_SPACING / 2) * 2;
106
- }
107
- /**
108
- * Gets stored row spacing from the first spacer element's height style
109
- */
110
- _getStoredRowSpacing() {
111
- if (!this.currentNode)
112
- return a.ROW_SPACING;
113
- const e = this.currentNode.querySelector(".spacer"), t = g(e, "height");
114
- return m(t, a.ROW_SPACING);
115
- }
116
- /**
117
- * Handles column spacing changes
118
- * Applies horizontal padding to all product card wrappers
119
- */
120
- _onColumnSpacingChange(e) {
121
- if (!this.currentNode)
122
- return;
123
- this._storeColumnSpacing(e);
124
- const t = Array.from(
125
- this.currentNode.querySelectorAll(".product-card-wrapper")
126
- );
127
- if (!t)
128
- return;
129
- const o = this.api.getDocumentModifier(), u = `0 ${e / 2}px`;
130
- t.forEach((l) => {
131
- "parent" in l && l.parent() && o.modifyHtml(l.parent()).setStyle("padding", u);
132
- }), o.apply(new p(`Update column spacing to ${e}px`));
133
- }
134
- /**
135
- * Handles row spacing changes
136
- * Applies height to all spacer elements between product rows
137
- */
138
- _onRowSpacingChange(e) {
139
- if (!this.currentNode)
140
- return;
141
- this._storeRowSpacing(e);
142
- const t = Array.from(
143
- this.currentNode.querySelectorAll(".spacer")
144
- );
145
- if (!t.length)
146
- return;
147
- const o = this.api.getDocumentModifier(), s = `${e}px`;
148
- t.forEach((u) => {
149
- o.modifyHtml(u).setStyle("height", s);
150
- }), o.apply(new p(`Update row spacing to ${e}px`));
151
- }
152
- /**
153
- * Stores column spacing value in block data attribute
154
- */
155
- _storeColumnSpacing(e) {
156
- if (!this.currentNode)
157
- return;
158
- const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
159
- t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.COLUMN_SPACING, e.toString()).apply(new p("Store column spacing"));
160
- }
161
- /**
162
- * Stores row spacing value in block data attribute
163
- */
164
- _storeRowSpacing(e) {
165
- if (!this.currentNode)
166
- return;
167
- const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
168
- t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.ROW_SPACING, e.toString()).apply(new p("Store row spacing"));
169
- }
170
- _listenToFormUpdates() {
171
- this.api.onValueChanged(i.COLUMN_SPACING, (e) => {
172
- const t = parseInt(e);
173
- Number.isNaN(t) || this._debouncedOnColumnSpacingChange(t);
174
- }), this.api.onValueChanged(i.ROW_SPACING, (e) => {
175
- const t = parseInt(e);
176
- Number.isNaN(t) || this._debouncedOnRowSpacingChange(t);
177
- });
178
- }
179
- }
180
- export {
181
- f as SPACING_CONTROL_ID,
182
- M as SpacingControl
183
- };
@@ -1,25 +0,0 @@
1
- function a(n) {
2
- return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
3
- }
4
- function H(n, t) {
5
- if (!n)
6
- return t;
7
- const r = a(n);
8
- if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
9
- return t;
10
- const i = [], s = [];
11
- let o = r.trim();
12
- for (; ; ) {
13
- const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
14
- if (!u)
15
- break;
16
- const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
17
- if (!c.test(g))
18
- break;
19
- i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
20
- }
21
- return i.length > 0 ? i.join("") + t + s.join("") : t;
22
- }
23
- export {
24
- H as preserveTextStyles
25
- };
@@ -1,13 +0,0 @@
1
- /**
2
- * Block IDs used in the Recommendation Extension
3
- * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
4
- */
5
- export declare enum RecommendationBlockId {
6
- BUTTON = "recommendation-block-button",
7
- NAME = "recommendation-block-name",
8
- PRICE = "recommendation-block-price",
9
- OLD_PRICE = "recommendation-block-old-price",
10
- OMNIBUS_PRICE = "recommendation-block-omnibus-price",
11
- OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
12
- IMAGE = "recommendation-block-image"
13
- }
@@ -1,11 +0,0 @@
1
- /**
2
- * Recommendation Extension Constants
3
- *
4
- * This module re-exports all constants for the Recommendation extension.
5
- * Import from this file for cleaner imports.
6
- * @example
7
- * import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
8
- */
9
- export { RecommendationBlockId } from './blockIds';
10
- export { RecommendationControlId } from './controlIds';
11
- export { CONTAINER_SELECTOR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';
@@ -1,19 +0,0 @@
1
- /**
2
- * CSS selectors and data attributes used across the Recommendation extension
3
- */
4
- /**
5
- * Container selector for the product container element
6
- * Used across controls to target elements within the recommendation block
7
- */
8
- export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
9
- /**
10
- * Attribute type constants used in templates
11
- * These are used as keys in ElementRenderer and composition arrays
12
- */
13
- export declare const ATTR_PRODUCT_IMAGE = "productImage";
14
- export declare const ATTR_PRODUCT_NAME = "productName";
15
- export declare const ATTR_PRODUCT_PRICE = "productPrice";
16
- export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
17
- export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
18
- export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
19
- export declare const ATTR_PRODUCT_BUTTON = "productButton";
@@ -1,143 +0,0 @@
1
- /**
2
- * Button Element Controls
3
- *
4
- * Controls for styling the CTA button element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Button Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const ButtonControls: {
11
- readonly align: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly border: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderControlLabels | undefined;
29
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- readonly borderRadius: {
36
- new (): {
37
- getId(): string;
38
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
39
- getParentControlId(): string;
40
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderRadiusControlLabels | undefined;
41
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
42
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
43
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
44
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
45
- };
46
- };
47
- readonly color: {
48
- new (): {
49
- getId(): string;
50
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
51
- getParentControlId(): string;
52
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
53
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
54
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
55
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
56
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
57
- };
58
- };
59
- readonly fontFamily: {
60
- new (): {
61
- getId(): string;
62
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
63
- getParentControlId(): string;
64
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
65
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
66
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
67
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
68
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
69
- };
70
- };
71
- readonly margins: {
72
- new (): {
73
- getId(): string;
74
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
75
- getParentControlId(): string;
76
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
77
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
78
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
79
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
80
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
81
- };
82
- };
83
- readonly paddings: {
84
- new (): {
85
- getId(): string;
86
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
87
- getParentControlId(): string;
88
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
89
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
90
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
91
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
92
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
93
- };
94
- };
95
- readonly text: {
96
- new (): {
97
- getId(): string;
98
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
99
- getParentControlId(): string;
100
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
101
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
102
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
103
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
104
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
105
- };
106
- };
107
- readonly textSize: {
108
- new (): {
109
- getId(): string;
110
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
111
- getParentControlId(): string;
112
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
113
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
114
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
115
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
116
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
117
- };
118
- };
119
- readonly textStyleAndFontColor: {
120
- new (): {
121
- getId(): string;
122
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
123
- getParentControlId(): string;
124
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
125
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
126
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
127
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
128
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
129
- };
130
- };
131
- readonly fitToContent: {
132
- new (): {
133
- getId(): string;
134
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
135
- getParentControlId(): string;
136
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
137
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
138
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
139
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
140
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
141
- };
142
- };
143
- };
@@ -1,25 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- export declare const CARD_BACKGROUND_COLOR_CONTROL_ID = "recommendation-card-background-color-control";
4
- /**
5
- * Control for managing recommendation card background color
6
- * This control is displayed in the Styles tab
7
- */
8
- export declare class CardBackgroundColorControl extends CommonControl {
9
- getId(): string;
10
- getTemplate(): string;
11
- onRender(): void;
12
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
13
- _setFormValues(): void;
14
- /**
15
- * Reads the current background color from the first product card wrapper
16
- * @returns The background color value or 'transparent' if not found
17
- */
18
- _getCurrentCardBackgroundColor(): string;
19
- /**
20
- * Handles card background color changes
21
- * Applies the color to all product card wrapper elements
22
- */
23
- _onCardBackgroundColorChange(color: string): void;
24
- _listenToFormUpdates(): void;
25
- }
@@ -1,75 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
4
- export interface CardCompositionItem {
5
- key: string;
6
- label: string;
7
- visible: boolean;
8
- }
9
- export declare class RecommendationCardCompositionControl extends CommonControl {
10
- getId(): string;
11
- getTemplate(): string;
12
- onRender(): void;
13
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
14
- /**
15
- * Creates the HTML content for an orderable item with label and toggle
16
- */
17
- private _createItemContent;
18
- /**
19
- * Registers event listeners for composition and visibility changes
20
- */
21
- private _registerValueChangeListeners;
22
- /**
23
- * Initializes composition order and visibility state from the current node
24
- */
25
- private _initializeComposition;
26
- /**
27
- * Reads composition order from node's data-card-composition attribute
28
- * Falls back to default order if attribute is not present
29
- */
30
- private _readCompositionFromNode;
31
- /**
32
- * Builds visibility values object from the visibility map
33
- */
34
- private _buildVisibilityValues;
35
- /**
36
- * Read visibility state from individual row elements' data-visibility attributes
37
- * This ensures toggles reflect the actual DOM state
38
- */
39
- private _readVisibilityFromRows;
40
- /**
41
- * Returns default visibility values for all items
42
- */
43
- private _getDefaultVisibilities;
44
- /**
45
- * Extracts visibility values from DOM nodes
46
- */
47
- private _extractVisibilityFromRows;
48
- /**
49
- * Parses visibility value from string to boolean
50
- * Accepts "1", "true" as true, everything else as false
51
- */
52
- private _parseVisibilityValue;
53
- /**
54
- * Merges extracted visibilities with default values for missing keys
55
- */
56
- private _mergeWithDefaults;
57
- /**
58
- * Apply the reordered composition to the block's HTML structure
59
- * Updates the data-card-composition attribute and reorders product attributes
60
- */
61
- private _applyCompositionToBlock;
62
- /**
63
- * Reorders attribute rows within each product row based on composition order
64
- */
65
- private _reorderProductAttributes;
66
- /**
67
- * Builds HTML string with attributes ordered according to composition
68
- */
69
- private _buildCompositionHtml;
70
- /**
71
- * Apply visibility changes to the block's HTML structure
72
- * Updates display style and data-visibility attribute for all matching rows
73
- */
74
- private _applyVisibilityToBlock;
75
- }
@@ -1,35 +0,0 @@
1
- /**
2
- * Image Element Controls
3
- *
4
- * Controls for styling the product image element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Image Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const ImageControls: {
11
- readonly size: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly margins: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
29
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- };