@useinsider/guido 3.8.2-beta.3ad29fb → 3.8.2-beta.6bfa66f
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.
- package/dist/@types/config/schemas.js +66 -70
- package/dist/composables/usePreviewMode.js +14 -15
- package/dist/config/compiler/recommendationCompilerRules.js +1 -1
- package/dist/config/compiler/utils/recommendationCompilerUtils.js +80 -88
- package/dist/config/migrator/recommendation/htmlBuilder.js +52 -53
- package/dist/config/migrator/recommendation/settingsMapper.js +33 -38
- package/dist/extensions/Blocks/Recommendation/block.js +45 -61
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +32 -41
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +289 -353
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +87 -99
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +160 -162
- package/dist/extensions/Blocks/Recommendation/extension.js +29 -30
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +7 -21
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -64
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +1 -3
- package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +96 -130
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +54 -43
- package/dist/extensions/Blocks/Recommendation/templates/index.js +14 -17
- package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +80 -86
- package/dist/extensions/Blocks/Recommendation/templates/list/template.js +40 -31
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +102 -155
- package/dist/extensions/Blocks/controlFactories.js +76 -57
- package/dist/src/@types/config/schemas.d.ts +0 -16
- package/dist/src/composables/useConfig.d.ts +0 -4
- package/dist/src/config/migrator/recommendation/settingsMapper.d.ts +1 -1
- package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Items/controls/index.d.ts +3 -3
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +3 -29
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -3
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +1 -13
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +4 -4
- package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +1 -10
- package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +3 -3
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +1 -51
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -15
- package/dist/src/extensions/Blocks/controlFactories.d.ts +10 -1
- package/dist/src/stores/config.d.ts +0 -36
- package/package.json +1 -1
- package/dist/composables/useRecommendationPreview.js +0 -111
- package/dist/extensions/Blocks/Recommendation/canvasPreview.css.js +0 -16
- package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js +0 -133
- package/dist/src/composables/useRecommendationPreview.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/main/pricePlacement.d.ts +0 -59
|
@@ -3,5 +3,5 @@ import type { CurrencyConfig, RecommendationNodeConfig } from '@@/Extensions/Blo
|
|
|
3
3
|
import type { LegacyRecommendationConfig } from '@@/Types/config';
|
|
4
4
|
/** Defensive against missing/malformed legacy `currencySettings` — defaults are per-field, not whole-object. */
|
|
5
5
|
export declare function mapCurrency(legacy: unknown): CurrencyConfig;
|
|
6
|
-
export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | '
|
|
6
|
+
export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | 'configVersion'>;
|
|
7
7
|
export declare function mapSettings(recCfg: LegacyRecommendationConfig, parsed: LegacyProductConfig, id: number): SettingsPartial;
|
|
@@ -74,11 +74,11 @@ export declare const TextBackgroundControl: {
|
|
|
74
74
|
new (): {
|
|
75
75
|
getId(): string;
|
|
76
76
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
77
|
+
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;
|
|
77
78
|
getParentControlId(): string;
|
|
78
79
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
79
80
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
80
81
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
81
|
-
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;
|
|
82
82
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
83
83
|
};
|
|
84
84
|
};
|
|
@@ -232,11 +232,11 @@ export declare const OriginalPriceControls: {
|
|
|
232
232
|
new (): {
|
|
233
233
|
getId(): string;
|
|
234
234
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
235
|
+
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;
|
|
235
236
|
getParentControlId(): string;
|
|
236
237
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
237
238
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
238
239
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
239
|
-
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;
|
|
240
240
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
241
241
|
};
|
|
242
242
|
};
|
|
@@ -318,11 +318,11 @@ export declare const PriceControls: {
|
|
|
318
318
|
new (): {
|
|
319
319
|
getId(): string;
|
|
320
320
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
321
|
+
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;
|
|
321
322
|
getParentControlId(): string;
|
|
322
323
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
323
324
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
324
325
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
325
|
-
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;
|
|
326
326
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
327
327
|
};
|
|
328
328
|
};
|
|
@@ -404,11 +404,11 @@ export declare const NameControls: {
|
|
|
404
404
|
new (): {
|
|
405
405
|
getId(): string;
|
|
406
406
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
407
|
+
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;
|
|
407
408
|
getParentControlId(): string;
|
|
408
409
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
409
410
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
410
411
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
411
|
-
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;
|
|
412
412
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
413
413
|
};
|
|
414
414
|
};
|
|
@@ -117,16 +117,6 @@ export declare class RecommendationBlock extends Block {
|
|
|
117
117
|
* added classes via setAttribute.
|
|
118
118
|
*/
|
|
119
119
|
private _assignRecommendationId;
|
|
120
|
-
/**
|
|
121
|
-
* Stamps the `hide-price` attribute (read by email-service at send time) on
|
|
122
|
-
* the block element from the config flag.
|
|
123
|
-
*/
|
|
124
|
-
private _stampHidePrice;
|
|
125
|
-
/**
|
|
126
|
-
* Stamps `hide-price` from config only when the block lacks the attribute —
|
|
127
|
-
* heals templates saved before this feature without dirtying current ones.
|
|
128
|
-
*/
|
|
129
|
-
private _healHidePriceAttr;
|
|
130
120
|
/**
|
|
131
121
|
* Gets the recommendation-id from a block node
|
|
132
122
|
*/
|
|
@@ -50,15 +50,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
|
|
|
50
50
|
*/
|
|
51
51
|
private _tryReorderInPlace;
|
|
52
52
|
private _createBuiltInItemHtml;
|
|
53
|
-
/**
|
|
54
|
-
* Inline mode: the merged "Product Prices" group item. It moves as a unit in
|
|
55
|
-
* the main list (both keys stay adjacent) and contains a nested 2-item drag
|
|
56
|
-
* to reorder Product Price ↔ Product Original Price — which flips the inline
|
|
57
|
-
* render order via `resolveInlinePriceOrder`. The group keeps a single
|
|
58
|
-
* visibility toggle (`data-action-for="productPrice"`). Nested sub-items use a
|
|
59
|
-
* plain drag handle (no UE button → untouched by the reorder-icon rescue).
|
|
60
|
-
*/
|
|
61
|
-
private _createPriceGroupItemHtml;
|
|
62
53
|
private _createCustomItemHtml;
|
|
63
54
|
/**
|
|
64
55
|
* Builds select options from the store's filterList.
|
|
@@ -114,23 +105,7 @@ export declare class RecommendationCardCompositionControl extends CommonControl
|
|
|
114
105
|
*/
|
|
115
106
|
private _rescueReorderIconsToStore;
|
|
116
107
|
private _setupEventListeners;
|
|
117
|
-
/**
|
|
118
|
-
* Builds the composition key order from the orderable list, expanding the
|
|
119
|
-
* inline "Product Prices" group into its two sub-keys (in nested DOM order)
|
|
120
|
-
* so both price keys stay adjacent and in the user-chosen order.
|
|
121
|
-
*/
|
|
122
|
-
private _extractCompositionOrder;
|
|
123
108
|
private _setupDragAndDrop;
|
|
124
|
-
/**
|
|
125
|
-
* Wires drag/drop reordering for one item level on the shared list. Both the
|
|
126
|
-
* top-level items and the nested price sub-items use this; they never fight
|
|
127
|
-
* because each only sets its `dragged` ref when its own `itemSelector` matches
|
|
128
|
-
* at dragstart (and the top-level one additionally ignores drags originating
|
|
129
|
-
* inside `ignoreSelector`). Every drop re-reads the full composition via
|
|
130
|
-
* `_extractCompositionOrder`, so both levels commit through `_onReorder`
|
|
131
|
-
* identically.
|
|
132
|
-
*/
|
|
133
|
-
private _registerDragHandlers;
|
|
134
109
|
private _setupDeleteHandler;
|
|
135
110
|
private _onAddAttribute;
|
|
136
111
|
/**
|
|
@@ -187,10 +162,9 @@ export declare class RecommendationCardCompositionControl extends CommonControl
|
|
|
187
162
|
private _extractSegmentBgFromCard;
|
|
188
163
|
private _getControlContainer;
|
|
189
164
|
/**
|
|
190
|
-
*
|
|
191
|
-
*
|
|
192
|
-
*
|
|
193
|
-
* disabled state.)
|
|
165
|
+
* Adds/removes orderable-disabled class based on layout orientation.
|
|
166
|
+
* List layout hides drag handles via CSS and disables draggable attribute
|
|
167
|
+
* to prevent native browser drag-and-drop from working without the handle.
|
|
194
168
|
*/
|
|
195
169
|
private _updateOrderableState;
|
|
196
170
|
/**
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* // Or individual imports
|
|
10
10
|
* import { NameAlignControl, ButtonColorControl } from './controls';
|
|
11
11
|
*/
|
|
12
|
-
export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID,
|
|
12
|
+
export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, } from './main';
|
|
13
13
|
export * from './main/utils';
|
|
14
14
|
export { NameControls } from './name';
|
|
15
15
|
export { PriceControls } from './price';
|
|
@@ -5,12 +5,11 @@ import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
|
|
|
5
5
|
import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
|
|
6
6
|
import { LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID } from './layoutOrientation';
|
|
7
7
|
import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
|
|
8
|
-
import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacement';
|
|
9
8
|
import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
|
|
10
9
|
import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
|
|
11
10
|
import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
|
|
12
11
|
export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
|
|
13
|
-
export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID,
|
|
12
|
+
export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, };
|
|
14
13
|
export * from './utils';
|
|
15
14
|
/**
|
|
16
15
|
* Main recommendation block control that composes all sub-controls
|
|
@@ -27,7 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
|
|
|
27
26
|
private productLayoutControl;
|
|
28
27
|
private filtersControl;
|
|
29
28
|
private shuffleControl;
|
|
30
|
-
private pricePlacementControl;
|
|
31
29
|
private layoutOrientationControl;
|
|
32
30
|
getId(): string;
|
|
33
31
|
getTemplate(): string;
|
|
@@ -73,11 +73,11 @@ export declare const NameControls: {
|
|
|
73
73
|
new (): {
|
|
74
74
|
getId(): string;
|
|
75
75
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
76
|
+
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;
|
|
76
77
|
getParentControlId(): string;
|
|
77
78
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
78
79
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
79
80
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
80
|
-
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;
|
|
81
81
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
82
82
|
};
|
|
83
83
|
};
|
|
@@ -72,11 +72,11 @@ export declare const OldPriceControls: {
|
|
|
72
72
|
new (): {
|
|
73
73
|
getId(): string;
|
|
74
74
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
75
|
+
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;
|
|
75
76
|
getParentControlId(): string;
|
|
76
77
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
77
78
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
78
79
|
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
80
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
81
81
|
};
|
|
82
82
|
};
|
|
@@ -75,11 +75,11 @@ export declare const OmnibusDiscountControls: {
|
|
|
75
75
|
new (): {
|
|
76
76
|
getId(): string;
|
|
77
77
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
78
|
+
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;
|
|
78
79
|
getParentControlId(): string;
|
|
79
80
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
80
81
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
81
82
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
82
|
-
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;
|
|
83
83
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
84
84
|
};
|
|
85
85
|
};
|
|
@@ -75,11 +75,11 @@ export declare const OmnibusPriceControls: {
|
|
|
75
75
|
new (): {
|
|
76
76
|
getId(): string;
|
|
77
77
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
78
|
+
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;
|
|
78
79
|
getParentControlId(): string;
|
|
79
80
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
80
81
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
81
82
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
82
|
-
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;
|
|
83
83
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
84
84
|
};
|
|
85
85
|
};
|
|
@@ -72,11 +72,11 @@ export declare const PriceControls: {
|
|
|
72
72
|
new (): {
|
|
73
73
|
getId(): string;
|
|
74
74
|
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
75
|
+
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;
|
|
75
76
|
getParentControlId(): string;
|
|
76
77
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
77
78
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
78
79
|
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
80
|
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
81
81
|
};
|
|
82
82
|
};
|
|
@@ -25,8 +25,6 @@ export interface PerBlockConfigs {
|
|
|
25
25
|
unresponsive: boolean;
|
|
26
26
|
size: string;
|
|
27
27
|
customAttributes: string[];
|
|
28
|
-
priceMovedToNextLine: boolean;
|
|
29
|
-
priceHideIfSameAsDiscounted: boolean;
|
|
30
28
|
}
|
|
31
29
|
interface PerBlockState {
|
|
32
30
|
recommendationConfigs: PerBlockConfigs;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import { type ElementRenderer, type CellRenderOptions } from '../utils';
|
|
1
|
+
import { type ElementRenderer } from '../utils';
|
|
3
2
|
/**
|
|
4
3
|
* Grid element renderer
|
|
5
4
|
* Each element returns a `<td>` containing a nested table structure:
|
|
@@ -25,15 +24,4 @@ export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
|
|
|
25
24
|
* card-composition control so both render identical filler markup.
|
|
26
25
|
*/
|
|
27
26
|
export declare function buildFillerCell(columnWidth: string, padding?: string): string;
|
|
28
|
-
/**
|
|
29
|
-
* Renders the inline price cell used when "Move to next line" is OFF: the sale
|
|
30
|
-
* price and original price sit side by side in a single attribute cell, each
|
|
31
|
-
* keeping its own `esd-extension-block-id` + `product-*` class so the per-element
|
|
32
|
-
* style controls and the compiler keep working.
|
|
33
|
-
*
|
|
34
|
-
* `originalFirst` preserves the card-composition order (original before sale when
|
|
35
|
-
* `productOldPrice` precedes `productPrice` in the composition) so the side-by-side
|
|
36
|
-
* order matches the stacked order.
|
|
37
|
-
*/
|
|
38
|
-
export declare function renderInlineGridPriceCell(product: RecommendationProduct, originalFirst?: boolean, priceOptions?: CellRenderOptions, oldPriceOptions?: CellRenderOptions, cardBackgroundColor?: string): string;
|
|
39
27
|
export declare const gridElementRenderer: ElementRenderer;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
|
|
2
|
-
import { type ElementRenderer, type
|
|
2
|
+
import { type ElementRenderer, type RenderOptions } from '../utils';
|
|
3
3
|
/**
|
|
4
4
|
* Generates attribute-aligned product rows for grid layout.
|
|
5
5
|
* Creates rows where each row contains one attribute type from all products.
|
|
@@ -9,7 +9,7 @@ import { type ElementRenderer, type PricePlacementFlags, type RenderOptions } fr
|
|
|
9
9
|
* @param composition - Array defining order of card elements
|
|
10
10
|
* @returns HTML string for attribute-aligned rows
|
|
11
11
|
*/
|
|
12
|
-
export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions
|
|
12
|
+
export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
|
|
13
13
|
/**
|
|
14
14
|
* Prepares grid product rows with attribute-aligned structure
|
|
15
15
|
* Groups products into rows, then generates attribute-aligned HTML for each group
|
|
@@ -19,7 +19,7 @@ export declare function prepareGridAttributeRows(products: RecommendationProduct
|
|
|
19
19
|
* @param composition - Array defining order of card elements
|
|
20
20
|
* @returns HTML string for all product rows
|
|
21
21
|
*/
|
|
22
|
-
export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions
|
|
22
|
+
export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
|
|
23
23
|
/**
|
|
24
24
|
* Prepares grid product rows with attribute-aligned structure.
|
|
25
25
|
* Uses row-based rendering where each attribute type forms a single row across all products.
|
|
@@ -28,6 +28,6 @@ export declare function prepareGridProductRows(products: RecommendationProduct[]
|
|
|
28
28
|
* @param composition - Array defining element order
|
|
29
29
|
* @returns HTML string for product rows
|
|
30
30
|
*/
|
|
31
|
-
export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions
|
|
31
|
+
export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
|
|
32
32
|
export declare function getDefaultTemplate(recommendationId?: number): string;
|
|
33
33
|
export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[], mobileProductsPerRow?: number): string;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import type { RecommendationProduct } from '@@/Types/recommendation';
|
|
8
8
|
import { type Orientation, type PrepareProductRowsOptions } from './utils';
|
|
9
|
-
export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts,
|
|
9
|
+
export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, toDisplayableAttributeValue, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, type AttributeStyleTemplate, type AttributeStyleTemplates, type CellBackgroundColors, type CellAlignments, type CellClasses, type OmnibusTexts, } from './utils';
|
|
10
10
|
/**
|
|
11
11
|
* Unified function to prepare product rows for any layout.
|
|
12
12
|
* Delegates to the appropriate layout-specific implementation.
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import { type ElementRenderer, type CellRenderOptions } from '../utils';
|
|
1
|
+
import { type ElementRenderer } from '../utils';
|
|
3
2
|
/**
|
|
4
3
|
* List element renderer
|
|
5
4
|
* - Image and Button return `<td>` cells for the 3-column layout
|
|
6
5
|
* - Name and Prices return `<tr><td>` rows for the info cell table
|
|
7
6
|
* All elements have esd-block-* classes for Stripo selection
|
|
8
7
|
*/
|
|
9
|
-
/**
|
|
10
|
-
* Inline price info row used when "Move to next line" is OFF: the sale price and
|
|
11
|
-
* original price sit in two cells of one row. Each keeps its block id + class so
|
|
12
|
-
* style controls and the compiler keep working. `originalFirst` preserves the
|
|
13
|
-
* card-composition order (original before sale by default) so it matches the
|
|
14
|
-
* stacked order.
|
|
15
|
-
*/
|
|
16
|
-
export declare function renderInlineListPriceRow(product: RecommendationProduct, originalFirst?: boolean, priceOptions?: CellRenderOptions, oldPriceOptions?: CellRenderOptions): string;
|
|
17
8
|
export declare const listElementRenderer: ElementRenderer;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
|
|
2
|
-
import { type
|
|
2
|
+
import { type RenderOptions } from '../utils';
|
|
3
3
|
/**
|
|
4
4
|
* Generates a list product card with 3-column layout
|
|
5
5
|
* Uses buildElementRenderer to render Image, Info content, and Button
|
|
@@ -12,7 +12,7 @@ import { type PricePlacementFlags, type RenderOptions } from '../utils';
|
|
|
12
12
|
* @param composition - Array defining order of card elements
|
|
13
13
|
* @returns HTML string for a single product card row
|
|
14
14
|
*/
|
|
15
|
-
export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions
|
|
15
|
+
export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
|
|
16
16
|
/**
|
|
17
17
|
* Prepares list product rows
|
|
18
18
|
* Each product is a full-width row with 3-column layout
|
|
@@ -20,6 +20,6 @@ export declare function getListProductCard(product: RecommendationProduct, compo
|
|
|
20
20
|
* @param composition - Array defining order of card elements
|
|
21
21
|
* @returns HTML string for product rows
|
|
22
22
|
*/
|
|
23
|
-
export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions
|
|
23
|
+
export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
|
|
24
24
|
export declare function getDefaultTemplate(): string;
|
|
25
25
|
export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;
|
|
@@ -1,39 +1,10 @@
|
|
|
1
|
-
import type { CurrencyConfig } from '../types/nodeConfig';
|
|
2
1
|
import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
|
|
3
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';
|
|
4
|
-
type PriceKey = 'price' | 'original_price' | 'discount';
|
|
5
|
-
/**
|
|
6
|
-
* Current currency configuration from the store, in CurrencyConfig shape.
|
|
7
|
-
*/
|
|
8
|
-
export declare function getCurrentCurrencyConfig(): CurrencyConfig;
|
|
9
|
-
/**
|
|
10
|
-
* Formats a product price using current currency settings. Falls back to the
|
|
11
|
-
* first available currency, then 0, when the active currency has no value.
|
|
12
|
-
*/
|
|
13
|
-
export declare function formatProductPrice(product: RecommendationProduct, priceKey?: PriceKey): string;
|
|
14
|
-
/**
|
|
15
|
-
* True when the formatted sale price equals the formatted original price.
|
|
16
|
-
* Mirrors the email-service / preview hide-if-same comparison semantics
|
|
17
|
-
* (formatted-string equality, same currency fallback chain).
|
|
18
|
-
*/
|
|
19
|
-
export declare function isSamePrice(product: RecommendationProduct): boolean;
|
|
20
3
|
/**
|
|
21
4
|
* Converts a snake_case attribute name to Title Case display name.
|
|
22
5
|
* e.g., "rating_star" → "Rating Star"
|
|
23
6
|
*/
|
|
24
7
|
export declare function toDisplayName(attrName: string): string;
|
|
25
|
-
/**
|
|
26
|
-
* Resolves the inline (side-by-side) price layout from the composition order so
|
|
27
|
-
* it matches the stacked order. `anchor` is whichever of price / original price
|
|
28
|
-
* comes first in the composition (the merged cell renders there); `skip` is the
|
|
29
|
-
* other (dropped, since it's merged in); `originalFirst` puts the original price
|
|
30
|
-
* on the left when it precedes the sale price (the default composition order).
|
|
31
|
-
*/
|
|
32
|
-
export declare function resolveInlinePriceOrder(composition: string[]): {
|
|
33
|
-
originalFirst: boolean;
|
|
34
|
-
anchor: string;
|
|
35
|
-
skip: string;
|
|
36
|
-
};
|
|
37
8
|
/**
|
|
38
9
|
* Reduces a raw product-attribute value to a displayable scalar string.
|
|
39
10
|
* Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
|
|
@@ -179,24 +150,10 @@ export interface RenderOptions {
|
|
|
179
150
|
/** Per-attribute visibility (show/hide) re-applied across regeneration; falls back to defaults. */
|
|
180
151
|
visibility?: AttributeVisibility;
|
|
181
152
|
}
|
|
182
|
-
/**
|
|
183
|
-
* Builds the per-attribute `CellRenderOptions` for one composition key from the block-level
|
|
184
|
-
* `RenderOptions`. Single source for both the stacked per-cell options and the two inline
|
|
185
|
-
* (price + old-price) option sets, so style capture → re-bake stays consistent across layouts.
|
|
186
|
-
*/
|
|
187
|
-
export declare function buildCellOptions(attrType: string, renderOptions: RenderOptions): CellRenderOptions;
|
|
188
153
|
/**
|
|
189
154
|
* Options for prepareProductRows unified function
|
|
190
155
|
*/
|
|
191
|
-
|
|
192
|
-
* Block-level price placement flags threaded into the row builders.
|
|
193
|
-
* - `priceInline`: render sale + original price on one line (skip the standalone
|
|
194
|
-
* original-price row).
|
|
195
|
-
*/
|
|
196
|
-
export interface PricePlacementFlags {
|
|
197
|
-
priceInline?: boolean;
|
|
198
|
-
}
|
|
199
|
-
export interface PrepareProductRowsOptions extends PricePlacementFlags, RenderOptions {
|
|
156
|
+
export interface PrepareProductRowsOptions extends RenderOptions {
|
|
200
157
|
/** Number of products per row (only for grid layout, defaults to 3) */
|
|
201
158
|
productsPerRow?: number;
|
|
202
159
|
/** Number of products per row on mobile (only for grid layout, defaults to 1) */
|
|
@@ -266,12 +223,6 @@ export declare function renderStyledParagraph(text: string, defaults: {
|
|
|
266
223
|
* base style. Returns '' when there is nothing to set.
|
|
267
224
|
*/
|
|
268
225
|
export declare function resolveSegmentBgStyle(baseStyle: string, cardBackgroundColor?: string): string;
|
|
269
|
-
/**
|
|
270
|
-
* The ` background-color: …;` CSS fragment for a captured "Block Background Color", or ''.
|
|
271
|
-
* Use this when merging into an existing `style="…"` attribute; use `cellBgStyleAttr` when the
|
|
272
|
-
* cell has no other inline style and needs the whole attribute.
|
|
273
|
-
*/
|
|
274
|
-
export declare function bgColorFragment(color?: string): string;
|
|
275
226
|
/**
|
|
276
227
|
* Builds the ` style="background-color: …"` attribute for a text attribute's
|
|
277
228
|
* `[esd-extension-block-id]` cell, baking in the captured "Block Background Color".
|
|
@@ -327,4 +278,3 @@ export declare function getDefaultProducts(count?: number): RecommendationProduc
|
|
|
327
278
|
* @returns HTML template string with {-{-TITLE-}-}, {-{-PRODUCT_ROWS-}-}, and {-{-MOBILE_PRODUCT_ROWS-}-} (grid only) placeholders
|
|
328
279
|
*/
|
|
329
280
|
export declare function createBlockTemplate(layout?: Orientation, instanceClass?: string): string;
|
|
330
|
-
export {};
|
|
@@ -152,21 +152,6 @@ export interface RecommendationNodeConfig {
|
|
|
152
152
|
* Whether to trim long product names with ellipsis
|
|
153
153
|
*/
|
|
154
154
|
textTrimming: boolean;
|
|
155
|
-
/**
|
|
156
|
-
* Whether the price and original price render on separate stacked lines.
|
|
157
|
-
* - true (default): each on its own attribute row (current Guido look)
|
|
158
|
-
* - false: both rendered inline on the same line, and Card Composition
|
|
159
|
-
* collapses them into a single "Product Prices" entry
|
|
160
|
-
* Ported from the legacy product block's `isPriceMovedToNextLine`.
|
|
161
|
-
*/
|
|
162
|
-
priceMovedToNextLine: boolean;
|
|
163
|
-
/**
|
|
164
|
-
* Whether to hide the redundant original price when it equals the sale
|
|
165
|
-
* price (no real discount). Enforced in the real email via a liquid
|
|
166
|
-
* condition and mirrored in the editor on mock data.
|
|
167
|
-
* Ported from the legacy product block's `isPriceDeletedForZeroSale`.
|
|
168
|
-
*/
|
|
169
|
-
priceHideIfSameAsDiscounted: boolean;
|
|
170
155
|
/**
|
|
171
156
|
* Configuration version for future migrations
|
|
172
157
|
* Increment when making breaking changes to schema
|
|
@@ -98,11 +98,20 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
|
|
|
98
98
|
new (): {
|
|
99
99
|
getId(): string;
|
|
100
100
|
getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
|
|
101
|
+
/**
|
|
102
|
+
* Mirrors the picked background onto each target cell as an INLINE style.
|
|
103
|
+
*
|
|
104
|
+
* Stripo's built-in applies the background as a stylesheet rule, not inline. On
|
|
105
|
+
* regeneration we re-bake the captured color inline (cellBgStyleAttr); inline then
|
|
106
|
+
* outranks Stripo's rule in the cascade, so a later re-edit silently has no effect
|
|
107
|
+
* (SD-143023). Writing the inline here keeps it the single source of truth and in
|
|
108
|
+
* sync on every edit. Merged into the parent control's single patch (no extra apply).
|
|
109
|
+
*/
|
|
110
|
+
getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
|
|
101
111
|
getParentControlId(): string;
|
|
102
112
|
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
103
113
|
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
104
114
|
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
105
|
-
getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
|
|
106
115
|
isVisible(_node: ImmutableHtmlNode): boolean;
|
|
107
116
|
};
|
|
108
117
|
};
|