@useinsider/guido 2.2.0-beta.d819452 → 2.2.0-beta.eeefcc3

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 (200) hide show
  1. package/README.md +36 -0
  2. package/dist/@types/config/schemas.js +70 -65
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +69 -58
  5. package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js +15 -14
  6. package/dist/components/organisms/header/HeaderWrapper.vue.js +9 -9
  7. package/dist/composables/useActionsApi.js +15 -13
  8. package/dist/composables/useBlocksConfig.js +26 -16
  9. package/dist/composables/useHtmlValidator.js +114 -104
  10. package/dist/composables/useRecommendation.js +54 -21
  11. package/dist/composables/useStripo.js +25 -23
  12. package/dist/composables/useVersionHistoryApi.js +1 -1
  13. package/dist/config/compiler/recommendationCompilerRules.js +45 -39
  14. package/dist/config/compiler/utils/recommendationCompilerUtils.js +121 -0
  15. package/dist/config/i18n/en/index.js +11 -0
  16. package/dist/config/i18n/en/labels.json.js +7 -0
  17. package/dist/config/i18n/en/toasters.json.js +56 -0
  18. package/dist/config/i18n/en/tooltips.json.js +82 -0
  19. package/dist/config/i18n/index.js +7 -0
  20. package/dist/config/migrator/itemsBlockMigrator.js +142 -120
  21. package/dist/config/migrator/recommendationMigrator.js +2 -2
  22. package/dist/enums/defaults.js +8 -4
  23. package/dist/enums/extensions/recommendationBlock.js +1 -1
  24. package/dist/enums/recommendation.js +16 -15
  25. package/dist/extensions/Blocks/Items/block.js +19 -28
  26. package/dist/extensions/Blocks/Items/controls/button/link.js +19 -31
  27. package/dist/extensions/Blocks/Items/controls/cardComposition.js +124 -85
  28. package/dist/extensions/Blocks/Items/controls/image/link.js +19 -31
  29. package/dist/extensions/Blocks/Items/controls/name/trimming.js +28 -40
  30. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +35 -47
  31. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +49 -54
  32. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +42 -51
  33. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +23 -36
  34. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +45 -57
  35. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +42 -60
  36. package/dist/extensions/Blocks/Items/controls/settingsControl.js +189 -196
  37. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +0 -2
  38. package/dist/extensions/Blocks/Items/extension.js +8 -9
  39. package/dist/extensions/Blocks/Items/settingsPanel.js +10 -15
  40. package/dist/extensions/Blocks/Items/template.js +181 -175
  41. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +65 -65
  42. package/dist/extensions/Blocks/Recommendation/block.js +133 -9
  43. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +4 -0
  44. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +4 -0
  45. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +66 -0
  46. package/dist/extensions/Blocks/Recommendation/constants/layout.js +22 -0
  47. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +21 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +64 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +80 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +232 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +19 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +92 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +102 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +209 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +52 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +250 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +70 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +160 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +67 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +307 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +21 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +46 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +108 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +44 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +48 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextAfterControl.js → omnibusDiscount/textAfter.js} +16 -14
  67. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextBeforeControl.js → omnibusDiscount/textBefore.js} +16 -14
  68. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +48 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextAfterControl.js → omnibusPrice/textAfter.js} +16 -14
  70. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextBeforeControl.js → omnibusPrice/textBefore.js} +14 -12
  71. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +44 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +222 -0
  73. package/dist/extensions/Blocks/Recommendation/extension.js +40 -17
  74. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +19 -3
  75. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +13 -4
  76. package/dist/extensions/Blocks/Recommendation/services/configService.js +240 -0
  77. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +21 -10
  78. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +254 -207
  79. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +228 -0
  80. package/dist/extensions/Blocks/Recommendation/templates/grid/migration.js +251 -0
  81. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +66 -0
  82. package/dist/extensions/Blocks/Recommendation/templates/index.js +12 -0
  83. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +169 -0
  84. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +73 -0
  85. package/dist/extensions/Blocks/Recommendation/templates/utils.js +134 -0
  86. package/dist/extensions/Blocks/Recommendation/types/nodeConfig.js +6 -0
  87. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  88. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +26 -15
  89. package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js +29 -0
  90. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +46 -0
  91. package/dist/extensions/Blocks/common-control.js +91 -92
  92. package/dist/extensions/Blocks/controlFactories.js +125 -93
  93. package/dist/extensions/ModulesTabIcons/extension.js +17 -0
  94. package/dist/guido.css +1 -1
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +317 -193
  96. package/dist/package.json.js +1 -1
  97. package/dist/services/recommendationApi.js +11 -8
  98. package/dist/services/stripoApi.js +20 -17
  99. package/dist/services/templateLibraryApi.js +16 -13
  100. package/dist/src/@types/config/schemas.d.ts +8 -0
  101. package/dist/src/components/wrappers/WpDrawer.vue.d.ts +1 -1
  102. package/dist/src/composables/useConfig.d.ts +4 -0
  103. package/dist/src/composables/useRecommendation.d.ts +1 -0
  104. package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts +17 -0
  105. package/dist/src/config/i18n/en/index.d.ts +1 -0
  106. package/dist/src/config/i18n/index.d.ts +16 -0
  107. package/dist/src/enums/defaults.d.ts +4 -0
  108. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -1
  109. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -1
  110. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +5 -5
  111. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -1
  112. package/dist/src/extensions/Blocks/Items/controls/name/trimming.d.ts +0 -1
  113. package/dist/src/extensions/Blocks/Items/controls/price/currencyLocation.d.ts +0 -1
  114. package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts +0 -1
  115. package/dist/src/extensions/Blocks/Items/controls/price/formattedPrice.d.ts +0 -1
  116. package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts +0 -1
  117. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +0 -1
  118. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +0 -5
  119. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +10 -12
  120. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +2 -1
  121. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +67 -0
  122. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +13 -0
  123. package/dist/src/extensions/Blocks/Recommendation/{constants.d.ts → constants/controlIds.d.ts} +0 -24
  124. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +49 -0
  125. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +13 -0
  126. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +41 -0
  127. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +35 -0
  128. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +143 -0
  129. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +31 -0
  130. package/dist/src/extensions/Blocks/Recommendation/{cardCompositionControl.d.ts → controls/cardComposition/index.d.ts} +23 -3
  131. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +35 -0
  132. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +21 -589
  133. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +37 -0
  134. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +29 -0
  135. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +52 -0
  136. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +22 -0
  137. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +79 -0
  138. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +24 -0
  139. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +60 -0
  140. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +23 -0
  141. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +221 -0
  142. package/dist/src/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.d.ts +29 -0
  143. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +97 -0
  144. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +34 -0
  145. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +95 -0
  146. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +100 -0
  147. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +15 -0
  148. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +15 -0
  149. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +100 -0
  150. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +15 -0
  151. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +15 -0
  152. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +95 -0
  153. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +83 -0
  154. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +9 -0
  155. package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +151 -0
  156. package/dist/src/extensions/Blocks/Recommendation/services/index.d.ts +6 -0
  157. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +138 -468
  158. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +20 -0
  159. package/dist/src/extensions/Blocks/Recommendation/templates/{migrationTemplate.d.ts → grid/migration.d.ts} +11 -4
  160. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +33 -0
  161. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +41 -0
  162. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +8 -0
  163. package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts +25 -0
  164. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +18 -0
  165. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +66 -0
  166. package/dist/src/extensions/Blocks/Recommendation/types/index.d.ts +7 -0
  167. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +166 -0
  168. package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts +33 -0
  169. package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +113 -0
  170. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +77 -0
  171. package/dist/src/extensions/Blocks/common-control.d.ts +4 -5
  172. package/dist/src/extensions/ModulesTabIcons/extension.d.ts +2 -0
  173. package/dist/src/stores/config.d.ts +36 -0
  174. package/dist/static/styles/components/notification.css.js +19 -0
  175. package/dist/static/styles/components/tools.css.js +6 -2
  176. package/dist/static/styles/components/version-history.css.js +10 -2
  177. package/dist/static/styles/components/wide-panel.css.js +18 -2
  178. package/dist/static/styles/customEditorStyle.css.js +35 -11
  179. package/dist/static/styles/variables.css.js +2 -0
  180. package/dist/static/templates/empty/index.html.js +74 -0
  181. package/dist/static/templates/empty/style.css.js +779 -0
  182. package/dist/utils/pairProductVariables.js +57 -56
  183. package/dist/utils/templatePreparation.js +15 -14
  184. package/package.json +2 -2
  185. package/dist/extensions/Blocks/Items/store/items-block.js +0 -79
  186. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +0 -187
  187. package/dist/extensions/Blocks/Recommendation/constants.js +0 -13
  188. package/dist/extensions/Blocks/Recommendation/control.js +0 -336
  189. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +0 -68
  190. package/dist/extensions/Blocks/Recommendation/controls/index.js +0 -245
  191. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +0 -74
  192. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +0 -188
  193. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +0 -181
  194. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +0 -189
  195. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +0 -209
  196. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -45
  197. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +0 -38
  198. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +0 -16
  199. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +0 -16
  200. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +0 -52
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Default Configuration for Recommendation Block
3
+ *
4
+ * This module provides the default values for RecommendationNodeConfig.
5
+ * These values are used when:
6
+ * - A new block is dropped into the template
7
+ * - Migrating legacy templates without stored config
8
+ * - Merging partial updates with existing config
9
+ */
10
+ import type { RecommendationNodeConfig, CurrencyConfig, OmnibusTextConfig } from '../types/nodeConfig';
11
+ /**
12
+ * Default currency configuration
13
+ * Uses USD as the base currency with standard formatting
14
+ * Note: symbol stores the currency code (e.g., 'USD'), not the symbol character ('$')
15
+ * This matches the Currency Symbol dropdown which shows currency codes
16
+ */
17
+ export declare const DEFAULT_CURRENCY: CurrencyConfig;
18
+ /**
19
+ * Default omnibus price text configuration
20
+ * Pre-filled with common EU Omnibus Directive text
21
+ */
22
+ export declare const DEFAULT_OMNIBUS_PRICE: OmnibusTextConfig;
23
+ /**
24
+ * Default omnibus discount text configuration
25
+ */
26
+ export declare const DEFAULT_OMNIBUS_DISCOUNT: OmnibusTextConfig;
27
+ /**
28
+ * Default card composition order
29
+ * Defines the visual order of elements in product cards
30
+ */
31
+ export declare const DEFAULT_COMPOSITION: string[];
32
+ /**
33
+ * Default visibility settings for card elements
34
+ * Omnibus elements are hidden by default (not all regions require them)
35
+ */
36
+ export declare const DEFAULT_VISIBILITY: Record<string, boolean>;
37
+ /**
38
+ * Complete default configuration for Recommendation Block
39
+ *
40
+ * This is the single source of truth for default values.
41
+ * All other code should import and use this constant.
42
+ */
43
+ export declare const DEFAULT_NODE_CONFIG: RecommendationNodeConfig;
44
+ /**
45
+ * Current configuration version
46
+ * Increment this when making breaking changes to the schema
47
+ * Used for migration detection
48
+ */
49
+ export declare const CURRENT_CONFIG_VERSION = 1;
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Recommendation Extension Constants
3
+ *
4
+ * This module re-exports all constants for the Recommendation extension.
5
+ * Import from this file for cleaner imports.
6
+ * @example
7
+ * import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
8
+ */
9
+ export { RecommendationBlockId } from './blockIds';
10
+ export { RecommendationControlId } from './controlIds';
11
+ export { CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';
12
+ export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
13
+ export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, } from './defaultConfig';
@@ -0,0 +1,41 @@
1
+ /** Type-safe layout orientation values */
2
+ export declare const LAYOUT_VALUES: {
3
+ GRID: "grid";
4
+ LIST: "list";
5
+ };
6
+ /** Layout options for radio button UI control */
7
+ export declare const LAYOUT_OPTIONS: ({
8
+ icon: string;
9
+ value: "grid";
10
+ } | {
11
+ icon: string;
12
+ value: "list";
13
+ })[];
14
+ /** Default number of products displayed per row in grid layout */
15
+ export declare const DEFAULT_PRODUCTS_PER_ROW = 3;
16
+ /** Default number of cards in a row (used in store initialization) */
17
+ export declare const DEFAULT_CARDS_IN_ROW = 3;
18
+ /** Maximum number of products that can be displayed */
19
+ export declare const MAX_PRODUCT_COUNT = 9;
20
+ /** Minimum number of products that can be displayed */
21
+ export declare const MIN_PRODUCT_COUNT = 1;
22
+ /** Maximum number of products per row in grid layout */
23
+ export declare const MAX_PRODUCTS_PER_ROW = 4;
24
+ /** Minimum number of products per row in grid layout */
25
+ export declare const MIN_PRODUCTS_PER_ROW = 1;
26
+ /** Default number of products per row on mobile */
27
+ export declare const DEFAULT_MOBILE_CARDS_IN_ROW = 1;
28
+ /** Maximum products per row on mobile */
29
+ export declare const MAX_MOBILE_PRODUCTS_PER_ROW = 2;
30
+ /** Minimum products per row on mobile */
31
+ export declare const MIN_MOBILE_PRODUCTS_PER_ROW = 1;
32
+ /** Default column spacing between product cards (5px on each side = 10px total) */
33
+ export declare const DEFAULT_COLUMN_SPACING = 10;
34
+ /** Default row spacing between product rows */
35
+ export declare const DEFAULT_ROW_SPACING = 20;
36
+ /** Minimum spacing value */
37
+ export declare const MIN_SPACING = 0;
38
+ /** Maximum spacing value */
39
+ export declare const MAX_SPACING = 50;
40
+ /** Spacing adjustment step */
41
+ export declare const SPACING_STEP = 5;
@@ -0,0 +1,35 @@
1
+ /**
2
+ * CSS selectors and data attributes used across the Recommendation extension
3
+ */
4
+ /**
5
+ * Container selector for the product container element
6
+ * Used across controls to target elements within the recommendation block
7
+ */
8
+ export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
9
+ /** Desktop product container selector */
10
+ export declare const DESKTOP_CONTAINER_SELECTOR = ".ins-recommendation-desktop-container";
11
+ /** Mobile product container selector */
12
+ export declare const MOBILE_CONTAINER_SELECTOR = ".ins-recommendation-mobile-container";
13
+ /**
14
+ * Currency HTML attributes set on the block element
15
+ * These are read by the HTML compiler at runtime to format prices
16
+ */
17
+ export declare const CURRENCY_ATTR: {
18
+ readonly CURRENCY: "currency";
19
+ readonly SYMBOL: "currency-symbol";
20
+ readonly ALIGNMENT: "currency-alignment";
21
+ readonly THOUSAND_SEPARATOR: "currency-thousand-separator";
22
+ readonly DECIMAL_SEPARATOR: "currency-decimal-separator";
23
+ readonly DECIMAL_COUNT: "currency-decimal-count";
24
+ };
25
+ /**
26
+ * Attribute type constants used in templates
27
+ * These are used as keys in ElementRenderer and composition arrays
28
+ */
29
+ export declare const ATTR_PRODUCT_IMAGE = "productImage";
30
+ export declare const ATTR_PRODUCT_NAME = "productName";
31
+ export declare const ATTR_PRODUCT_PRICE = "productPrice";
32
+ export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
33
+ export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
34
+ export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
35
+ export declare const ATTR_PRODUCT_BUTTON = "productButton";
@@ -0,0 +1,143 @@
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
+ };
@@ -0,0 +1,31 @@
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,5 +1,5 @@
1
1
  import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../common-control';
2
+ import { CommonControl } from '../../../common-control';
3
3
  export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
4
4
  export interface CardCompositionItem {
5
5
  key: string;
@@ -7,6 +7,8 @@ export interface CardCompositionItem {
7
7
  visible: boolean;
8
8
  }
9
9
  export declare class RecommendationCardCompositionControl extends CommonControl {
10
+ private store;
11
+ private unsubscribeOrientation;
10
12
  getId(): string;
11
13
  getTemplate(): string;
12
14
  onRender(): void;
@@ -57,10 +59,12 @@ export declare class RecommendationCardCompositionControl extends CommonControl
57
59
  /**
58
60
  * Apply the reordered composition to the block's HTML structure
59
61
  * Updates the data-card-composition attribute and reorders product attributes
62
+ * Note: Reordering is only applied for grid layout
60
63
  */
61
64
  private _applyCompositionToBlock;
62
65
  /**
63
- * Reorders attribute rows within each product row based on composition order
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
64
68
  */
65
69
  private _reorderProductAttributes;
66
70
  /**
@@ -69,7 +73,23 @@ export declare class RecommendationCardCompositionControl extends CommonControl
69
73
  private _buildCompositionHtml;
70
74
  /**
71
75
  * Apply visibility changes to the block's HTML structure
72
- * Updates display style and data-visibility attribute for all matching rows
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
73
79
  */
74
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 list 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;
75
95
  }
@@ -0,0 +1,35 @@
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
+ };