@useinsider/guido 1.0.3-beta.c2cbb62 → 1.0.3-beta.c4d9021

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 (164) hide show
  1. package/README.md +0 -3
  2. package/dist/components/Guido.vue.js +1 -1
  3. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  4. package/dist/components/organisms/header/RightSlot.vue2.js +13 -13
  5. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +18 -20
  6. package/dist/composables/useActionsApi.js +1 -1
  7. package/dist/composables/useBlocksConfig.js +2 -1
  8. package/dist/composables/useHtmlCompiler.js +13 -15
  9. package/dist/composables/useHtmlValidator.js +35 -36
  10. package/dist/composables/useStripo.js +28 -32
  11. package/dist/enums/extensions/recommendationBlock.js +2 -2
  12. package/dist/enums/onboarding.js +3 -7
  13. package/dist/extensions/Blocks/Checkbox/block.js +2 -5
  14. package/dist/extensions/Blocks/Checkbox/control.js +14 -15
  15. package/dist/extensions/Blocks/Checkbox/template.js +9 -14
  16. package/dist/extensions/Blocks/RadioButton/block.js +2 -5
  17. package/dist/extensions/Blocks/RadioButton/control.js +17 -18
  18. package/dist/extensions/Blocks/RadioButton/template.js +9 -18
  19. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +43 -43
  20. package/dist/extensions/Blocks/Unsubscribe/block.js +41 -45
  21. package/dist/extensions/Blocks/common-control.js +110 -174
  22. package/dist/guido.css +1 -1
  23. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +168 -213
  24. package/dist/node_modules/lodash-es/_arrayLikeKeys.js +12 -13
  25. package/dist/node_modules/lodash-es/keysIn.js +3 -3
  26. package/dist/package.json.js +1 -1
  27. package/dist/services/recommendationApi.js +19 -13
  28. package/dist/src/enums/onboarding.d.ts +0 -4
  29. package/dist/src/extensions/Blocks/Checkbox/block.d.ts +0 -1
  30. package/dist/src/extensions/Blocks/Checkbox/template.d.ts +1 -1
  31. package/dist/src/extensions/Blocks/RadioButton/block.d.ts +0 -1
  32. package/dist/src/extensions/Blocks/RadioButton/template.d.ts +1 -1
  33. package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts +4 -3
  34. package/dist/src/extensions/Blocks/common-control.d.ts +7 -44
  35. package/dist/src/stores/onboarding.d.ts +0 -334
  36. package/dist/static/styles/customEditorStyle.css.js +1 -1
  37. package/dist/stores/onboarding.js +12 -20
  38. package/dist/utils/genericUtil.js +17 -16
  39. package/package.json +4 -6
  40. package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js +0 -21
  41. package/dist/components/organisms/onboarding/ItemsOnboarding.vue2.js +0 -99
  42. package/dist/config/compiler/itemsCompilerRules.js +0 -14
  43. package/dist/extensions/Blocks/Items/block.js +0 -67
  44. package/dist/extensions/Blocks/Items/controls/button/link.js +0 -68
  45. package/dist/extensions/Blocks/Items/controls/cardComposition.js +0 -193
  46. package/dist/extensions/Blocks/Items/controls/image/link.js +0 -68
  47. package/dist/extensions/Blocks/Items/controls/index.js +0 -217
  48. package/dist/extensions/Blocks/Items/controls/name/trimming.js +0 -70
  49. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +0 -107
  50. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +0 -123
  51. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +0 -76
  52. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +0 -61
  53. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +0 -92
  54. package/dist/extensions/Blocks/Items/controls/settingsControl.js +0 -316
  55. package/dist/extensions/Blocks/Items/enums/controlEnums.js +0 -5
  56. package/dist/extensions/Blocks/Items/enums/productEnums.js +0 -274
  57. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +0 -77
  58. package/dist/extensions/Blocks/Items/extension.js +0 -20
  59. package/dist/extensions/Blocks/Items/iconsRegistry.js +0 -32
  60. package/dist/extensions/Blocks/Items/items.css.js +0 -23
  61. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +0 -62
  62. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +0 -72
  63. package/dist/extensions/Blocks/Items/settingsPanel.js +0 -132
  64. package/dist/extensions/Blocks/Items/store/items-block.js +0 -75
  65. package/dist/extensions/Blocks/Items/template.js +0 -195
  66. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  67. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  68. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  69. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  70. package/dist/extensions/Blocks/controlFactories.js +0 -223
  71. package/dist/node_modules/lodash-es/_DataView.js +0 -6
  72. package/dist/node_modules/lodash-es/_Promise.js +0 -6
  73. package/dist/node_modules/lodash-es/_Set.js +0 -6
  74. package/dist/node_modules/lodash-es/_SetCache.js +0 -13
  75. package/dist/node_modules/lodash-es/_WeakMap.js +0 -6
  76. package/dist/node_modules/lodash-es/_arrayFilter.js +0 -10
  77. package/dist/node_modules/lodash-es/_arrayMap.js +0 -8
  78. package/dist/node_modules/lodash-es/_arrayPush.js +0 -8
  79. package/dist/node_modules/lodash-es/_arraySome.js +0 -9
  80. package/dist/node_modules/lodash-es/_baseEach.js +0 -6
  81. package/dist/node_modules/lodash-es/_baseFlatten.js +0 -13
  82. package/dist/node_modules/lodash-es/_baseForOwn.js +0 -8
  83. package/dist/node_modules/lodash-es/_baseGet.js +0 -11
  84. package/dist/node_modules/lodash-es/_baseGetAllKeys.js +0 -9
  85. package/dist/node_modules/lodash-es/_baseHasIn.js +0 -6
  86. package/dist/node_modules/lodash-es/_baseIsEqual.js +0 -8
  87. package/dist/node_modules/lodash-es/_baseIsEqualDeep.js +0 -32
  88. package/dist/node_modules/lodash-es/_baseIsMatch.js +0 -29
  89. package/dist/node_modules/lodash-es/_baseIteratee.js +0 -11
  90. package/dist/node_modules/lodash-es/_baseKeys.js +0 -14
  91. package/dist/node_modules/lodash-es/_baseMap.js +0 -11
  92. package/dist/node_modules/lodash-es/_baseMatches.js +0 -12
  93. package/dist/node_modules/lodash-es/_baseMatchesProperty.js +0 -17
  94. package/dist/node_modules/lodash-es/_baseProperty.js +0 -8
  95. package/dist/node_modules/lodash-es/_basePropertyDeep.js +0 -9
  96. package/dist/node_modules/lodash-es/_baseRange.js +0 -9
  97. package/dist/node_modules/lodash-es/_baseToString.js +0 -18
  98. package/dist/node_modules/lodash-es/_baseTrim.js +0 -8
  99. package/dist/node_modules/lodash-es/_cacheHas.js +0 -6
  100. package/dist/node_modules/lodash-es/_castPath.js +0 -10
  101. package/dist/node_modules/lodash-es/_createBaseEach.js +0 -15
  102. package/dist/node_modules/lodash-es/_createRange.js +0 -11
  103. package/dist/node_modules/lodash-es/_equalArrays.js +0 -40
  104. package/dist/node_modules/lodash-es/_equalByTag.js +0 -45
  105. package/dist/node_modules/lodash-es/_equalObjects.js +0 -36
  106. package/dist/node_modules/lodash-es/_getAllKeys.js +0 -9
  107. package/dist/node_modules/lodash-es/_getMatchData.js +0 -12
  108. package/dist/node_modules/lodash-es/_getSymbols.js +0 -10
  109. package/dist/node_modules/lodash-es/_getTag.js +0 -28
  110. package/dist/node_modules/lodash-es/_hasPath.js +0 -19
  111. package/dist/node_modules/lodash-es/_isFlattenable.js +0 -10
  112. package/dist/node_modules/lodash-es/_isKey.js +0 -12
  113. package/dist/node_modules/lodash-es/_isStrictComparable.js +0 -7
  114. package/dist/node_modules/lodash-es/_mapToArray.js +0 -9
  115. package/dist/node_modules/lodash-es/_matchesStrictComparable.js +0 -8
  116. package/dist/node_modules/lodash-es/_memoizeCapped.js +0 -11
  117. package/dist/node_modules/lodash-es/_nativeKeys.js +0 -5
  118. package/dist/node_modules/lodash-es/_setCacheAdd.js +0 -7
  119. package/dist/node_modules/lodash-es/_setCacheHas.js +0 -6
  120. package/dist/node_modules/lodash-es/_setToArray.js +0 -9
  121. package/dist/node_modules/lodash-es/_stringToPath.js +0 -10
  122. package/dist/node_modules/lodash-es/_toKey.js +0 -10
  123. package/dist/node_modules/lodash-es/_trimmedEndIndex.js +0 -9
  124. package/dist/node_modules/lodash-es/flatMap.js +0 -8
  125. package/dist/node_modules/lodash-es/get.js +0 -8
  126. package/dist/node_modules/lodash-es/hasIn.js +0 -8
  127. package/dist/node_modules/lodash-es/isSymbol.js +0 -9
  128. package/dist/node_modules/lodash-es/keys.js +0 -9
  129. package/dist/node_modules/lodash-es/map.js +0 -11
  130. package/dist/node_modules/lodash-es/property.js +0 -10
  131. package/dist/node_modules/lodash-es/range.js +0 -5
  132. package/dist/node_modules/lodash-es/stubArray.js +0 -6
  133. package/dist/node_modules/lodash-es/toFinite.js +0 -14
  134. package/dist/node_modules/lodash-es/toNumber.js +0 -22
  135. package/dist/node_modules/lodash-es/toString.js +0 -7
  136. package/dist/src/components/organisms/onboarding/ItemsOnboarding.vue.d.ts +0 -2
  137. package/dist/src/config/compiler/itemsCompilerRules.d.ts +0 -2
  138. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -27
  139. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -14
  140. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -33
  141. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -14
  142. package/dist/src/extensions/Blocks/Items/controls/index.d.ts +0 -501
  143. package/dist/src/extensions/Blocks/Items/controls/name/trimming.d.ts +0 -14
  144. package/dist/src/extensions/Blocks/Items/controls/price/currencyLocation.d.ts +0 -19
  145. package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts +0 -21
  146. package/dist/src/extensions/Blocks/Items/controls/price/formattedPrice.d.ts +0 -14
  147. package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts +0 -13
  148. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +0 -15
  149. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -48
  150. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -62
  151. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +0 -163
  152. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -50
  153. package/dist/src/extensions/Blocks/Items/extension.d.ts +0 -2
  154. package/dist/src/extensions/Blocks/Items/iconsRegistry.d.ts +0 -4
  155. package/dist/src/extensions/Blocks/Items/settingsPanel.d.ts +0 -4
  156. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -43
  157. package/dist/src/extensions/Blocks/Items/template.d.ts +0 -24
  158. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  159. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  160. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  161. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  162. package/dist/src/extensions/Blocks/controlFactories.d.ts +0 -312
  163. package/dist/src/utils/pairProductVariables.d.ts +0 -7
  164. package/dist/utils/pairProductVariables.js +0 -136
@@ -1,217 +0,0 @@
1
- import { createTextAlignControl as r, createTextColorControl as l, createTextSizeControl as e, createTextStyleControl as C, createTextFontFamilyControl as I, createTextBackgroundColorControl as T, createPaddingsControl as i, createImageSizeControl as c, createImageMarginsControl as N, createButtonAlignControl as a, createButtonBorderControl as s, createButtonBorderRadiusControl as A, createButtonColorControl as O, createButtonFontFamilyControl as _, createButtonMarginsControl as E, createButtonPaddingsControl as R, createButtonTextControl as B, createButtonTextSizeControl as P, createButtonTextStyleAndFontColorControl as g, createButtonFitToContainerControl as d } from "../../controlFactories.js";
2
- import { ItemsBlockId as o, ItemsBlockControlId as t } from "../enums/controlEnums.js";
3
- const n = ".items-block", u = a(
4
- t.BUTTON_ALIGN,
5
- o.BUTTON,
6
- n
7
- ), S = s(
8
- t.BUTTON_BORDER,
9
- o.BUTTON,
10
- n
11
- ), U = A(
12
- t.BUTTON_BORDER_RADIUS,
13
- o.BUTTON,
14
- n
15
- ), F = O(
16
- t.BUTTON_COLOR,
17
- o.BUTTON,
18
- n
19
- ), L = _(
20
- t.BUTTON_FONT_FAMILY,
21
- o.BUTTON,
22
- n
23
- ), m = E(
24
- t.BUTTON_MARGINS,
25
- o.BUTTON,
26
- n
27
- ), G = R(
28
- t.BUTTON_PADDINGS,
29
- o.BUTTON,
30
- n
31
- ), y = B(
32
- t.BUTTON_TEXT,
33
- o.BUTTON,
34
- n
35
- ), M = P(
36
- t.BUTTON_TEXT_SIZE,
37
- o.BUTTON,
38
- n
39
- ), Y = g(
40
- t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
41
- o.BUTTON,
42
- n
43
- ), Q = d(
44
- t.BUTTON_FIT_TO_CONTENT,
45
- o.BUTTON,
46
- n
47
- ), No = {
48
- align: u,
49
- border: S,
50
- borderRadius: U,
51
- color: F,
52
- fontFamily: L,
53
- margins: m,
54
- paddings: G,
55
- text: y,
56
- textSize: M,
57
- textStyleAndFontColor: Y,
58
- fitToContent: Q
59
- }, D = c(
60
- t.IMAGE_SIZE,
61
- o.IMAGE,
62
- n
63
- ), x = N(
64
- t.IMAGE_MARGINS,
65
- o.IMAGE,
66
- n
67
- ), ao = {
68
- size: D,
69
- margins: x
70
- }, z = r(
71
- t.ORIGINAL_PRICE_ALIGN,
72
- o.ORIGINAL_PRICE,
73
- n
74
- ), k = l(
75
- t.ORIGINAL_PRICE_COLOR,
76
- o.ORIGINAL_PRICE,
77
- n
78
- ), f = e(
79
- t.ORIGINAL_PRICE_SIZE,
80
- o.ORIGINAL_PRICE,
81
- n
82
- ), p = C(
83
- t.ORIGINAL_PRICE_STYLE,
84
- o.ORIGINAL_PRICE,
85
- n
86
- ), b = I(
87
- t.ORIGINAL_PRICE_FONT_FAMILY,
88
- o.ORIGINAL_PRICE,
89
- n
90
- ), Z = T(
91
- t.ORIGINAL_PRICE_BACKGROUND,
92
- o.ORIGINAL_PRICE,
93
- n
94
- ), K = i(
95
- t.ORIGINAL_PRICE_PADDINGS,
96
- o.ORIGINAL_PRICE,
97
- n
98
- ), so = {
99
- align: z,
100
- color: k,
101
- size: f,
102
- style: p,
103
- fontFamily: b,
104
- background: Z,
105
- paddings: K
106
- }, X = r(
107
- t.PRICE_ALIGN,
108
- o.PRICE,
109
- n
110
- ), h = l(
111
- t.PRICE_COLOR,
112
- o.PRICE,
113
- n
114
- ), j = e(
115
- t.PRICE_SIZE,
116
- o.PRICE,
117
- n
118
- ), q = C(
119
- t.PRICE_STYLE,
120
- o.PRICE,
121
- n
122
- ), v = I(
123
- t.PRICE_FONT_FAMILY,
124
- o.PRICE,
125
- n
126
- ), w = T(
127
- t.PRICE_BACKGROUND,
128
- o.PRICE,
129
- n
130
- ), H = i(
131
- t.PRICE_PADDINGS,
132
- o.PRICE,
133
- n
134
- ), Ao = {
135
- align: X,
136
- color: h,
137
- size: j,
138
- style: q,
139
- fontFamily: v,
140
- background: w,
141
- paddings: H
142
- }, J = r(
143
- t.NAME_ALIGN,
144
- o.NAME,
145
- n
146
- ), V = l(
147
- t.NAME_COLOR,
148
- o.NAME,
149
- n
150
- ), W = e(
151
- t.NAME_SIZE,
152
- o.NAME,
153
- n
154
- ), $ = C(
155
- t.NAME_STYLE,
156
- o.NAME,
157
- n
158
- ), oo = I(
159
- t.NAME_FONT_FAMILY,
160
- o.NAME,
161
- n
162
- ), to = T(
163
- t.NAME_BACKGROUND,
164
- o.NAME,
165
- n
166
- ), no = i(
167
- t.NAME_PADDINGS,
168
- o.NAME,
169
- n
170
- ), Oo = {
171
- align: J,
172
- color: V,
173
- size: W,
174
- style: $,
175
- fontFamily: oo,
176
- background: to,
177
- paddings: no
178
- }, ro = r(
179
- t.QUANTITY_ALIGN,
180
- o.QUANTITY,
181
- n
182
- ), lo = l(
183
- t.QUANTITY_COLOR,
184
- o.QUANTITY,
185
- n
186
- ), eo = I(
187
- t.QUANTITY_FONT_FAMILY,
188
- o.QUANTITY,
189
- n
190
- ), Co = i(
191
- t.QUANTITY_PADDINGS,
192
- o.QUANTITY,
193
- n
194
- ), Io = e(
195
- t.QUANTITY_SIZE,
196
- o.QUANTITY,
197
- n
198
- ), io = C(
199
- t.QUANTITY_STYLE,
200
- o.QUANTITY,
201
- n
202
- ), _o = {
203
- align: ro,
204
- color: lo,
205
- fontFamily: eo,
206
- paddings: Co,
207
- size: Io,
208
- style: io
209
- };
210
- export {
211
- No as ButtonControls,
212
- ao as ImageControls,
213
- Oo as NameControls,
214
- so as OriginalPriceControls,
215
- Ao as PriceControls,
216
- _o as QuantityControls
217
- };
@@ -1,70 +0,0 @@
1
- var d = Object.defineProperty;
2
- var h = (i, t, e) => t in i ? d(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
3
- var n = (i, t, e) => h(i, typeof t != "symbol" ? t + "" : t, e);
4
- import { ModificationDescription as a, UIElementType as l, UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as c } from "../../../common-control.js";
6
- import { ItemsBlockControlId as p } from "../../enums/controlEnums.js";
7
- import { SETTINGS_ENUMS as I } from "../../enums/settingsEnums.js";
8
- import { useItemsBlockStore as N } from "../../store/items-block.js";
9
- import { syncNameTrimmingFromAttributes as M } from "../../utils/syncAttributesFromConfigBlock.js";
10
- import { updateConfigBlockAttributes as u } from "../../utils/updateAttributes.js";
11
- const y = p.NAME_TRIMMING, o = {
12
- TRIMMING: "trimming"
13
- };
14
- class _ extends c {
15
- constructor() {
16
- super(...arguments);
17
- n(this, "store", N());
18
- }
19
- getId() {
20
- return y;
21
- }
22
- getTemplate() {
23
- return `
24
- <div class="${p.NAME_TRIMMING}">
25
- ${this._getTextTrimming()}
26
- </div>
27
- `;
28
- }
29
- onRender() {
30
- this.api.updateValues({ [o.TRIMMING]: this.store.nameTrimming }), this.api.onValueChanged(o.TRIMMING, (e) => {
31
- this._onTrimmingChange(e);
32
- });
33
- }
34
- onTemplateNodeUpdated(e) {
35
- super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
36
- () => M(this.currentNode),
37
- () => {
38
- this.api.updateValues({ [o.TRIMMING]: this.store.nameTrimming });
39
- }
40
- );
41
- }
42
- _onTrimmingChange(e) {
43
- this.store.setNameTrimming(e), u(this.currentNode, this.api), this.api.updateValues({ [o.TRIMMING]: e }), this._applyTrimmingStyles(e);
44
- }
45
- _applyTrimmingStyles(e) {
46
- var s;
47
- const r = (s = this.currentNode) == null ? void 0 : s.querySelector("p > a");
48
- if (!r)
49
- return;
50
- const T = e !== void 0 ? e : this.store.nameTrimming, m = this.store.orientation === I.ORIENTATION.VERTICAL;
51
- T ? this.api.getDocumentModifier().modifyHtml(r).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", m ? "130px" : "520px").apply(new a("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(r).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").setStyle("max-width", m ? "130px" : "520px").apply(new a("Text Trimming Disabled"));
52
- }
53
- _getTextTrimming() {
54
- return `
55
- <div class="container">
56
- <div class="display-flex align-items-center justify-content-between">
57
- <${l.LABEL}
58
- ${g.LABEL.text}="${this.api.translate("Text Trimming")}"
59
- >
60
- </${l.LABEL}>
61
- ${this._GuToggle(o.TRIMMING)}
62
- </div>
63
- </div>
64
- `;
65
- }
66
- }
67
- export {
68
- y as CONTROL_BLOCK_ID,
69
- _ as NameTrimmingControl
70
- };
@@ -1,107 +0,0 @@
1
- var L = Object.defineProperty;
2
- var R = (i, o, e) => o in i ? L(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
3
- var p = (i, o, e) => R(i, typeof o != "symbol" ? o + "" : o, e);
4
- import { currencyLocationMaps as m } from "../../../../../enums/extensions/recommendationBlock.js";
5
- import { UEAttr as N, ModificationDescription as I } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
6
- import { CommonControl as T } from "../../../common-control.js";
7
- import { ItemsBlockControlId as h } from "../../enums/controlEnums.js";
8
- import { useItemsBlockStore as E } from "../../store/items-block.js";
9
- import { syncCurrencyLocationFromAttributes as f } from "../../utils/syncAttributesFromConfigBlock.js";
10
- import { updateConfigBlockAttributes as O } from "../../utils/updateAttributes.js";
11
- const b = h.PRICE_CURRENCY_LOCATION, a = {
12
- CURRENCY_LOCATION: "currencyLocation"
13
- };
14
- class Y extends T {
15
- constructor() {
16
- super(...arguments);
17
- p(this, "store", E());
18
- }
19
- getId() {
20
- return b;
21
- }
22
- getTemplate() {
23
- return `
24
- <div class="${h.PRICE_CURRENCY_LOCATION}">
25
- ${this._getCurrencyLocation()}
26
- </div>
27
- `;
28
- }
29
- onRender() {
30
- this.api.setUIEAttribute(a.CURRENCY_LOCATION, N.SELECTPICKER.items, m), this.api.updateValues({ [a.CURRENCY_LOCATION]: this.store.currencyLocation }), this.api.onValueChanged(a.CURRENCY_LOCATION, (e) => {
31
- this._onCurrencyLocationChange(e);
32
- });
33
- }
34
- onTemplateNodeUpdated(e) {
35
- super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
36
- () => f(this.currentNode),
37
- () => {
38
- this.api.updateValues({ [a.CURRENCY_LOCATION]: this.store.currencyLocation });
39
- }
40
- );
41
- }
42
- _onCurrencyLocationChange(e) {
43
- if (console.debug("Currency location changed to: ", e), this.store.setCurrencyLocation(e), O(this.currentNode, this.api), !this.currentNode)
44
- return;
45
- const t = this._getPriceBlocks();
46
- if (!t || t.length === 0)
47
- return;
48
- const r = e || "0", { currencySymbol: n } = this.store;
49
- t.forEach((c) => {
50
- const s = this._getParagraph(c);
51
- if (!s)
52
- return;
53
- const u = s.getInnerHTML() || "", l = s.getInnerText() || "", C = (n == null ? void 0 : n.trim()) || "", d = this._removeCurrencySymbol(l, C), g = this._detectSymbolInText(l) || C, _ = this._buildPriceContent(d, g, r), y = u.replace(l, _);
54
- this.api.getDocumentModifier().modifyHtml(s).setInnerHtml(y).apply(new I(
55
- `Updated currency location to ${r === "1" ? "after" : "before"}`
56
- ));
57
- });
58
- }
59
- _getPriceBlocks() {
60
- var e, t;
61
- return ((t = (e = this.currentNode) == null ? void 0 : e.closest(".items-block")) == null ? void 0 : t.querySelectorAll(".items-block-price")) || [];
62
- }
63
- _getParagraph(e) {
64
- return e.querySelector("p");
65
- }
66
- _escapeRegex(e) {
67
- return e.replace(/[-\\^$*+?().|[\]{}]/g, "\\$&");
68
- }
69
- _removeCurrencySymbol(e, t) {
70
- const r = e || "";
71
- let n = r;
72
- if (t) {
73
- const c = new RegExp(`\\s*${this._escapeRegex(t)}\\s*`);
74
- n = r.replace(c, "").trim();
75
- } else {
76
- const c = r.match(/([^0-9.,\s]+)/);
77
- if (c && c[1]) {
78
- const s = c[1].trim(), u = new RegExp(`\\s*${this._escapeRegex(s)}\\s*`);
79
- n = r.replace(u, "").trim();
80
- }
81
- }
82
- return n;
83
- }
84
- _detectSymbolInText(e) {
85
- const t = e.match(/([^0-9.,\s]+)/);
86
- return t && t[1] ? t[1].trim() : "";
87
- }
88
- _buildPriceContent(e, t, r) {
89
- return t ? r === "1" ? `${e}&nbsp;${t}` : `${t}&nbsp;${e}` : e;
90
- }
91
- _getCurrencyLocation() {
92
- return `
93
- ${this._GuTwoColumns([
94
- this._GuLabel({ text: "Currency Location" }),
95
- this._GuSelect({
96
- name: a.CURRENCY_LOCATION,
97
- placeholder: "",
98
- options: m
99
- })
100
- ])}
101
- `;
102
- }
103
- }
104
- export {
105
- b as CONTROL_BLOCK_ID,
106
- Y as PriceCurrencyLocationControl
107
- };
@@ -1,123 +0,0 @@
1
- var S = Object.defineProperty;
2
- var _ = (c, s, e) => s in c ? S(c, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[s] = e;
3
- var u = (c, s, e) => _(c, typeof s != "symbol" ? s + "" : s, e);
4
- import { ModificationDescription as b } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as R } from "../../../common-control.js";
6
- import { ItemsBlockControlId as h } from "../../enums/controlEnums.js";
7
- import { useItemsBlockStore as f } from "../../store/items-block.js";
8
- import { syncCurrencySymbolFromAttributes as N } from "../../utils/syncAttributesFromConfigBlock.js";
9
- import { updateConfigBlockAttributes as B } from "../../utils/updateAttributes.js";
10
- const E = h.PRICE_CURRENCY_SYMBOL, m = {
11
- CURRENCY_SYMBOL: "currencySymbol"
12
- };
13
- class P extends R {
14
- constructor() {
15
- super(...arguments);
16
- u(this, "store", f());
17
- u(this, "originalPriceContents", /* @__PURE__ */ new Map());
18
- }
19
- getId() {
20
- return E;
21
- }
22
- getTemplate() {
23
- return `
24
- <div class="${h.PRICE_CURRENCY_SYMBOL}">
25
- ${this._getCurrencySymbol()}
26
- </div>
27
- `;
28
- }
29
- onRender() {
30
- this.api.updateValues({ [m.CURRENCY_SYMBOL]: this.store.currencySymbol }), this._storeOriginalContents(), this.api.onValueChanged(m.CURRENCY_SYMBOL, (e) => {
31
- this._onCurrencySymbolChange(e);
32
- });
33
- }
34
- onDestroy() {
35
- super.onDestroy(), this.originalPriceContents.clear();
36
- }
37
- onTemplateNodeUpdated(e) {
38
- super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
39
- () => N(this.currentNode),
40
- () => {
41
- this.api.updateValues({ [m.CURRENCY_SYMBOL]: this.store.currencySymbol }), this._storeOriginalContents();
42
- }
43
- );
44
- }
45
- _onCurrencySymbolChange(e) {
46
- var i;
47
- console.debug("Currency symbol changed to: ", e);
48
- const r = ((i = this.store.currencySymbol) == null ? void 0 : i.trim()) || "";
49
- if (this.store.setCurrencySymbol(e), B(this.currentNode, this.api), !this.currentNode)
50
- return;
51
- const t = this._getPriceBlocks();
52
- if (!t || t.length === 0)
53
- return;
54
- const o = (e == null ? void 0 : e.trim()) || "", { currencyLocation: n } = this.store;
55
- t.forEach((l) => {
56
- const a = this._getParagraph(l);
57
- if (!a)
58
- return;
59
- const y = a.getInnerHTML() || "", p = a.getInnerText() || "", C = this._removeCurrencySymbol(p, r), g = this._buildPriceContent(C, o, n), d = y.replace(p, g);
60
- this.api.getDocumentModifier().modifyHtml(a).setInnerHtml(d).apply(new b(
61
- `Updated currency symbol to ${o || "removed"}`
62
- ));
63
- });
64
- }
65
- _storeOriginalContents() {
66
- if (!this.currentNode)
67
- return;
68
- this.currentNode.querySelectorAll(
69
- ".items-block-price"
70
- ).forEach((r) => {
71
- var o;
72
- const t = r.querySelector("p");
73
- if (t && !this.originalPriceContents.has(t)) {
74
- const n = t.getInnerText() || "", i = ((o = this.store.currencySymbol) == null ? void 0 : o.trim()) || "", l = this._removeCurrencySymbol(n, i);
75
- this.originalPriceContents.set(t, l);
76
- }
77
- });
78
- }
79
- _getPriceBlocks() {
80
- var e, r;
81
- return ((r = (e = this.currentNode) == null ? void 0 : e.closest(".items-block")) == null ? void 0 : r.querySelectorAll(".items-block-price")) || [];
82
- }
83
- _getParagraph(e) {
84
- return e.querySelector("p");
85
- }
86
- _escapeRegex(e) {
87
- return e.replace(/[-\\^$*+?().|[\]{}]/g, "\\$&");
88
- }
89
- _removeCurrencySymbol(e, r) {
90
- const t = e || "";
91
- let o = t;
92
- if (r) {
93
- const n = new RegExp(`\\s*${this._escapeRegex(r)}\\s*`);
94
- o = t.replace(n, "").trim();
95
- } else {
96
- const n = t.match(/([^0-9.,\s]+)/);
97
- if (n && n[1]) {
98
- const i = n[1].trim(), l = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
99
- o = t.replace(l, "").trim();
100
- }
101
- }
102
- return o;
103
- }
104
- _buildPriceContent(e, r, t) {
105
- return r ? t === "1" ? `${e}&nbsp;${r}` : `${r}&nbsp;${e}` : e;
106
- }
107
- _getCurrencySymbol() {
108
- return `
109
- ${this._GuTwoColumns([
110
- this._GuLabel({ text: "Currency Symbol" }),
111
- this._GuTextInput({
112
- name: m.CURRENCY_SYMBOL,
113
- placeholder: "Enter Currency Symbol",
114
- className: "es-180w"
115
- })
116
- ])}
117
- `;
118
- }
119
- }
120
- export {
121
- E as CONTROL_BLOCK_ID,
122
- P as PriceCurrencySymbolControl
123
- };
@@ -1,76 +0,0 @@
1
- var _ = Object.defineProperty;
2
- var I = (r, e, t) => e in r ? _(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
3
- var P = (r, e, t) => I(r, typeof e != "symbol" ? e + "" : e, t);
4
- import { ModificationDescription as F, UIElementType as m, UEAttr as C } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as h } from "../../../common-control.js";
6
- import { ItemsBlockControlId as l, ItemsBlockId as A } from "../../enums/controlEnums.js";
7
- import { productPairs as T } from "../../enums/productEnums.js";
8
- import { useItemsBlockStore as u } from "../../store/items-block.js";
9
- import { syncFormattedPriceFromAttributes as g } from "../../utils/syncAttributesFromConfigBlock.js";
10
- import { updateConfigBlockAttributes as D } from "../../utils/updateAttributes.js";
11
- const f = l.PRICE_FORMATTED_PRICE, n = {
12
- FORMATTED_PRICE: "formattedPrice"
13
- };
14
- class y extends h {
15
- constructor() {
16
- super(...arguments);
17
- P(this, "store", u());
18
- }
19
- getId() {
20
- return f;
21
- }
22
- getTemplate() {
23
- return `
24
- <div class="${l.PRICE_FORMATTED_PRICE}">
25
- ${this._getFormattedPrice()}
26
- </div>
27
- `;
28
- }
29
- onRender() {
30
- this.api.updateValues({ [n.FORMATTED_PRICE]: this.store.formattedPrice }), this.api.onValueChanged(n.FORMATTED_PRICE, (t) => {
31
- this._onFormattedPriceChange(t);
32
- });
33
- }
34
- onTemplateNodeUpdated(t) {
35
- super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(
36
- () => g(this.currentNode),
37
- () => {
38
- this.api.updateValues({ [n.FORMATTED_PRICE]: this.store.formattedPrice });
39
- }
40
- );
41
- }
42
- _onFormattedPriceChange(t) {
43
- if (console.debug("Formatted price changed to: ", t), this.store.setFormattedPrice(t), D(this.currentNode, this.api), !this.currentNode)
44
- return;
45
- const { itemsType: s } = this.store, i = T.PAIRS_FOR_EXTENSION.price[s], o = T.PAIRS_FOR_EXTENSION.originalPrice[s], [c, a] = t ? [i.DEFAULT_PRICE, i.DEFAULT_PRICE_FORMATTED] : [i.DEFAULT_PRICE_FORMATTED, i.DEFAULT_PRICE], [p, R] = t ? [o.DEFAULT_PRICE, o.DEFAULT_PRICE_FORMATTED] : [o.DEFAULT_PRICE_FORMATTED, o.DEFAULT_PRICE];
46
- this._updatePriceBlock(
47
- this.currentNode,
48
- c,
49
- a,
50
- "price"
51
- );
52
- const d = this.currentNode.closest(".items-block"), E = d == null ? void 0 : d.querySelector(`[esd-extension-block-id="${A.ORIGINAL_PRICE}"]`);
53
- E && this._updatePriceBlock(E, p, R, "original price");
54
- }
55
- _updatePriceBlock(t, s, i, o) {
56
- const c = t.getInnerHTML().replace(s, i), a = `Updated ${o} to ${this.store.formattedPrice ? "formatted" : "unformatted"}`;
57
- this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(c).apply(new F(a));
58
- }
59
- _getFormattedPrice() {
60
- return `
61
- <div class="container">
62
- <div class="display-flex align-items-center justify-content-between">
63
- <${m.LABEL}
64
- ${C.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
65
- >
66
- </${m.LABEL}>
67
- ${this._GuToggle(n.FORMATTED_PRICE)}
68
- </div>
69
- </div>
70
- `;
71
- }
72
- }
73
- export {
74
- f as CONTROL_BLOCK_ID,
75
- y as PriceFormattedPriceControl
76
- };
@@ -1,61 +0,0 @@
1
- var d = Object.defineProperty;
2
- var a = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
3
- var o = (i, e, t) => a(i, typeof e != "symbol" ? e + "" : e, t);
4
- import { UIElementType as n, UEAttr as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as u } from "../../../common-control.js";
6
- import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
7
- import { useItemsBlockStore as D } from "../../store/items-block.js";
8
- import { syncHideDiscountFromAttributes as p } from "../../utils/syncAttributesFromConfigBlock.js";
9
- import { updateConfigBlockAttributes as I } from "../../utils/updateAttributes.js";
10
- const l = r.PRICE_HIDE_DISCOUNT, s = {
11
- HIDE_DISCOUNT: "hideDiscount"
12
- };
13
- class N extends u {
14
- constructor() {
15
- super(...arguments);
16
- o(this, "store", D());
17
- }
18
- getId() {
19
- return l;
20
- }
21
- getTemplate() {
22
- return `
23
- <div class="${r.PRICE_HIDE_DISCOUNT}">
24
- ${this._getHideDiscount()}
25
- </div>
26
- `;
27
- }
28
- onRender() {
29
- this.api.updateValues({ [s.HIDE_DISCOUNT]: this.store.hideDiscount }), this.api.onValueChanged(s.HIDE_DISCOUNT, (t) => {
30
- this._onHideDiscountChange(t);
31
- });
32
- }
33
- onTemplateNodeUpdated(t) {
34
- super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(
35
- () => p(this.currentNode),
36
- () => {
37
- this.api.updateValues({ [s.HIDE_DISCOUNT]: this.store.hideDiscount });
38
- }
39
- );
40
- }
41
- _onHideDiscountChange(t) {
42
- this.store.setHideDiscount(t), I(this.currentNode, this.api), this.api.updateValues({ [s.HIDE_DISCOUNT]: t });
43
- }
44
- _getHideDiscount() {
45
- return `
46
- <div class="container">
47
- <div class="display-flex align-items-center justify-content-between">
48
- <${n.LABEL}
49
- ${c.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
50
- >
51
- </${n.LABEL}>
52
- ${this._GuToggle(s.HIDE_DISCOUNT)}
53
- </div>
54
- </div>
55
- `;
56
- }
57
- }
58
- export {
59
- l as CONTROL_BLOCK_ID,
60
- N as PriceHideDiscountControl
61
- };