@useinsider/guido 1.0.3-beta.df886ce → 1.0.3-beta.dfb1fcf

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 (269) 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 +12 -12
  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/cardCompositionControl.js +158 -68
  20. package/dist/extensions/Blocks/Recommendation/constants.js +10 -1
  21. package/dist/extensions/Blocks/Recommendation/control.js +74 -59
  22. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +68 -0
  23. package/dist/extensions/Blocks/Recommendation/controls/index.js +272 -0
  24. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +74 -0
  25. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js +71 -0
  26. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js +71 -0
  27. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js +71 -0
  28. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js +71 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/priceHideControl.js +60 -0
  30. package/dist/extensions/Blocks/Recommendation/controls/priceInlineLayoutControl.js +160 -0
  31. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +188 -0
  32. package/dist/extensions/Blocks/Recommendation/extension.js +16 -40
  33. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +43 -43
  34. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +124 -71
  35. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +89 -65
  36. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +56 -19
  37. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +74 -45
  38. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +25 -0
  39. package/dist/extensions/Blocks/Unsubscribe/block.js +41 -45
  40. package/dist/extensions/Blocks/common-control.js +110 -174
  41. package/dist/extensions/Blocks/controlFactories.js +62 -51
  42. package/dist/guido.css +1 -1
  43. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +157 -197
  44. package/dist/node_modules/lodash-es/_arrayLikeKeys.js +12 -13
  45. package/dist/node_modules/lodash-es/keysIn.js +3 -3
  46. package/dist/package.json.js +1 -1
  47. package/dist/services/recommendationApi.js +19 -13
  48. package/dist/src/enums/onboarding.d.ts +0 -4
  49. package/dist/src/extensions/Blocks/Checkbox/block.d.ts +0 -1
  50. package/dist/src/extensions/Blocks/Checkbox/template.d.ts +1 -1
  51. package/dist/src/extensions/Blocks/RadioButton/block.d.ts +0 -1
  52. package/dist/src/extensions/Blocks/RadioButton/template.d.ts +1 -1
  53. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +54 -3
  54. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +41 -1
  55. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +5 -2
  56. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +25 -0
  57. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +71 -0
  58. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +16 -0
  59. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +15 -0
  60. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +15 -0
  61. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +15 -0
  62. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +15 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/priceHideControl.d.ts +16 -0
  64. package/dist/src/extensions/Blocks/Recommendation/controls/priceInlineLayoutControl.d.ts +50 -0
  65. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +60 -0
  66. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  67. package/dist/src/extensions/Blocks/Recommendation/templates/migrationTemplate.d.ts +1 -1
  68. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +15 -7
  69. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +19 -0
  70. package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts +4 -3
  71. package/dist/src/extensions/Blocks/common-control.d.ts +7 -44
  72. package/dist/src/extensions/Blocks/controlFactories.d.ts +24 -241
  73. package/dist/src/stores/onboarding.d.ts +0 -334
  74. package/dist/static/styles/components/wide-panel.css.js +0 -4
  75. package/dist/static/styles/customEditorStyle.css.js +15 -1
  76. package/dist/stores/onboarding.js +12 -20
  77. package/dist/utils/genericUtil.js +17 -16
  78. package/package.json +4 -6
  79. package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js +0 -21
  80. package/dist/components/organisms/onboarding/ItemsOnboarding.vue2.js +0 -99
  81. package/dist/config/compiler/itemsCompilerRules.js +0 -14
  82. package/dist/extensions/Blocks/Items/block.js +0 -67
  83. package/dist/extensions/Blocks/Items/controls/button/link.js +0 -68
  84. package/dist/extensions/Blocks/Items/controls/cardComposition.js +0 -193
  85. package/dist/extensions/Blocks/Items/controls/image/link.js +0 -68
  86. package/dist/extensions/Blocks/Items/controls/index.js +0 -217
  87. package/dist/extensions/Blocks/Items/controls/name/trimming.js +0 -70
  88. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +0 -107
  89. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +0 -123
  90. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +0 -76
  91. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +0 -61
  92. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +0 -92
  93. package/dist/extensions/Blocks/Items/controls/settingsControl.js +0 -316
  94. package/dist/extensions/Blocks/Items/enums/controlEnums.js +0 -5
  95. package/dist/extensions/Blocks/Items/enums/productEnums.js +0 -274
  96. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +0 -77
  97. package/dist/extensions/Blocks/Items/extension.js +0 -20
  98. package/dist/extensions/Blocks/Items/iconsRegistry.js +0 -32
  99. package/dist/extensions/Blocks/Items/items.css.js +0 -23
  100. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +0 -62
  101. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +0 -72
  102. package/dist/extensions/Blocks/Items/settingsPanel.js +0 -132
  103. package/dist/extensions/Blocks/Items/store/items-block.js +0 -75
  104. package/dist/extensions/Blocks/Items/template.js +0 -195
  105. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  106. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  107. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  108. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  109. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +0 -13
  110. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +0 -13
  111. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +0 -13
  112. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +0 -13
  113. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +0 -13
  114. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +0 -13
  115. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +0 -13
  116. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +0 -13
  117. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +0 -13
  118. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +0 -13
  119. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +0 -13
  120. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +0 -13
  121. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +0 -13
  122. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +0 -13
  123. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +0 -13
  124. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +0 -13
  125. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +0 -13
  126. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +0 -13
  127. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +0 -13
  128. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +0 -13
  129. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +0 -13
  130. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +0 -13
  131. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +0 -13
  132. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +0 -13
  133. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +0 -13
  134. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +0 -13
  135. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +0 -13
  136. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +0 -13
  137. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +0 -13
  138. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +0 -13
  139. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +0 -13
  140. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +0 -13
  141. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +0 -13
  142. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +0 -13
  143. package/dist/node_modules/lodash-es/_DataView.js +0 -6
  144. package/dist/node_modules/lodash-es/_Promise.js +0 -6
  145. package/dist/node_modules/lodash-es/_Set.js +0 -6
  146. package/dist/node_modules/lodash-es/_SetCache.js +0 -13
  147. package/dist/node_modules/lodash-es/_WeakMap.js +0 -6
  148. package/dist/node_modules/lodash-es/_arrayFilter.js +0 -10
  149. package/dist/node_modules/lodash-es/_arrayMap.js +0 -8
  150. package/dist/node_modules/lodash-es/_arrayPush.js +0 -8
  151. package/dist/node_modules/lodash-es/_arraySome.js +0 -9
  152. package/dist/node_modules/lodash-es/_baseEach.js +0 -6
  153. package/dist/node_modules/lodash-es/_baseFlatten.js +0 -13
  154. package/dist/node_modules/lodash-es/_baseForOwn.js +0 -8
  155. package/dist/node_modules/lodash-es/_baseGet.js +0 -11
  156. package/dist/node_modules/lodash-es/_baseGetAllKeys.js +0 -9
  157. package/dist/node_modules/lodash-es/_baseHasIn.js +0 -6
  158. package/dist/node_modules/lodash-es/_baseIsEqual.js +0 -8
  159. package/dist/node_modules/lodash-es/_baseIsEqualDeep.js +0 -32
  160. package/dist/node_modules/lodash-es/_baseIsMatch.js +0 -29
  161. package/dist/node_modules/lodash-es/_baseIteratee.js +0 -11
  162. package/dist/node_modules/lodash-es/_baseKeys.js +0 -14
  163. package/dist/node_modules/lodash-es/_baseMap.js +0 -11
  164. package/dist/node_modules/lodash-es/_baseMatches.js +0 -12
  165. package/dist/node_modules/lodash-es/_baseMatchesProperty.js +0 -17
  166. package/dist/node_modules/lodash-es/_baseProperty.js +0 -8
  167. package/dist/node_modules/lodash-es/_basePropertyDeep.js +0 -9
  168. package/dist/node_modules/lodash-es/_baseRange.js +0 -9
  169. package/dist/node_modules/lodash-es/_baseToString.js +0 -18
  170. package/dist/node_modules/lodash-es/_baseTrim.js +0 -8
  171. package/dist/node_modules/lodash-es/_cacheHas.js +0 -6
  172. package/dist/node_modules/lodash-es/_castPath.js +0 -10
  173. package/dist/node_modules/lodash-es/_createBaseEach.js +0 -15
  174. package/dist/node_modules/lodash-es/_createRange.js +0 -11
  175. package/dist/node_modules/lodash-es/_equalArrays.js +0 -40
  176. package/dist/node_modules/lodash-es/_equalByTag.js +0 -45
  177. package/dist/node_modules/lodash-es/_equalObjects.js +0 -36
  178. package/dist/node_modules/lodash-es/_getAllKeys.js +0 -9
  179. package/dist/node_modules/lodash-es/_getMatchData.js +0 -12
  180. package/dist/node_modules/lodash-es/_getSymbols.js +0 -10
  181. package/dist/node_modules/lodash-es/_getTag.js +0 -28
  182. package/dist/node_modules/lodash-es/_hasPath.js +0 -19
  183. package/dist/node_modules/lodash-es/_isFlattenable.js +0 -10
  184. package/dist/node_modules/lodash-es/_isKey.js +0 -12
  185. package/dist/node_modules/lodash-es/_isStrictComparable.js +0 -7
  186. package/dist/node_modules/lodash-es/_mapToArray.js +0 -9
  187. package/dist/node_modules/lodash-es/_matchesStrictComparable.js +0 -8
  188. package/dist/node_modules/lodash-es/_memoizeCapped.js +0 -11
  189. package/dist/node_modules/lodash-es/_nativeKeys.js +0 -5
  190. package/dist/node_modules/lodash-es/_setCacheAdd.js +0 -7
  191. package/dist/node_modules/lodash-es/_setCacheHas.js +0 -6
  192. package/dist/node_modules/lodash-es/_setToArray.js +0 -9
  193. package/dist/node_modules/lodash-es/_stringToPath.js +0 -10
  194. package/dist/node_modules/lodash-es/_toKey.js +0 -10
  195. package/dist/node_modules/lodash-es/_trimmedEndIndex.js +0 -9
  196. package/dist/node_modules/lodash-es/flatMap.js +0 -8
  197. package/dist/node_modules/lodash-es/get.js +0 -8
  198. package/dist/node_modules/lodash-es/hasIn.js +0 -8
  199. package/dist/node_modules/lodash-es/isSymbol.js +0 -9
  200. package/dist/node_modules/lodash-es/keys.js +0 -9
  201. package/dist/node_modules/lodash-es/map.js +0 -11
  202. package/dist/node_modules/lodash-es/property.js +0 -10
  203. package/dist/node_modules/lodash-es/range.js +0 -5
  204. package/dist/node_modules/lodash-es/stubArray.js +0 -6
  205. package/dist/node_modules/lodash-es/toFinite.js +0 -14
  206. package/dist/node_modules/lodash-es/toNumber.js +0 -22
  207. package/dist/node_modules/lodash-es/toString.js +0 -7
  208. package/dist/src/components/organisms/onboarding/ItemsOnboarding.vue.d.ts +0 -2
  209. package/dist/src/config/compiler/itemsCompilerRules.d.ts +0 -2
  210. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -27
  211. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -14
  212. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -33
  213. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -14
  214. package/dist/src/extensions/Blocks/Items/controls/index.d.ts +0 -501
  215. package/dist/src/extensions/Blocks/Items/controls/name/trimming.d.ts +0 -14
  216. package/dist/src/extensions/Blocks/Items/controls/price/currencyLocation.d.ts +0 -19
  217. package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts +0 -21
  218. package/dist/src/extensions/Blocks/Items/controls/price/formattedPrice.d.ts +0 -14
  219. package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts +0 -13
  220. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +0 -15
  221. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -48
  222. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -62
  223. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +0 -163
  224. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -50
  225. package/dist/src/extensions/Blocks/Items/extension.d.ts +0 -2
  226. package/dist/src/extensions/Blocks/Items/iconsRegistry.d.ts +0 -4
  227. package/dist/src/extensions/Blocks/Items/settingsPanel.d.ts +0 -4
  228. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -43
  229. package/dist/src/extensions/Blocks/Items/template.d.ts +0 -24
  230. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  231. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  232. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  233. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  234. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +0 -5
  235. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +0 -5
  236. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +0 -5
  237. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +0 -5
  238. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +0 -5
  239. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +0 -5
  240. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +0 -5
  241. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +0 -5
  242. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +0 -5
  243. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +0 -5
  244. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +0 -5
  245. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +0 -5
  246. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +0 -5
  247. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +0 -5
  248. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +0 -5
  249. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +0 -5
  250. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +0 -5
  251. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +0 -5
  252. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +0 -5
  253. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +0 -5
  254. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +0 -5
  255. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +0 -5
  256. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +0 -5
  257. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +0 -5
  258. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +0 -5
  259. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +0 -5
  260. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +0 -5
  261. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +0 -5
  262. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +0 -5
  263. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +0 -5
  264. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +0 -5
  265. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +0 -5
  266. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +0 -5
  267. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +0 -5
  268. package/dist/src/utils/pairProductVariables.d.ts +0 -7
  269. package/dist/utils/pairProductVariables.js +0 -136
@@ -0,0 +1,68 @@
1
+ import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as d } from "../../common-control.js";
3
+ const c = "recommendation-card-background-color-control", o = {
4
+ CARD_BACKGROUND_COLOR: "cardBackgroundColor"
5
+ };
6
+ class u extends d {
7
+ getId() {
8
+ return c;
9
+ }
10
+ getTemplate() {
11
+ return `
12
+ <div class="card-bg-control-container">
13
+ ${this._GuTwoColumns([
14
+ this._GuLabel({ text: "Card Background Color" }),
15
+ this._GuColorPicker(o.CARD_BACKGROUND_COLOR)
16
+ ])}
17
+ </div>
18
+ `;
19
+ }
20
+ onRender() {
21
+ this._setFormValues(), this._listenToFormUpdates();
22
+ }
23
+ onTemplateNodeUpdated(r) {
24
+ super.onTemplateNodeUpdated(r), this._setFormValues();
25
+ }
26
+ _setFormValues() {
27
+ const r = this._getCurrentCardBackgroundColor();
28
+ this.api.updateValues({
29
+ [o.CARD_BACKGROUND_COLOR]: r
30
+ });
31
+ }
32
+ /**
33
+ * Reads the current background color from the first product card wrapper
34
+ * @returns The background color value or 'transparent' if not found
35
+ */
36
+ _getCurrentCardBackgroundColor() {
37
+ if (!this.currentNode || !("querySelectorAll" in this.currentNode))
38
+ return "transparent";
39
+ const r = this.currentNode.querySelector(".product-card-wrapper");
40
+ return !r || !("getStyle" in r) ? "transparent" : r.getStyle("background-color") || "transparent";
41
+ }
42
+ /**
43
+ * Handles card background color changes
44
+ * Applies the color to all product card wrapper elements
45
+ */
46
+ _onCardBackgroundColorChange(r) {
47
+ if (!this.currentNode || !("querySelectorAll" in this.currentNode))
48
+ return;
49
+ const e = Array.from(
50
+ this.currentNode.querySelectorAll(".product-card-wrapper")
51
+ );
52
+ if (e.length === 0)
53
+ return;
54
+ const t = this.api.getDocumentModifier();
55
+ e.forEach((n) => {
56
+ t.modifyHtml(n).setStyle("background-color", r);
57
+ }), t.apply(new a("Update card background color"));
58
+ }
59
+ _listenToFormUpdates() {
60
+ this.api.onValueChanged(o.CARD_BACKGROUND_COLOR, (r) => {
61
+ this._onCardBackgroundColorChange(r);
62
+ });
63
+ }
64
+ }
65
+ export {
66
+ c as CARD_BACKGROUND_COLOR_CONTROL_ID,
67
+ u as CardBackgroundColorControl
68
+ };
@@ -0,0 +1,272 @@
1
+ import { createButtonAlignControl as _, createButtonBorderControl as i, createButtonBorderRadiusControl as S, createButtonColorControl as T, createButtonFitToContainerControl as E, createButtonFontFamilyControl as B, createButtonMarginsControl as s, createButtonPaddingsControl as P, createButtonTextControl as U, createButtonTextSizeControl as a, createButtonTextStyleAndFontColorControl as R, createImageMarginsControl as M, createImageSizeControl as A, createTextAlignControl as C, createTextBackgroundColorControl as r, createTextColorControl as I, createTextFontFamilyControl as O, createTextLineSpacingControl as N, createPaddingsControl as e, createTextSizeControl as c, createTextStyleControl as l } from "../../controlFactories.js";
2
+ import { RecommendationBlockId as o, RecommendationControlId as t } from "../constants.js";
3
+ import { PriceInlineLayoutControl as mo } from "./priceInlineLayoutControl.js";
4
+ const n = ".ins-recommendation-product-container", L = C(
5
+ t.NAME_ALIGN,
6
+ o.NAME,
7
+ n
8
+ ), m = I(
9
+ t.NAME_COLOR,
10
+ o.NAME,
11
+ n
12
+ ), d = c(
13
+ t.NAME_SIZE,
14
+ o.NAME,
15
+ n
16
+ ), g = l(
17
+ t.NAME_STYLE,
18
+ o.NAME,
19
+ n
20
+ ), F = O(
21
+ t.NAME_FONT_FAMILY,
22
+ o.NAME,
23
+ n
24
+ ), G = r(
25
+ t.NAME_BACKGROUND,
26
+ o.NAME,
27
+ n
28
+ ), y = e(
29
+ t.NAME_PADDINGS,
30
+ o.NAME,
31
+ n
32
+ ), b = N(
33
+ t.NAME_LINE_SPACING,
34
+ o.NAME,
35
+ n
36
+ ), x = C(
37
+ t.PRICE_ALIGN,
38
+ o.PRICE,
39
+ n
40
+ ), Y = I(
41
+ t.PRICE_COLOR,
42
+ o.PRICE,
43
+ n
44
+ ), p = c(
45
+ t.PRICE_SIZE,
46
+ o.PRICE,
47
+ n
48
+ ), z = l(
49
+ t.PRICE_STYLE,
50
+ o.PRICE,
51
+ n
52
+ ), k = O(
53
+ t.PRICE_FONT_FAMILY,
54
+ o.PRICE,
55
+ n
56
+ ), Z = r(
57
+ t.PRICE_BACKGROUND,
58
+ o.PRICE,
59
+ n
60
+ ), K = e(
61
+ t.PRICE_PADDINGS,
62
+ o.PRICE,
63
+ n
64
+ ), f = N(
65
+ t.PRICE_LINE_SPACING,
66
+ o.PRICE,
67
+ n
68
+ ), X = C(
69
+ t.OLD_PRICE_ALIGN,
70
+ o.OLD_PRICE,
71
+ n
72
+ ), h = I(
73
+ t.OLD_PRICE_COLOR,
74
+ o.OLD_PRICE,
75
+ n
76
+ ), j = c(
77
+ t.OLD_PRICE_SIZE,
78
+ o.OLD_PRICE,
79
+ n
80
+ ), q = l(
81
+ t.OLD_PRICE_STYLE,
82
+ o.OLD_PRICE,
83
+ n
84
+ ), v = O(
85
+ t.OLD_PRICE_FONT_FAMILY,
86
+ o.OLD_PRICE,
87
+ n
88
+ ), w = r(
89
+ t.OLD_PRICE_BACKGROUND,
90
+ o.OLD_PRICE,
91
+ n
92
+ ), H = e(
93
+ t.OLD_PRICE_PADDINGS,
94
+ o.OLD_PRICE,
95
+ n
96
+ ), J = N(
97
+ t.OLD_PRICE_LINE_SPACING,
98
+ o.OLD_PRICE,
99
+ n
100
+ ), Q = C(
101
+ t.OMNIBUS_PRICE_ALIGN,
102
+ o.OMNIBUS_PRICE,
103
+ n
104
+ ), V = I(
105
+ t.OMNIBUS_PRICE_COLOR,
106
+ o.OMNIBUS_PRICE,
107
+ n
108
+ ), W = c(
109
+ t.OMNIBUS_PRICE_SIZE,
110
+ o.OMNIBUS_PRICE,
111
+ n
112
+ ), $ = l(
113
+ t.OMNIBUS_PRICE_STYLE,
114
+ o.OMNIBUS_PRICE,
115
+ n
116
+ ), oo = O(
117
+ t.OMNIBUS_PRICE_FONT_FAMILY,
118
+ o.OMNIBUS_PRICE,
119
+ n
120
+ ), to = r(
121
+ t.OMNIBUS_PRICE_BACKGROUND,
122
+ o.OMNIBUS_PRICE,
123
+ n
124
+ ), no = e(
125
+ t.OMNIBUS_PRICE_PADDINGS,
126
+ o.OMNIBUS_PRICE,
127
+ n
128
+ ), Co = N(
129
+ t.OMNIBUS_PRICE_LINE_SPACING,
130
+ o.OMNIBUS_PRICE,
131
+ n
132
+ ), ro = C(
133
+ t.OMNIBUS_DISCOUNT_ALIGN,
134
+ o.OMNIBUS_DISCOUNT,
135
+ n
136
+ ), Io = I(
137
+ t.OMNIBUS_DISCOUNT_COLOR,
138
+ o.OMNIBUS_DISCOUNT,
139
+ n
140
+ ), Oo = c(
141
+ t.OMNIBUS_DISCOUNT_SIZE,
142
+ o.OMNIBUS_DISCOUNT,
143
+ n
144
+ ), No = l(
145
+ t.OMNIBUS_DISCOUNT_STYLE,
146
+ o.OMNIBUS_DISCOUNT,
147
+ n
148
+ ), eo = O(
149
+ t.OMNIBUS_DISCOUNT_FONT_FAMILY,
150
+ o.OMNIBUS_DISCOUNT,
151
+ n
152
+ ), co = r(
153
+ t.OMNIBUS_DISCOUNT_BACKGROUND,
154
+ o.OMNIBUS_DISCOUNT,
155
+ n
156
+ ), lo = e(
157
+ t.OMNIBUS_DISCOUNT_PADDINGS,
158
+ o.OMNIBUS_DISCOUNT,
159
+ n
160
+ ), _o = N(
161
+ t.OMNIBUS_DISCOUNT_LINE_SPACING,
162
+ o.OMNIBUS_DISCOUNT,
163
+ n
164
+ ), io = _(
165
+ t.BUTTON_ALIGN,
166
+ o.BUTTON,
167
+ n
168
+ ), So = i(
169
+ t.BUTTON_BORDER,
170
+ o.BUTTON,
171
+ n
172
+ ), To = S(
173
+ t.BUTTON_BORDER_RADIUS,
174
+ o.BUTTON,
175
+ n
176
+ ), Eo = T(
177
+ t.BUTTON_COLOR,
178
+ o.BUTTON,
179
+ n
180
+ ), Bo = B(
181
+ t.BUTTON_FONT_FAMILY,
182
+ o.BUTTON,
183
+ n
184
+ ), so = s(
185
+ t.BUTTON_MARGINS,
186
+ o.BUTTON,
187
+ n
188
+ ), Po = P(
189
+ t.BUTTON_PADDINGS,
190
+ o.BUTTON,
191
+ n
192
+ ), Uo = U(
193
+ t.BUTTON_TEXT,
194
+ o.BUTTON,
195
+ n
196
+ ), ao = a(
197
+ t.BUTTON_TEXT_SIZE,
198
+ o.BUTTON,
199
+ n
200
+ ), Ro = R(
201
+ t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
202
+ o.BUTTON,
203
+ n
204
+ ), Mo = E(
205
+ t.BUTTON_FIT_TO_CONTENT,
206
+ o.BUTTON,
207
+ n
208
+ ), Ao = A(
209
+ t.IMAGE_SIZE,
210
+ o.IMAGE,
211
+ n
212
+ ), Do = M(
213
+ t.IMAGE_MARGINS,
214
+ o.IMAGE,
215
+ n
216
+ );
217
+ export {
218
+ io as ButtonAlignControl,
219
+ So as ButtonBorderControl,
220
+ To as ButtonBorderRadiusControl,
221
+ Eo as ButtonColorControl,
222
+ Mo as ButtonFitToContentControl,
223
+ Bo as ButtonFontFamilyControl,
224
+ so as ButtonMarginsControl,
225
+ Po as ButtonPaddingsControl,
226
+ Uo as ButtonTextControl,
227
+ ao as ButtonTextSizeControl,
228
+ Ro as ButtonTextStyleAndFontColorControl,
229
+ Do as ImageMarginsControl,
230
+ Ao as ImageSizeControl,
231
+ L as NameAlignControl,
232
+ G as NameBackgroundControl,
233
+ m as NameColorControl,
234
+ F as NameFontFamilyControl,
235
+ b as NameLineSpacingControl,
236
+ y as NamePaddingsControl,
237
+ d as NameSizeControl,
238
+ g as NameStyleControl,
239
+ X as OldPriceAlignControl,
240
+ w as OldPriceBackgroundControl,
241
+ h as OldPriceColorControl,
242
+ v as OldPriceFontFamilyControl,
243
+ J as OldPriceLineSpacingControl,
244
+ H as OldPricePaddingsControl,
245
+ j as OldPriceSizeControl,
246
+ q as OldPriceStyleControl,
247
+ ro as OmnibusDiscountAlignControl,
248
+ co as OmnibusDiscountBackgroundControl,
249
+ Io as OmnibusDiscountColorControl,
250
+ eo as OmnibusDiscountFontFamilyControl,
251
+ _o as OmnibusDiscountLineSpacingControl,
252
+ lo as OmnibusDiscountPaddingsControl,
253
+ Oo as OmnibusDiscountSizeControl,
254
+ No as OmnibusDiscountStyleControl,
255
+ Q as OmnibusPriceAlignControl,
256
+ to as OmnibusPriceBackgroundControl,
257
+ V as OmnibusPriceColorControl,
258
+ oo as OmnibusPriceFontFamilyControl,
259
+ Co as OmnibusPriceLineSpacingControl,
260
+ no as OmnibusPricePaddingsControl,
261
+ W as OmnibusPriceSizeControl,
262
+ $ as OmnibusPriceStyleControl,
263
+ x as PriceAlignControl,
264
+ Z as PriceBackgroundControl,
265
+ Y as PriceColorControl,
266
+ k as PriceFontFamilyControl,
267
+ mo as PriceInlineLayoutControl,
268
+ f as PriceLineSpacingControl,
269
+ K as PricePaddingsControl,
270
+ p as PriceSizeControl,
271
+ z as PriceStyleControl
272
+ };
@@ -0,0 +1,74 @@
1
+ import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as c } from "../../common-control.js";
3
+ import { RecommendationControlId as d, RecommendationBlockId as a } from "../constants.js";
4
+ const n = {
5
+ TEXT_TRIM_ENABLED: "textTrimEnabled"
6
+ }, r = "text-trim-enabled", l = ".ins-recommendation-product-container";
7
+ class E extends c {
8
+ getId() {
9
+ return d.NAME_TEXT_TRIM;
10
+ }
11
+ getTemplate() {
12
+ return `
13
+ <div class="name-text-trim-control-container">
14
+ ${this._GuTwoColumns([
15
+ this._GuLabel({ text: "Trim Long Text" }),
16
+ this._GuToggle(n.TEXT_TRIM_ENABLED)
17
+ ])}
18
+ </div>
19
+ `;
20
+ }
21
+ onRender() {
22
+ this._setFormValues(), this._listenToFormUpdates();
23
+ }
24
+ onTemplateNodeUpdated(e) {
25
+ super.onTemplateNodeUpdated(e), this._setFormValues();
26
+ }
27
+ _setFormValues() {
28
+ const e = this._getCurrentTrimState();
29
+ this.api.updateValues({
30
+ [n.TEXT_TRIM_ENABLED]: e
31
+ });
32
+ }
33
+ _getCurrentTrimState() {
34
+ if (!this.currentNode || !("hasClass" in this.currentNode))
35
+ return !1;
36
+ if (this.currentNode.hasClass(r))
37
+ return !0;
38
+ const e = this.currentNode.closest(l);
39
+ if (!e)
40
+ return !1;
41
+ const t = e.querySelector(
42
+ `[esd-extension-block-id="${a.NAME}"]`
43
+ );
44
+ return t && "hasClass" in t ? t.hasClass(r) : !1;
45
+ }
46
+ _onTextTrimChange(e) {
47
+ if (!this.currentNode || !("closest" in this.currentNode))
48
+ return;
49
+ const t = this.currentNode.closest(l);
50
+ if (!t || !("querySelectorAll" in t))
51
+ return;
52
+ const s = Array.from(
53
+ t.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
54
+ );
55
+ if (!s.length)
56
+ return;
57
+ const o = this.api.getDocumentModifier();
58
+ s.forEach((i) => {
59
+ e ? o.modifyHtml(i).setClass(r) : o.modifyHtml(i).removeClass(r);
60
+ }), o.apply(
61
+ new m(
62
+ e ? "Enable product name text trimming" : "Disable product name text trimming"
63
+ )
64
+ );
65
+ }
66
+ _listenToFormUpdates() {
67
+ this.api.onValueChanged(n.TEXT_TRIM_ENABLED, (e) => {
68
+ this._onTextTrimChange(e);
69
+ });
70
+ }
71
+ }
72
+ export {
73
+ E as NameTextTrimControl
74
+ };
@@ -0,0 +1,71 @@
1
+ import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as m } from "../../common-control.js";
3
+ import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
4
+ import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
5
+ const f = ".ins-recommendation-product-container", i = "data-text-after", u = "", p = ".omnibus-text-after";
6
+ class E extends m {
7
+ getId() {
8
+ return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
9
+ }
10
+ getTemplate() {
11
+ return `
12
+ <div class="omnibus-discount-text-after-control-container">
13
+ ${this._GuTwoColumns([
14
+ this._GuLabel({ text: "Text After" }),
15
+ this._GuTextInput({
16
+ name: "omnibusDiscountTextAfter",
17
+ placeholder: "e.g., off!",
18
+ className: "es-180w"
19
+ })
20
+ ])}
21
+ </div>
22
+ `;
23
+ }
24
+ onRender() {
25
+ this._setFormValues(), this._listenToFormUpdates();
26
+ }
27
+ onTemplateNodeUpdated(t) {
28
+ super.onTemplateNodeUpdated(t), this._setFormValues();
29
+ }
30
+ _setFormValues() {
31
+ const t = this._getCurrentText();
32
+ this.api.updateValues({
33
+ omnibusDiscountTextAfter: t
34
+ });
35
+ }
36
+ _getCurrentText() {
37
+ if (!this.currentNode || !("getAttribute" in this.currentNode))
38
+ return u;
39
+ const t = this.currentNode.getAttribute(i);
40
+ return t === null ? u : t;
41
+ }
42
+ _onTextChange(t) {
43
+ if (!this.currentNode || !("closest" in this.currentNode))
44
+ return;
45
+ const e = this.currentNode.closest(f);
46
+ if (!e || !("querySelectorAll" in e))
47
+ return;
48
+ const n = Array.from(
49
+ e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
50
+ );
51
+ if (!n.length)
52
+ return;
53
+ const o = this.api.getDocumentModifier();
54
+ n.forEach((s) => {
55
+ o.modifyHtml(s).setAttribute(i, t);
56
+ const r = s.querySelector(p);
57
+ if (r) {
58
+ const c = T(r, t);
59
+ o.modifyHtml(r).setInnerHtml(c);
60
+ }
61
+ }), o.apply(new a("Update omnibus discount text after"));
62
+ }
63
+ _listenToFormUpdates() {
64
+ this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
65
+ this._onTextChange(t);
66
+ });
67
+ }
68
+ }
69
+ export {
70
+ E as OmnibusDiscountTextAfterControl
71
+ };
@@ -0,0 +1,71 @@
1
+ import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as a } from "../../common-control.js";
3
+ import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
4
+ import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
5
+ const f = ".ins-recommendation-product-container", i = "data-text-before", u = "", p = ".omnibus-text-before";
6
+ class C extends a {
7
+ getId() {
8
+ return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
9
+ }
10
+ getTemplate() {
11
+ return `
12
+ <div class="omnibus-discount-text-before-control-container">
13
+ ${this._GuTwoColumns([
14
+ this._GuLabel({ text: "Text Before" }),
15
+ this._GuTextInput({
16
+ name: "omnibusDiscountTextBefore",
17
+ placeholder: "e.g., Save ",
18
+ className: "es-180w"
19
+ })
20
+ ])}
21
+ </div>
22
+ `;
23
+ }
24
+ onRender() {
25
+ this._setFormValues(), this._listenToFormUpdates();
26
+ }
27
+ onTemplateNodeUpdated(e) {
28
+ super.onTemplateNodeUpdated(e), this._setFormValues();
29
+ }
30
+ _setFormValues() {
31
+ const e = this._getCurrentText();
32
+ this.api.updateValues({
33
+ omnibusDiscountTextBefore: e
34
+ });
35
+ }
36
+ _getCurrentText() {
37
+ if (!this.currentNode || !("getAttribute" in this.currentNode))
38
+ return u;
39
+ const e = this.currentNode.getAttribute(i);
40
+ return e === null ? u : e;
41
+ }
42
+ _onTextChange(e) {
43
+ if (!this.currentNode || !("closest" in this.currentNode))
44
+ return;
45
+ const t = this.currentNode.closest(f);
46
+ if (!t || !("querySelectorAll" in t))
47
+ return;
48
+ const n = Array.from(
49
+ t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
50
+ );
51
+ if (!n.length)
52
+ return;
53
+ const o = this.api.getDocumentModifier();
54
+ n.forEach((s) => {
55
+ o.modifyHtml(s).setAttribute(i, e);
56
+ const r = s.querySelector(p);
57
+ if (r) {
58
+ const c = T(r, e);
59
+ o.modifyHtml(r).setInnerHtml(c);
60
+ }
61
+ }), o.apply(new m("Update omnibus discount text before"));
62
+ }
63
+ _listenToFormUpdates() {
64
+ this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
65
+ this._onTextChange(e);
66
+ });
67
+ }
68
+ }
69
+ export {
70
+ C as OmnibusDiscountTextBeforeControl
71
+ };
@@ -0,0 +1,71 @@
1
+ import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as m } from "../../common-control.js";
3
+ import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
4
+ import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
5
+ const f = ".ins-recommendation-product-container", s = "data-text-after", c = "", p = ".omnibus-text-after";
6
+ class C extends m {
7
+ getId() {
8
+ return l.OMNIBUS_PRICE_TEXT_AFTER;
9
+ }
10
+ getTemplate() {
11
+ return `
12
+ <div class="omnibus-price-text-after-control-container">
13
+ ${this._GuTwoColumns([
14
+ this._GuLabel({ text: "Text After" }),
15
+ this._GuTextInput({
16
+ name: "omnibusPriceTextAfter",
17
+ placeholder: "e.g., (incl. VAT)",
18
+ className: "es-180w"
19
+ })
20
+ ])}
21
+ </div>
22
+ `;
23
+ }
24
+ onRender() {
25
+ this._setFormValues(), this._listenToFormUpdates();
26
+ }
27
+ onTemplateNodeUpdated(t) {
28
+ super.onTemplateNodeUpdated(t), this._setFormValues();
29
+ }
30
+ _setFormValues() {
31
+ const t = this._getCurrentText();
32
+ this.api.updateValues({
33
+ omnibusPriceTextAfter: t
34
+ });
35
+ }
36
+ _getCurrentText() {
37
+ if (!this.currentNode || !("getAttribute" in this.currentNode))
38
+ return c;
39
+ const t = this.currentNode.getAttribute(s);
40
+ return t === null ? c : t;
41
+ }
42
+ _onTextChange(t) {
43
+ if (!this.currentNode || !("closest" in this.currentNode))
44
+ return;
45
+ const e = this.currentNode.closest(f);
46
+ if (!e || !("querySelectorAll" in e))
47
+ return;
48
+ const n = Array.from(
49
+ e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
50
+ );
51
+ if (!n.length)
52
+ return;
53
+ const r = this.api.getDocumentModifier();
54
+ n.forEach((i) => {
55
+ r.modifyHtml(i).setAttribute(s, t);
56
+ const o = i.querySelector(p);
57
+ if (o) {
58
+ const u = T(o, t);
59
+ r.modifyHtml(o).setInnerHtml(u);
60
+ }
61
+ }), r.apply(new a("Update omnibus price text after"));
62
+ }
63
+ _listenToFormUpdates() {
64
+ this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
65
+ this._onTextChange(t);
66
+ });
67
+ }
68
+ }
69
+ export {
70
+ C as OmnibusPriceTextAfterControl
71
+ };
@@ -0,0 +1,71 @@
1
+ import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { CommonControl as a } from "../../common-control.js";
3
+ import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
4
+ import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
5
+ const p = ".ins-recommendation-product-container", s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
6
+ class C extends a {
7
+ getId() {
8
+ return l.OMNIBUS_PRICE_TEXT_BEFORE;
9
+ }
10
+ getTemplate() {
11
+ return `
12
+ <div class="omnibus-price-text-before-control-container">
13
+ ${this._GuTwoColumns([
14
+ this._GuLabel({ text: "Text Before" }),
15
+ this._GuTextInput({
16
+ name: "omnibusPriceTextBefore",
17
+ placeholder: "e.g., Lowest 30-day price: ",
18
+ className: "es-180w"
19
+ })
20
+ ])}
21
+ </div>
22
+ `;
23
+ }
24
+ onRender() {
25
+ this._setFormValues(), this._listenToFormUpdates();
26
+ }
27
+ onTemplateNodeUpdated(e) {
28
+ super.onTemplateNodeUpdated(e), this._setFormValues();
29
+ }
30
+ _setFormValues() {
31
+ const e = this._getCurrentText();
32
+ this.api.updateValues({
33
+ omnibusPriceTextBefore: e
34
+ });
35
+ }
36
+ _getCurrentText() {
37
+ if (!this.currentNode || !("getAttribute" in this.currentNode))
38
+ return c;
39
+ const e = this.currentNode.getAttribute(s);
40
+ return e === null ? c : e;
41
+ }
42
+ _onTextChange(e) {
43
+ if (!this.currentNode || !("closest" in this.currentNode))
44
+ return;
45
+ const t = this.currentNode.closest(p);
46
+ if (!t || !("querySelectorAll" in t))
47
+ return;
48
+ const n = Array.from(
49
+ t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
50
+ );
51
+ if (!n.length)
52
+ return;
53
+ const o = this.api.getDocumentModifier();
54
+ n.forEach((i) => {
55
+ o.modifyHtml(i).setAttribute(s, e);
56
+ const r = i.querySelector(f);
57
+ if (r) {
58
+ const u = T(r, e);
59
+ o.modifyHtml(r).setInnerHtml(u);
60
+ }
61
+ }), o.apply(new m("Update omnibus price text before"));
62
+ }
63
+ _listenToFormUpdates() {
64
+ this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
65
+ this._onTextChange(e);
66
+ });
67
+ }
68
+ }
69
+ export {
70
+ C as OmnibusPriceTextBeforeControl
71
+ };