@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.eee5ecc

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 (238) 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/email-preview/desktop-preview/DesktopPreview.vue.js +2 -2
  4. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +5 -5
  5. package/dist/components/organisms/header/LeftSlot.vue.js +12 -12
  6. package/dist/components/organisms/header/LeftSlot.vue2.js +6 -6
  7. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  8. package/dist/composables/useActionsApi.js +33 -30
  9. package/dist/composables/useConfig.js +29 -27
  10. package/dist/composables/useSave.js +13 -11
  11. package/dist/config/migrator/index.js +9 -8
  12. package/dist/config/migrator/itemsBlockMigrator.js +334 -0
  13. package/dist/config/migrator/recommendationMigrator.js +2 -2
  14. package/dist/extensions/Blocks/Items/block.js +36 -40
  15. package/dist/extensions/Blocks/Items/controls/button/link.js +22 -29
  16. package/dist/extensions/Blocks/Items/controls/cardComposition.js +70 -59
  17. package/dist/extensions/Blocks/Items/controls/image/link.js +23 -30
  18. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  19. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +19 -17
  20. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +31 -29
  21. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
  22. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +21 -19
  23. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +29 -27
  24. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +93 -0
  25. package/dist/extensions/Blocks/Items/controls/settingsControl.js +146 -131
  26. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  27. package/dist/extensions/Blocks/Items/enums/productEnums.js +43 -45
  28. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +4 -5
  29. package/dist/extensions/Blocks/Items/extension.js +11 -9
  30. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +58 -49
  31. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +48 -59
  32. package/dist/extensions/Blocks/Items/settingsPanel.js +27 -26
  33. package/dist/extensions/Blocks/Items/store/items-block.js +11 -7
  34. package/dist/extensions/Blocks/Items/template.js +389 -141
  35. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +176 -0
  36. package/dist/extensions/Blocks/Recommendation/block.js +1 -1
  37. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  38. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  39. package/dist/extensions/Blocks/Recommendation/control.js +306 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  47. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  67. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  68. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  70. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  71. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  73. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  74. package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
  75. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
  76. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
  77. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +26 -29
  78. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
  79. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
  80. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
  81. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  82. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  83. package/dist/extensions/Blocks/common-control.js +30 -32
  84. package/dist/extensions/Blocks/controlFactories.js +106 -130
  85. package/dist/guido.css +1 -1
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +125 -116
  87. package/dist/src/@types/config/index.d.ts +2 -2
  88. package/dist/src/@types/config/schemas.d.ts +26 -0
  89. package/dist/src/@types/config/types.d.ts +7 -1
  90. package/dist/src/composables/useActionsApi.d.ts +1 -0
  91. package/dist/src/composables/useConfig.d.ts +6 -0
  92. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +6 -0
  93. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -2
  94. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +9 -0
  95. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -2
  96. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  97. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +18 -0
  98. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -4
  99. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +1 -0
  100. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +24 -26
  101. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +1 -2
  102. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +2 -0
  103. package/dist/src/extensions/Blocks/Items/template.d.ts +22 -1
  104. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +76 -0
  105. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  106. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
  107. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
  108. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  109. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  110. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  111. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  112. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  113. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  114. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  115. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  116. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  117. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  118. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  119. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  120. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  121. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  122. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  123. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  124. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  125. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  126. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  127. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  128. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  129. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  130. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  131. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  132. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  133. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  134. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  135. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  136. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  137. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  138. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  139. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  140. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  141. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  142. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  143. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -17
  144. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  145. package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
  146. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
  147. package/dist/src/extensions/Blocks/common-control.d.ts +10 -11
  148. package/dist/src/stores/config.d.ts +147 -1
  149. package/dist/static/styles/components/button.css.js +1 -1
  150. package/dist/static/styles/components/wide-panel.css.js +4 -0
  151. package/dist/static/styles/customEditorStyle.css.js +2 -38
  152. package/dist/stores/config.js +7 -0
  153. package/dist/utils/pairProductVariables.js +61 -58
  154. package/dist/utils/templatePreparation.js +17 -17
  155. package/package.json +1 -1
  156. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  157. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  158. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  159. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  160. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  161. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  162. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -12
  163. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
  164. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  165. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  166. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
  167. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  168. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -104
  169. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -86
  170. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -134
  171. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
  172. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -147
  173. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
  174. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -111
  175. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
  176. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -114
  177. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  178. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
  179. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  180. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  181. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
  182. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
  183. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  184. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
  185. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
  186. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  187. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -211
  188. package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -157
  189. package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -72
  190. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  191. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -173
  192. package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -186
  193. package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
  194. package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
  195. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
  196. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
  197. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  198. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  199. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  200. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  201. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  202. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -12
  203. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -27
  204. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
  205. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  206. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  207. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
  208. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  209. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
  210. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -34
  211. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -17
  212. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -16
  213. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  214. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -62
  215. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -15
  216. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -39
  217. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -15
  218. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -81
  219. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  220. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
  221. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  222. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  223. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  224. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  225. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  226. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  227. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  228. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  229. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -73
  230. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
  231. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
  232. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
  233. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
  234. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
  235. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
  236. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
  237. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
  238. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
@@ -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,31 +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
- * Gets the appropriate selector based on layout
16
- * Vertical: .product-card-segment (inner table per product cell)
17
- * Horizontal: .product-card-wrapper (table per product row)
18
- */
19
- _getCardSelector(): string;
20
- /**
21
- * Reads the current background color from the first product card element
22
- * @returns The background color value or 'transparent' if not found
23
- */
24
- _getCurrentCardBackgroundColor(): string;
25
- /**
26
- * Handles card background color changes
27
- * Applies the color to all product card elements based on layout
28
- */
29
- _onCardBackgroundColorChange(color: string): void;
30
- _listenToFormUpdates(): void;
31
- }
@@ -1,95 +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
- private store;
11
- private unsubscribeOrientation;
12
- getId(): string;
13
- getTemplate(): string;
14
- onRender(): void;
15
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
16
- /**
17
- * Creates the HTML content for an orderable item with label and toggle
18
- */
19
- private _createItemContent;
20
- /**
21
- * Registers event listeners for composition and visibility changes
22
- */
23
- private _registerValueChangeListeners;
24
- /**
25
- * Initializes composition order and visibility state from the current node
26
- */
27
- private _initializeComposition;
28
- /**
29
- * Reads composition order from node's data-card-composition attribute
30
- * Falls back to default order if attribute is not present
31
- */
32
- private _readCompositionFromNode;
33
- /**
34
- * Builds visibility values object from the visibility map
35
- */
36
- private _buildVisibilityValues;
37
- /**
38
- * Read visibility state from individual row elements' data-visibility attributes
39
- * This ensures toggles reflect the actual DOM state
40
- */
41
- private _readVisibilityFromRows;
42
- /**
43
- * Returns default visibility values for all items
44
- */
45
- private _getDefaultVisibilities;
46
- /**
47
- * Extracts visibility values from DOM nodes
48
- */
49
- private _extractVisibilityFromRows;
50
- /**
51
- * Parses visibility value from string to boolean
52
- * Accepts "1", "true" as true, everything else as false
53
- */
54
- private _parseVisibilityValue;
55
- /**
56
- * Merges extracted visibilities with default values for missing keys
57
- */
58
- private _mergeWithDefaults;
59
- /**
60
- * Apply the reordered composition to the block's HTML structure
61
- * Updates the data-card-composition attribute and reorders product attributes
62
- * Note: Reordering is only applied for vertical layout
63
- */
64
- private _applyCompositionToBlock;
65
- /**
66
- * Reorders attribute rows within each product card based on composition order
67
- * Targets the tbody inside each product-attribute-cell to preserve card structure
68
- */
69
- private _reorderProductAttributes;
70
- /**
71
- * Builds HTML string with attributes ordered according to composition
72
- */
73
- private _buildCompositionHtml;
74
- /**
75
- * Apply visibility changes to the block's HTML structure
76
- * Updates display style and data-visibility attribute for all matching elements
77
- * - <tr> elements: use display: none / table-row
78
- * - <td> elements: use display: none / table-cell
79
- */
80
- private _applyVisibilityToBlock;
81
- /**
82
- * Gets the current layout orientation from store or DOM
83
- */
84
- private _getCurrentLayout;
85
- /**
86
- * Updates orderable state based on layout orientation
87
- * Adds/removes disabled class to hide drag icons for horizontal layout
88
- */
89
- private _updateOrderableState;
90
- /**
91
- * Subscribe to store orientation changes
92
- * Updates orderable state when layout changes via the layout control
93
- */
94
- private _subscribeToOrientationChanges;
95
- }
@@ -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
- };
@@ -1,24 +0,0 @@
1
- /**
2
- * Recommendation Block Controls
3
- *
4
- * This module exports all controls for the Recommendation extension.
5
- * Controls are organized by element type for better discoverability.
6
- * @example
7
- * // Grouped imports (recommended)
8
- * import { NameControls, ButtonControls } from './controls';
9
- * // Or individual imports
10
- * import { NameAlignControl, ButtonColorControl } from './controls';
11
- */
12
- export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, } from './main';
13
- export * from './main/utils';
14
- export { NameControls } from './name';
15
- export { PriceControls } from './price';
16
- export { OldPriceControls } from './oldPrice';
17
- export { OmnibusPriceControls } from './omnibusPrice';
18
- export { OmnibusDiscountControls } from './omnibusDiscount';
19
- export { ButtonControls } from './button';
20
- export { ImageControls } from './image';
21
- export { SpacingControl, SPACING_CONTROL_ID } from './spacing';
22
- export { CardBackgroundColorControl, CARD_BACKGROUND_COLOR_CONTROL_ID } from './cardBackground';
23
- export { LayoutControl, LAYOUT_CONTROL_ID } from './layout';
24
- export { RecommendationCardCompositionControl, COMPOSITION_CONTROL_BLOCK_ID } from './cardComposition';
@@ -1,34 +0,0 @@
1
- /**
2
- * Layout Control
3
- *
4
- * Manages recommendation block layout orientation
5
- * Allows switching between vertical (grid) and horizontal (list) layouts
6
- */
7
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
8
- import { CommonControl } from '../../../common-control';
9
- import { type Orientation } from '../../templates';
10
- export declare const LAYOUT_CONTROL_ID = "recommendation-layout-control";
11
- /**
12
- * Control for managing recommendation block layout orientation
13
- * Allows switching between vertical (grid) and horizontal (list) layouts
14
- */
15
- export declare class LayoutControl extends CommonControl {
16
- private store;
17
- private isChangingLayout;
18
- getId(): string;
19
- getTemplate(): string;
20
- onRender(): void;
21
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
22
- _setFormValues(): void;
23
- /**
24
- * Handles layout change
25
- * Updates the block's data attribute and regenerates product rows
26
- */
27
- _onLayoutChange(layout: Orientation): void;
28
- /**
29
- * Regenerates product rows based on the selected layout
30
- * Special handling: captures and reapplies background color across layout changes
31
- */
32
- _regenerateProductRows(layout: Orientation): void;
33
- _listenToFormUpdates(): void;
34
- }
@@ -1,17 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const ALGORITHM_CONTROL_ID = "recommendation-algorithm-control";
3
- /**
4
- * Control for selecting recommendation algorithm and manual product IDs
5
- */
6
- export declare class AlgorithmControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _setProductIdsVisibility(): void;
14
- _onAlgorithmChange(value: string): void;
15
- _onProductIdsChange(value: string): void;
16
- _listenToFormUpdates(): void;
17
- }
@@ -1,16 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const CURRENCY_CONTROL_ID = "recommendation-currency-control";
3
- /**
4
- * Control for managing currency display settings in recommendation blocks
5
- */
6
- export declare class CurrencyControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _onCurrencyChange(value: string): void;
14
- _onCurrencyConfigChange(item: string, value: string | number): void;
15
- _listenToFormUpdates(): void;
16
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * Filters Control
3
- *
4
- * Handles the filter selection UI for recommendation products
5
- * Opens filter selection drawer when button is clicked
6
- */
7
- import { CommonControl } from '../../../common-control';
8
- export declare const FILTERS_CONTROL_ID = "recommendation-filters-control";
9
- /**
10
- * Control for managing recommendation product filters
11
- */
12
- export declare class FiltersControl extends CommonControl {
13
- private store;
14
- private addFilterListener;
15
- private addFilterButton;
16
- getId(): string;
17
- getTemplate(): string;
18
- onRender(): void;
19
- onDestroy(): void;
20
- _onFilterSelectClick(): void;
21
- _setupButtonListener(): void;
22
- }
@@ -1,62 +0,0 @@
1
- /**
2
- * Main Recommendation Block Control
3
- *
4
- * This is a coordinator control that composes all recommendation configuration
5
- * sub-controls into a single settings panel. It handles:
6
- * - Initial API data fetching
7
- * - Store subscriptions for product refresh
8
- * - Coordinating lifecycle of sub-controls
9
- *
10
- * Sub-controls are also exported individually for flexibility:
11
- * - AlgorithmControl: Strategy and product IDs
12
- * - LocaleControl: Language selection
13
- * - CurrencyControl: Currency formatting settings
14
- * - ProductLayoutControl: Product count and grid layout
15
- * - FiltersControl: Filter selection
16
- * - ShuffleControl: Product shuffle toggle
17
- */
18
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
19
- import { CommonControl } from '../../../common-control';
20
- import { AlgorithmControl, ALGORITHM_CONTROL_ID } from './algorithm';
21
- import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
22
- import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
23
- import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
24
- import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
25
- import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
26
- export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
27
- export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, };
28
- export * from './utils';
29
- /**
30
- * Main recommendation block control that composes all sub-controls
31
- * Registered in the Settings tab of the block's settings panel
32
- */
33
- export declare class RecommendationBlockControl extends CommonControl {
34
- private store;
35
- private storeUnsubscription;
36
- private algorithmControl;
37
- private localeControl;
38
- private currencyControl;
39
- private productLayoutControl;
40
- private filtersControl;
41
- private shuffleControl;
42
- getId(): string;
43
- getTemplate(): string;
44
- onRender(): Promise<void>;
45
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
46
- onDestroy(): void;
47
- /**
48
- * Initialize all sub-controls with the shared API context
49
- * Each sub-control manages its own form values and event listeners
50
- */
51
- _initializeSubControls(): void;
52
- /**
53
- * Debounced product fetch to prevent rapid API calls during config changes
54
- */
55
- private _debouncedFetchProducts;
56
- /**
57
- * Listen to store changes that require product refresh
58
- * Only triggers for meaningful config changes (size, strategy, filters, etc.)
59
- * Uses debounce to prevent rapid API calls
60
- */
61
- _listenStateUpdates(): void;
62
- }
@@ -1,15 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const LOCALE_CONTROL_ID = "recommendation-locale-control";
3
- /**
4
- * Control for selecting recommendation content locale/language
5
- */
6
- export declare class LocaleControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _onLocaleChange(value: string): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,39 +0,0 @@
1
- /**
2
- * Product Layout Control
3
- *
4
- * Handles product display configuration:
5
- * - Number of products to show
6
- * - Products per row (hidden for horizontal layout)
7
- * - Triggers product row regeneration on changes
8
- */
9
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
10
- import { CommonControl } from '../../../common-control';
11
- export declare const PRODUCT_LAYOUT_CONTROL_ID = "recommendation-product-layout-control";
12
- /**
13
- * Control for configuring product count and layout density
14
- */
15
- export declare class ProductLayoutControl extends CommonControl {
16
- private store;
17
- private storeUnsubscription;
18
- getId(): string;
19
- getTemplate(): string;
20
- onRender(): void;
21
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
22
- onDestroy(): void;
23
- _setFormValues(): void;
24
- /**
25
- * Updates "Products in One Row" visibility based on layout orientation
26
- * This control is hidden for horizontal layout (products always take full width)
27
- * Reads from store first (reliable during state transitions), falls back to DOM
28
- */
29
- _updateProductsInRowVisibility(): void;
30
- _onProductCountChange(value: string): void;
31
- _onProductsInRowChange(value: number): void;
32
- _regenerateProductRows(): void;
33
- _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
34
- _listenToFormUpdates(): void;
35
- /**
36
- * Subscribe to store changes to update visibility when layout changes
37
- */
38
- _listenStateUpdates(): void;
39
- }
@@ -1,15 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const SHUFFLE_CONTROL_ID = "recommendation-shuffle-control";
3
- /**
4
- * Control for toggling product shuffle/randomization
5
- */
6
- export declare class ShuffleControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeToggle(): void;
13
- _onShuffleChange(value: boolean): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,81 +0,0 @@
1
- /**
2
- * Shared utilities for Recommendation block controls
3
- *
4
- * Provides common functionality used across multiple controls:
5
- * - Layout detection from DOM
6
- * - Card composition retrieval
7
- * - Product row regeneration
8
- * - Spacing reapplication
9
- */
10
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
11
- import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
12
- import { type Orientation } from '../../templates';
13
- type DocumentModifier = ReturnType<{
14
- getDocumentModifier: () => {
15
- modifyHtml: (node: ImmutableHtmlNode) => {
16
- setStyle: (prop: string, value: string) => DocumentModifier;
17
- setInnerHtml: (html: string) => DocumentModifier;
18
- setAttribute: (name: string, value: string) => DocumentModifier;
19
- };
20
- apply: (description: ModificationDescription) => void;
21
- };
22
- }['getDocumentModifier']>;
23
- /**
24
- * Gets the block element from the current node
25
- * The currentNode could BE the block element or contain it
26
- * @param currentNode - The current template node
27
- * @returns The block element or null if not found
28
- */
29
- export declare function getBlockElement(currentNode: ImmutableHtmlNode | null | undefined): ImmutableHtmlNode | null;
30
- /**
31
- * Gets the current layout orientation from the block's data attribute
32
- * @param currentNode - The current template node
33
- * @returns The layout value ('vertical' or 'horizontal'), defaults to 'vertical'
34
- */
35
- export declare function getCurrentLayout(currentNode: ImmutableHtmlNode | null | undefined): Orientation;
36
- /**
37
- * Gets the current card composition from block data attribute or use default
38
- * @param currentNode - The current template node
39
- * @returns Array of card element types in order
40
- */
41
- export declare function getCardComposition(currentNode: ImmutableHtmlNode | null | undefined): string[];
42
- export interface RegenerateProductRowsOptions {
43
- currentNode: ImmutableHtmlNode | null | undefined;
44
- documentModifier: DocumentModifier;
45
- afterRegenerate?: () => void;
46
- }
47
- /**
48
- * Regenerates product rows based on current store configuration
49
- * Reads products, layout, and composition from store/DOM and rebuilds the HTML
50
- * @param options - Configuration options for regeneration
51
- */
52
- export declare function regenerateProductRows(options: RegenerateProductRowsOptions): void;
53
- export interface ReapplySpacingOptions {
54
- currentNode: ImmutableHtmlNode | null | undefined;
55
- documentModifier: DocumentModifier;
56
- }
57
- /**
58
- * Reapplies spacing values from data attributes after product regeneration
59
- * This ensures spacing persists when products are regenerated
60
- * @param options - Configuration options
61
- */
62
- export declare function reapplySpacing(options: ReapplySpacingOptions): void;
63
- /**
64
- * Gets current card background color from existing elements
65
- * Checks both vertical (.product-card-segment) and horizontal (.product-card-wrapper) selectors
66
- * @param currentNode - The current template node
67
- * @returns Background color string or null if not found
68
- */
69
- export declare function getCurrentCardBackgroundColor(currentNode: ImmutableHtmlNode | null | undefined): string | null;
70
- export interface ApplyCardBackgroundColorOptions {
71
- currentNode: ImmutableHtmlNode | null | undefined;
72
- documentModifier: DocumentModifier;
73
- bgColor: string | null;
74
- layout: Orientation;
75
- }
76
- /**
77
- * Applies card background color to appropriate elements based on layout
78
- * @param options - Configuration options
79
- */
80
- export declare function applyCardBackgroundColor(options: ApplyCardBackgroundColorOptions): void;
81
- export {};