@useinsider/guido 2.0.0-beta.5da4dde → 2.0.0-beta.6ae94e5

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 (121) hide show
  1. package/README.md +2 -0
  2. package/dist/@types/config/schemas.js +55 -39
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +15 -17
  5. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  6. package/dist/composables/useConfig.js +29 -27
  7. package/dist/composables/useSave.js +13 -11
  8. package/dist/composables/useStripo.js +40 -40
  9. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +69 -153
  10. package/dist/extensions/Blocks/Recommendation/constants.js +1 -9
  11. package/dist/extensions/Blocks/Recommendation/control.js +59 -74
  12. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  13. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  14. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  15. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  16. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  17. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  18. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  19. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  20. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  21. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  22. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  23. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  24. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  25. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  26. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  27. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  28. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  30. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  31. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  32. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  39. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/extension.js +42 -16
  47. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -117
  48. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +64 -85
  49. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +17 -54
  50. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +45 -74
  51. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  52. package/dist/guido.css +1 -1
  53. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +52 -47
  54. package/dist/services/stripoApi.js +6 -10
  55. package/dist/src/@types/config/index.d.ts +2 -2
  56. package/dist/src/@types/config/schemas.d.ts +30 -0
  57. package/dist/src/@types/config/types.d.ts +7 -1
  58. package/dist/src/composables/useConfig.d.ts +8 -0
  59. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +3 -50
  60. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +0 -32
  61. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +2 -5
  62. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  64. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  65. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  66. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  67. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  68. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  69. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  70. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  71. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  72. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  73. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  74. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  75. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  76. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  77. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  78. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  79. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  80. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  81. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  82. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  83. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  84. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  85. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  86. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  87. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  88. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  89. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  90. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  91. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  92. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  93. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  94. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  95. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  96. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  97. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +7 -15
  98. package/dist/src/stores/config.d.ts +164 -1
  99. package/dist/static/styles/components/button.css.js +1 -1
  100. package/dist/static/styles/components/wide-panel.css.js +4 -0
  101. package/dist/static/styles/customEditorStyle.css.js +0 -13
  102. package/dist/stores/config.js +7 -0
  103. package/package.json +1 -1
  104. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +0 -68
  105. package/dist/extensions/Blocks/Recommendation/controls/index.js +0 -245
  106. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +0 -74
  107. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js +0 -71
  108. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js +0 -71
  109. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js +0 -71
  110. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js +0 -71
  111. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +0 -188
  112. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -25
  113. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +0 -25
  114. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -592
  115. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +0 -16
  116. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +0 -15
  117. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +0 -15
  118. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +0 -15
  119. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +0 -15
  120. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +0 -60
  121. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
@@ -7,69 +7,22 @@ export interface CardCompositionItem {
7
7
  visible: boolean;
8
8
  }
9
9
  export declare class RecommendationCardCompositionControl extends CommonControl {
10
+ private currentComposition;
11
+ private currentVisibility;
10
12
  getId(): string;
11
13
  getTemplate(): string;
12
14
  onRender(): void;
13
15
  onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
14
16
  /**
15
- * Creates the HTML content for an orderable item with label and toggle
16
- */
17
- private _createItemContent;
18
- /**
19
- * Registers event listeners for composition and visibility changes
20
- */
21
- private _registerValueChangeListeners;
22
- /**
23
- * Initializes composition order and visibility state from the current node
17
+ * Initialize the composition order and visibility from the block or use defaults
24
18
  */
25
19
  private _initializeComposition;
26
- /**
27
- * Reads composition order from node's data-card-composition attribute
28
- * Falls back to default order if attribute is not present
29
- */
30
- private _readCompositionFromNode;
31
- /**
32
- * Builds visibility values object from the visibility map
33
- */
34
- private _buildVisibilityValues;
35
- /**
36
- * Read visibility state from individual row elements' data-visibility attributes
37
- * This ensures toggles reflect the actual DOM state
38
- */
39
- private _readVisibilityFromRows;
40
- /**
41
- * Returns default visibility values for all items
42
- */
43
- private _getDefaultVisibilities;
44
- /**
45
- * Extracts visibility values from DOM nodes
46
- */
47
- private _extractVisibilityFromRows;
48
- /**
49
- * Parses visibility value from string to boolean
50
- * Accepts "1", "true" as true, everything else as false
51
- */
52
- private _parseVisibilityValue;
53
- /**
54
- * Merges extracted visibilities with default values for missing keys
55
- */
56
- private _mergeWithDefaults;
57
20
  /**
58
21
  * Apply the reordered composition to the block's HTML structure
59
- * Updates the data-card-composition attribute and reorders product attributes
60
22
  */
61
23
  private _applyCompositionToBlock;
62
- /**
63
- * Reorders attribute rows within each product row based on composition order
64
- */
65
- private _reorderProductAttributes;
66
- /**
67
- * Builds HTML string with attributes ordered according to composition
68
- */
69
- private _buildCompositionHtml;
70
24
  /**
71
25
  * Apply visibility changes to the block's HTML structure
72
- * Updates display style and data-visibility attribute for all matching rows
73
26
  */
74
27
  private _applyVisibilityToBlock;
75
28
  }
@@ -1,14 +1,3 @@
1
- /**
2
- * Attribute type constants used in templates
3
- * These are used as keys in ElementRenderer and composition arrays
4
- */
5
- export declare const ATTR_PRODUCT_IMAGE = "productImage";
6
- export declare const ATTR_PRODUCT_NAME = "productName";
7
- export declare const ATTR_PRODUCT_PRICE = "productPrice";
8
- export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
9
- export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
10
- export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
11
- export declare const ATTR_PRODUCT_BUTTON = "productButton";
12
1
  /**
13
2
  * Block IDs used in the Recommendation Extension
14
3
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -18,8 +7,6 @@ export declare enum RecommendationBlockId {
18
7
  NAME = "recommendation-block-name",
19
8
  PRICE = "recommendation-block-price",
20
9
  OLD_PRICE = "recommendation-block-old-price",
21
- OMNIBUS_PRICE = "recommendation-block-omnibus-price",
22
- OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
23
10
  IMAGE = "recommendation-block-image"
24
11
  }
25
12
  /**
@@ -45,7 +32,6 @@ export declare enum RecommendationControlId {
45
32
  NAME_PADDINGS = "recommendation-block-name-paddings-control",
46
33
  NAME_SIZE = "recommendation-block-name-size-control",
47
34
  NAME_STYLE = "recommendation-block-name-style-control",
48
- NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
49
35
  PRICE_ALIGN = "recommendation-block-price-align-control",
50
36
  PRICE_BACKGROUND = "recommendation-block-price-background-control",
51
37
  PRICE_COLOR = "recommendation-block-price-color-control",
@@ -60,24 +46,6 @@ export declare enum RecommendationControlId {
60
46
  OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
61
47
  OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
62
48
  OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
63
- OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
64
- OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
65
- OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
66
- OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
67
- OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
68
- OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
69
- OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
70
- OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
71
- OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
72
- OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
73
- OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
74
- OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
75
- OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
76
- OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
77
- OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
78
- OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
79
- OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
80
- OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
81
49
  IMAGE_SIZE = "recommendation-block-image-size-control",
82
50
  IMAGE_MARGINS = "recommendation-block-image-margins-control"
83
51
  }
@@ -17,6 +17,8 @@ export declare class RecommendationBlockControl extends CommonControl {
17
17
  _getProductLayout(): string;
18
18
  _getFilterStatus(): string;
19
19
  _getShuffleProducts(): string;
20
+ _getResponsive(): string;
21
+ _onFilterChange(value: boolean): void;
20
22
  _onFilterSelectClick(): void;
21
23
  _onDataChange(item: string, value: string | number | string[]): void;
22
24
  /**
@@ -24,11 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
24
26
  */
25
27
  _getCardComposition(): string[];
26
28
  _regenerateProductRows(): void;
27
- /**
28
- * Reapply spacing values after product regeneration
29
- * This ensures spacing persists when products are regenerated
30
- */
31
- _reapplySpacing(): void;
32
29
  _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
33
30
  _onCurrencyConfigChange(item: string, value: string | number): void;
34
31
  _onCurrencyChange(value: string): void;
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonAlignControl extends ButtonAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonBorderBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonBorderControl extends ButtonBorderBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonBorderRadiusBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonBorderRadiusControl extends ButtonBorderRadiusBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonColorControl extends ButtonColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonFitToContainerBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonFitToContentControl extends ButtonFitToContainerBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonFontFamilyControl extends ButtonFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonMarginsControl extends ButtonMarginsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonPaddingsControl extends ButtonPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextControl extends ButtonTextBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextSizeControl extends ButtonTextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextStyleAndFontColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextStyleAndFontColorControl extends ButtonTextStyleAndFontColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ImageMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ImageMarginsControl extends ImageMarginsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ImageSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ImageSizeControl extends ImageSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NamePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPricePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PricePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -1,6 +1,6 @@
1
1
  import type { RecommendationProduct } from '@@/Types/recommendation';
2
- import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
3
- declare const blockTemplate = "\n <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n <tr>\n <td align=\"center\">\n <table\n class=\"container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <tr>\n <td>\n <table\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <BLOCK_TEXT\n class=\"es-p10t es-p10b es-p20l es-p20r\"\n align=\"center\">\n <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n </p>\n </BLOCK_TEXT>\n </tbody>\n </table>\n </td>\n </tr>\n \n <tr>\n <td class=\"spacer\" style=\"height: 10px;\"></td>\n </tr>\n\n <tr>\n <td>\n <table\n class=\"ins-recommendation-product-container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n >\n {-{-PRODUCT_ROWS-}-}\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
2
+ import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION } from './templateUtils';
3
+ declare const blockTemplate = "\n <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n <tr>\n <td align=\"center\">\n <table\n class=\"container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <tr>\n <td>\n <table\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <BLOCK_TEXT\n class=\"es-p10t es-p10b es-p20l es-p20r\"\n align=\"center\">\n <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n </p>\n </BLOCK_TEXT>\n </tbody>\n </table>\n </td>\n </tr>\n \n <tr>\n <td class=\"spacer\" style=\"height: 20px;\"></td>\n </tr>\n\n <tr>\n <td>\n <table\n class=\"ins-recommendation-product-container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n >\n {-{-PRODUCT_ROWS-}-}\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
4
4
  export declare function getDefaultTemplate(): string;
5
5
  /**
6
6
  * Generates a custom template with specified products and layout
@@ -12,5 +12,5 @@ export declare function getDefaultTemplate(): string;
12
12
  */
13
13
  export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
14
14
  export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
15
- export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
15
+ export { DEFAULTS, DEFAULT_CARD_COMPOSITION, getDefaultProducts, };
16
16
  export default blockTemplate;
@@ -1,13 +1,10 @@
1
1
  import type { RecommendationProduct } from '@@/Types/recommendation';
2
- import { 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 '../constants';
3
2
  export interface ElementRenderer {
4
- [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
5
- [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
6
- [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
7
- [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
8
- [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
9
- [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
10
- [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
3
+ productImage: (product: RecommendationProduct) => string;
4
+ productName: (product: RecommendationProduct) => string;
5
+ productPrice: (product: RecommendationProduct) => string;
6
+ productOldPrice: (product: RecommendationProduct) => string;
7
+ productButton: (product: RecommendationProduct) => string;
11
8
  }
12
9
  export interface TemplateConfig {
13
10
  spacer: string;
@@ -20,15 +17,10 @@ export declare const DEFAULTS: {
20
17
  TITLE: string;
21
18
  DESCRIPTION: string;
22
19
  };
23
- export declare const spacer = "\n <tr>\n <td class=\"spacer\" style=\"height: 10px;\"></td>\n </tr>\n";
24
- export declare const productRow = "\n <tr class=\"recommendation-product-row\">\n <td>\n <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n {-{-PRODUCTS-}-}\n </table>\n </td>\n </tr>\n";
20
+ export declare const spacer = "\n <tr>\n <td class=\"spacer\" style=\"height: 20px;\"></td>\n </tr>\n";
21
+ export declare const productRow = "\n <tr>\n <td>\n <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n {-{-PRODUCTS-}-}\n </table>\n </td>\n </tr>\n";
25
22
  export declare const productCardWrapper = "\n <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n <table\n width=\"100%\"\n height=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n class=\"product-card-wrapper\">\n <tr>\n <td\n class=\"product-attribute-cell\"\n valign=\"top\">\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n {-{-PRODUCT_CONTENT-}-}\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
26
23
  export declare const DEFAULT_CARD_COMPOSITION: string[];
27
- /**
28
- * Default visibility settings for card composition elements
29
- * Omnibus Price and Omnibus Discount are hidden by default
30
- */
31
- export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
32
24
  export declare function getDefaultProducts(): RecommendationProduct[];
33
25
  /**
34
26
  * Core template generation logic that works with any element renderer