@useinsider/guido 2.1.0-beta.42f5dfa → 2.1.0-beta.4bcb91b

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 (149) hide show
  1. package/README.md +3 -1
  2. package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js +14 -15
  3. package/dist/components/organisms/header/HeaderWrapper.vue.js +9 -9
  4. package/dist/composables/useHtmlValidator.js +84 -106
  5. package/dist/composables/useRecommendation.js +21 -54
  6. package/dist/composables/useSave.js +16 -12
  7. package/dist/composables/useStripo.js +58 -54
  8. package/dist/composables/useStripoEventHandler.js +27 -12
  9. package/dist/composables/useSyncModuleExtractor.js +33 -0
  10. package/dist/config/compiler/recommendationCompilerRules.js +39 -45
  11. package/dist/config/migrator/recommendationMigrator.js +2 -2
  12. package/dist/enums/extensions/recommendationBlock.js +1 -1
  13. package/dist/enums/recommendation.js +15 -16
  14. package/dist/enums/unsubscribe.js +25 -21
  15. package/dist/extensions/Blocks/Recommendation/block.js +9 -130
  16. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +187 -0
  17. package/dist/extensions/Blocks/Recommendation/constants.js +13 -0
  18. package/dist/extensions/Blocks/Recommendation/control.js +336 -0
  19. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +68 -0
  20. package/dist/extensions/Blocks/Recommendation/controls/index.js +245 -0
  21. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +74 -0
  22. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textAfter.js → omnibusDiscountTextAfterControl.js} +14 -16
  23. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textBefore.js → omnibusDiscountTextBeforeControl.js} +14 -16
  24. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textAfter.js → omnibusPriceTextAfterControl.js} +14 -16
  25. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textBefore.js → omnibusPriceTextBeforeControl.js} +12 -14
  26. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +188 -0
  27. package/dist/extensions/Blocks/Recommendation/extension.js +17 -40
  28. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +3 -19
  29. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
  30. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +10 -21
  31. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +193 -230
  32. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +181 -0
  33. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +189 -0
  34. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +209 -0
  35. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  36. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +15 -26
  37. package/dist/extensions/Blocks/controlFactories.js +93 -125
  38. package/dist/guido.css +1 -1
  39. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +169 -223
  40. package/dist/services/recommendationApi.js +9 -10
  41. package/dist/services/stripoApi.js +50 -14
  42. package/dist/services/templateLibraryApi.js +13 -16
  43. package/dist/src/@types/events.d.ts +34 -2
  44. package/dist/src/components/wrappers/WpDrawer.vue.d.ts +1 -1
  45. package/dist/src/composables/useRecommendation.d.ts +0 -1
  46. package/dist/src/composables/useSyncModuleExtractor.d.ts +4 -0
  47. package/dist/src/enums/unsubscribe.d.ts +3 -0
  48. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -67
  49. package/dist/src/extensions/Blocks/Recommendation/{controls/cardComposition/index.d.ts → cardCompositionControl.d.ts} +3 -23
  50. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +24 -0
  51. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +38 -0
  52. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +589 -21
  53. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +16 -0
  54. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  55. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +468 -131
  56. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  57. package/dist/src/extensions/Blocks/Recommendation/templates/{grid/migration.d.ts → migrationTemplate.d.ts} +4 -11
  58. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +52 -0
  59. package/dist/src/mock/api/settings.d.ts +2 -0
  60. package/dist/src/services/stripoApi.d.ts +5 -0
  61. package/dist/src/stores/editor.d.ts +23 -0
  62. package/dist/static/styles/components/notification.css.js +1 -0
  63. package/dist/static/styles/components/version-history.css.js +10 -2
  64. package/dist/static/styles/components/wide-panel.css.js +18 -2
  65. package/dist/static/styles/customEditorStyle.css.js +2 -25
  66. package/dist/stores/editor.js +2 -1
  67. package/dist/utils/pairProductVariables.js +56 -57
  68. package/dist/utils/templatePreparation.js +14 -15
  69. package/package.json +1 -1
  70. package/dist/config/compiler/utils/recommendationCompilerUtils.js +0 -116
  71. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  72. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  73. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +0 -65
  74. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -20
  75. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -19
  76. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  77. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  78. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
  79. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  80. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -92
  81. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -102
  82. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -209
  83. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -52
  84. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -217
  85. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -70
  86. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -110
  87. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -67
  88. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -286
  89. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  90. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -108
  91. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  92. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  93. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  94. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  95. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -222
  96. package/dist/extensions/Blocks/Recommendation/services/configService.js +0 -240
  97. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +0 -233
  98. package/dist/extensions/Blocks/Recommendation/templates/grid/migration.js +0 -251
  99. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +0 -69
  100. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  101. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +0 -174
  102. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +0 -73
  103. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -122
  104. package/dist/extensions/Blocks/Recommendation/types/nodeConfig.js +0 -6
  105. package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js +0 -29
  106. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
  107. package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts +0 -17
  108. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  109. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +0 -49
  110. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -13
  111. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -35
  112. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -31
  113. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  114. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  115. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  116. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -37
  117. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -29
  118. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -52
  119. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  120. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -68
  121. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -24
  122. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -42
  123. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -23
  124. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -214
  125. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  126. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -34
  127. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  128. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  129. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  130. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  131. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  132. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  133. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  134. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  135. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -83
  136. package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +0 -151
  137. package/dist/src/extensions/Blocks/Recommendation/services/index.d.ts +0 -6
  138. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +0 -20
  139. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +0 -33
  140. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
  141. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +0 -8
  142. package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts +0 -25
  143. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +0 -18
  144. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -57
  145. package/dist/src/extensions/Blocks/Recommendation/types/index.d.ts +0 -7
  146. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -160
  147. package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts +0 -33
  148. package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +0 -113
  149. 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
- * Grid: .product-card-segment (inner table per product cell)
17
- * List: .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,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,37 +0,0 @@
1
- /**
2
- * Layout Control
3
- *
4
- * Manages recommendation block layout orientation
5
- * Allows switching between grid and list layouts
6
- *
7
- * Configuration is stored via node config (persists with template).
8
- */
9
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
10
- import { CommonControl } from '../../../common-control';
11
- import { type Orientation } from '../../templates';
12
- export declare const LAYOUT_CONTROL_ID = "recommendation-layout-control";
13
- /**
14
- * Control for managing recommendation block layout orientation
15
- * Allows switching between grid and list layouts
16
- */
17
- export declare class LayoutControl extends CommonControl {
18
- private store;
19
- private isChangingLayout;
20
- getId(): string;
21
- getTemplate(): string;
22
- onRender(): void;
23
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
24
- _setFormValues(): void;
25
- /**
26
- * Handles layout change
27
- * Updates node config, data attribute and regenerates product rows
28
- */
29
- _onLayoutChange(layout: Orientation): void;
30
- /**
31
- * Regenerates product rows based on the selected layout
32
- * Uses unified style-preserving regeneration to maintain user customizations
33
- * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
34
- */
35
- _regenerateProductRows(layout: Orientation): void;
36
- _listenToFormUpdates(): void;
37
- }
@@ -1,29 +0,0 @@
1
- /**
2
- * Algorithm Selection Control
3
- *
4
- * Handles recommendation algorithm selection and product IDs for manual merchandising:
5
- * - Algorithm/strategy selection
6
- * - Product IDs input (visible only for manual merchandising)
7
- *
8
- * Configuration is stored via node config (persists with template).
9
- * Algorithm options are fetched from API and cached in Pinia store.
10
- */
11
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
12
- import { CommonControl } from '../../../common-control';
13
- export declare const ALGORITHM_CONTROL_ID = "recommendation-algorithm-control";
14
- /**
15
- * Control for selecting recommendation algorithm and manual product IDs
16
- */
17
- export declare class AlgorithmControl extends CommonControl {
18
- private store;
19
- getId(): string;
20
- getTemplate(): string;
21
- onRender(): void;
22
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
23
- _setFormValues(): void;
24
- _initializeSelectItems(): void;
25
- _setProductIdsVisibility(strategy?: string): void;
26
- _onAlgorithmChange(value: string): void;
27
- _onProductIdsChange(value: string): void;
28
- _listenToFormUpdates(): void;
29
- }
@@ -1,52 +0,0 @@
1
- /**
2
- * Currency Settings Control
3
- *
4
- * Handles all currency-related configuration for recommendation products:
5
- * - Currency type
6
- * - Currency location (before/after)
7
- * - Currency symbol
8
- * - Thousand separator
9
- * - Decimal separator
10
- * - Decimal count
11
- *
12
- * Configuration is stored via node config (persists with template).
13
- * Currency options are fetched from API and cached in Pinia store.
14
- */
15
- import type { CurrencyConfig } from '../../types/nodeConfig';
16
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
17
- import { CommonControl } from '../../../common-control';
18
- export declare const CURRENCY_CONTROL_ID = "recommendation-currency-control";
19
- /**
20
- * Control for managing currency display settings in recommendation blocks
21
- */
22
- export declare class CurrencyControl extends CommonControl {
23
- private store;
24
- private storeUnsubscription;
25
- getId(): string;
26
- getTemplate(): string;
27
- onRender(): void;
28
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
29
- onDestroy(): void;
30
- _setFormValues(): void;
31
- _initializeSelectItems(): void;
32
- /**
33
- * Applies currency updates to node config, HTML attributes, Pinia store, and DOM.
34
- * @param updates - Partial currency config to merge
35
- * @param triggerRefetch - Whether to trigger a product API refetch.
36
- * true for currency code changes (different prices from API),
37
- * false for display-only changes (symbol, separators, alignment, decimal count).
38
- */
39
- _updateCurrency(updates: Partial<CurrencyConfig>, triggerRefetch?: boolean): void;
40
- _onCurrencyChange(value: string): void;
41
- _onCurrencyLocationChange(value: string): void;
42
- _onCurrencySymbolChange(value: string): void;
43
- _onThousandSeparatorChange(value: string): void;
44
- _onDecimalSeparatorChange(value: string): void;
45
- _onDecimalCountChange(value: string): void;
46
- _listenToFormUpdates(): void;
47
- /**
48
- * Subscribe to store changes to update currency selects when API data arrives
49
- * This handles the case where the control renders before currency list is loaded
50
- */
51
- _subscribeToStoreChanges(): void;
52
- }
@@ -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,68 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- import { AlgorithmControl, ALGORITHM_CONTROL_ID } from './algorithm';
4
- import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
5
- import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
6
- import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
7
- import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
8
- import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
9
- export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
10
- 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, };
11
- export * from './utils';
12
- /**
13
- * Main recommendation block control that composes all sub-controls
14
- * Registered in the Settings tab of the block's settings panel
15
- */
16
- export declare class RecommendationBlockControl extends CommonControl {
17
- private store;
18
- private storeUnsubscription;
19
- private initializedBlocks;
20
- private algorithmControl;
21
- private localeControl;
22
- private currencyControl;
23
- private productLayoutControl;
24
- private filtersControl;
25
- private shuffleControl;
26
- getId(): string;
27
- getTemplate(): string;
28
- onRender(): Promise<void>;
29
- /**
30
- * Immediately regenerate products with styles (no debounce)
31
- * Used for initial load after fetch completes
32
- */
33
- private _regenerateWithProducts;
34
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
35
- onDestroy(): void;
36
- /**
37
- * Initialize all sub-controls with the shared API context
38
- * Each sub-control manages its own form values and event listeners
39
- */
40
- _initializeSubControls(): void;
41
- /**
42
- * Fetches initial data for a block (filters, algorithms, products).
43
- * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
44
- * Marks the block as initialized to prevent redundant fetches on re-selection.
45
- */
46
- private _fetchBlockData;
47
- /**
48
- * Reads the recommendation-id attribute from the block element within the node
49
- */
50
- private _getRecommendationIdFromNode;
51
- /**
52
- * Debounced product fetch to prevent rapid API calls during config changes
53
- */
54
- private _debouncedFetchProducts;
55
- /**
56
- * Debounced regeneration when products arrive from API
57
- * Tries in-place update first to preserve styles, falls back to full regeneration
58
- */
59
- private _debouncedRegenerateWithProducts;
60
- /**
61
- * Listen to store changes that require product refresh or regeneration.
62
- *
63
- * Uses configVersion counter (incremented only by patchCurrentBlockConfig)
64
- * to distinguish user-initiated config changes from internal mutations
65
- * (e.g., fetchRecommendationCreateData setting preferred currency).
66
- */
67
- _listenStateUpdates(): void;
68
- }
@@ -1,24 +0,0 @@
1
- /**
2
- * Locale Selection Control
3
- *
4
- * Handles locale/language selection for recommendation products.
5
- * Configuration is stored via node config (persists with template).
6
- * Language options are fetched from API and cached in Pinia store.
7
- */
8
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
9
- import { CommonControl } from '../../../common-control';
10
- export declare const LOCALE_CONTROL_ID = "recommendation-locale-control";
11
- /**
12
- * Control for selecting recommendation content locale/language
13
- */
14
- export declare class LocaleControl extends CommonControl {
15
- private store;
16
- getId(): string;
17
- getTemplate(): string;
18
- onRender(): void;
19
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
20
- _setFormValues(): void;
21
- _initializeSelectItems(): void;
22
- _onLocaleChange(value: string): void;
23
- _listenToFormUpdates(): void;
24
- }
@@ -1,42 +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 list layout)
7
- * - Triggers product row regeneration on changes
8
- *
9
- * Configuration is stored via node config (persists with template).
10
- */
11
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
12
- import { CommonControl } from '../../../common-control';
13
- export declare const PRODUCT_LAYOUT_CONTROL_ID = "recommendation-product-layout-control";
14
- /**
15
- * Control for configuring product count and layout density
16
- */
17
- export declare class ProductLayoutControl extends CommonControl {
18
- private store;
19
- private storeUnsubscription;
20
- getId(): string;
21
- getTemplate(): string;
22
- onRender(): void;
23
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
24
- onDestroy(): void;
25
- _setFormValues(): void;
26
- /**
27
- * Updates "Products in One Row" visibility based on layout orientation
28
- * This control is hidden for list layout (products always take full width)
29
- * Reads from node config first, falls back to DOM
30
- */
31
- _updateProductsInRowVisibility(): void;
32
- _onProductCountChange(value: string): void;
33
- _onProductsInRowChange(value: number): void;
34
- _regenerateProductRows(): void;
35
- _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
36
- _listenToFormUpdates(): void;
37
- /**
38
- * Subscribe to store changes to update visibility when layout changes
39
- * This is still needed because layout changes come from LayoutControl
40
- */
41
- _listenStateUpdates(): void;
42
- }
@@ -1,23 +0,0 @@
1
- /**
2
- * Shuffle Products Control
3
- *
4
- * Handles the toggle for shuffling/randomizing recommended products.
5
- * Configuration is stored via node config (persists with template).
6
- */
7
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
8
- import { CommonControl } from '../../../common-control';
9
- export declare const SHUFFLE_CONTROL_ID = "recommendation-shuffle-control";
10
- /**
11
- * Control for toggling product shuffle/randomization
12
- */
13
- export declare class ShuffleControl extends CommonControl {
14
- private store;
15
- getId(): string;
16
- getTemplate(): string;
17
- onRender(): void;
18
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
19
- _setFormValues(): void;
20
- _initializeToggle(): void;
21
- _onShuffleChange(value: boolean): void;
22
- _listenToFormUpdates(): void;
23
- }