@useinsider/guido 2.0.0-beta.1f72712 → 2.0.0-beta.200f113
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 +53 -39
- package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +6 -6
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +6 -6
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
- package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.js +18 -0
- package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue2.js +15 -0
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +14 -22
- package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
- package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +11 -10
- package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +12 -10
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
- package/dist/components/organisms/header/EditorActions.vue.js +20 -0
- package/dist/components/organisms/header/EditorActions.vue2.js +41 -0
- package/dist/components/organisms/header/EditorToolbar.vue.js +18 -0
- package/dist/components/organisms/header/EditorToolbar.vue2.js +17 -0
- package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -5
- package/dist/components/organisms/header/LeftSlot.vue.js +11 -11
- package/dist/components/organisms/header/LeftSlot.vue2.js +11 -12
- package/dist/components/organisms/header/MiddleSlot.vue.js +7 -7
- package/dist/components/organisms/header/MiddleSlot.vue2.js +11 -15
- package/dist/components/organisms/header/RightSlot.vue.js +11 -14
- package/dist/components/organisms/header/RightSlot.vue2.js +13 -30
- package/dist/components/organisms/header/version-history/VersionHistory.vue.js +5 -5
- package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
- package/dist/composables/useConfig.js +29 -27
- package/dist/composables/useSave.js +13 -11
- package/dist/config/migrator/recommendationMigrator.js +2 -2
- package/dist/enums/academy.js +8 -0
- package/dist/enums/onboarding.js +1 -2
- package/dist/enums/unsubscribe.js +20 -21
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +4 -13
- package/dist/extensions/Blocks/Recommendation/block.js +6 -40
- package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
- package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
- package/dist/extensions/Blocks/Recommendation/control.js +306 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +34 -39
- package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
- package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
- package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
- package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
- package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
- package/dist/extensions/Blocks/common-control.js +6 -7
- package/dist/extensions/Blocks/controlFactories.js +121 -155
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +297 -424
- package/dist/package.json.js +1 -1
- package/dist/src/@types/config/index.d.ts +2 -2
- package/dist/src/@types/config/schemas.d.ts +26 -0
- package/dist/src/@types/config/types.d.ts +7 -1
- package/dist/src/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/EditorActions.vue.d.ts +4 -0
- package/dist/src/components/organisms/header/EditorToolbar.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
- package/dist/src/components/wrappers/WpDrawer.vue.d.ts +1 -1
- package/dist/src/composables/useConfig.d.ts +6 -0
- package/dist/src/enums/academy.d.ts +12 -0
- package/dist/src/enums/onboarding.d.ts +0 -1
- package/dist/src/enums/unsubscribe.d.ts +0 -1
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -34
- package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
- package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
- package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -17
- package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
- package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
- package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
- package/dist/src/extensions/Blocks/common-control.d.ts +1 -1
- package/dist/src/stores/config.d.ts +147 -1
- package/dist/src/stores/editor.d.ts +21 -0
- package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
- package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
- package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
- package/dist/static/styles/components/button.css.js +1 -1
- package/dist/static/styles/components/wide-panel.css.js +5 -1
- package/dist/static/styles/customEditorStyle.css.js +2 -38
- package/dist/stores/config.js +7 -0
- package/dist/stores/editor.js +1 -0
- package/package.json +3 -3
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
- package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +0 -64
- package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -12
- package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
- package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -110
- package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -110
- package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -207
- package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -148
- package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -74
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -124
- package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -71
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -124
- package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -222
- package/dist/extensions/Blocks/Recommendation/services/configService.js +0 -239
- package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -181
- package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -71
- package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -116
- package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -211
- package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
- package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
- package/dist/extensions/Blocks/Recommendation/types/nodeConfig.js +0 -6
- package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
- package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js +0 -29
- package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
- package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +0 -49
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -27
- package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -31
- package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
- package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
- package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -36
- package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -29
- package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -45
- package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -62
- package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -24
- package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -42
- package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -23
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
- package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -83
- package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +0 -151
- package/dist/src/extensions/Blocks/Recommendation/services/index.d.ts +0 -6
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
- package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
- package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
- package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
- package/dist/src/extensions/Blocks/Recommendation/types/index.d.ts +0 -7
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -154
- package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
- package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts +0 -33
- package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +0 -113
- package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
- package/dist/static/assets/inbox-mockup.svg.js +0 -4
- package/dist/static/assets/phone-mockup.svg.js +0 -4
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Price Element Controls
|
|
3
|
-
*
|
|
4
|
-
* Controls for styling the product price element in recommendation cards.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Grouped Price Controls
|
|
8
|
-
* Use this object for cleaner imports in extension.ts
|
|
9
|
-
*/
|
|
10
|
-
export declare const PriceControls: {
|
|
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 color: {
|
|
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
|
-
readonly size: {
|
|
36
|
-
new (): {
|
|
37
|
-
getId(): string;
|
|
38
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
39
|
-
getParentControlId(): string;
|
|
40
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
41
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
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 style: {
|
|
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 background: {
|
|
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
|
-
};
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spacing Control
|
|
3
|
-
*
|
|
4
|
-
* Manages spacing between product cards:
|
|
5
|
-
* - Column spacing: horizontal gap between cards in the same row
|
|
6
|
-
* - Row spacing: vertical gap between different rows
|
|
7
|
-
*
|
|
8
|
-
* Configuration is stored via node config (persists with template).
|
|
9
|
-
* Actual spacing is applied to DOM elements via inline styles.
|
|
10
|
-
*/
|
|
11
|
-
import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
12
|
-
import { CommonControl } from '../../../common-control';
|
|
13
|
-
export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
|
|
14
|
-
/**
|
|
15
|
-
* Control for managing spacing between product cards
|
|
16
|
-
* - Column spacing: horizontal gap between cards in the same row
|
|
17
|
-
* - Row spacing: vertical gap between different rows
|
|
18
|
-
*/
|
|
19
|
-
export declare class SpacingControl extends CommonControl {
|
|
20
|
-
private store;
|
|
21
|
-
private unsubscribeOrientation;
|
|
22
|
-
getId(): string;
|
|
23
|
-
getTemplate(): string;
|
|
24
|
-
onRender(): void;
|
|
25
|
-
onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
|
|
26
|
-
onDestroy(): void;
|
|
27
|
-
/**
|
|
28
|
-
* Updates column spacing visibility based on layout orientation
|
|
29
|
-
* Column spacing is hidden for horizontal layout (products are stacked vertically)
|
|
30
|
-
* Reads from node config first, falls back to store then DOM
|
|
31
|
-
*/
|
|
32
|
-
_updateColumnSpacingVisibility(): void;
|
|
33
|
-
/**
|
|
34
|
-
* Reads spacing values from node config first, falls back to DOM styles
|
|
35
|
-
*/
|
|
36
|
-
_setFormValues(): void;
|
|
37
|
-
/**
|
|
38
|
-
* Gets stored column spacing from the first attribute row cell's padding.
|
|
39
|
-
* For vertical layout: cells inside .recommendation-attribute-row have padding applied.
|
|
40
|
-
* For horizontal layout: the parent of .product-card-wrapper has the padding.
|
|
41
|
-
* The padding is applied as "0 {halfSpacing}px", so we extract and multiply by 2.
|
|
42
|
-
*/
|
|
43
|
-
_getStoredColumnSpacing(): number;
|
|
44
|
-
/**
|
|
45
|
-
* Gets stored row spacing from the first spacer element's height style
|
|
46
|
-
*/
|
|
47
|
-
_getStoredRowSpacing(): number;
|
|
48
|
-
/**
|
|
49
|
-
* Handles column spacing changes.
|
|
50
|
-
* For vertical layout: applies horizontal padding to all cells inside attribute rows.
|
|
51
|
-
* For horizontal layout: applies padding to parent of product card wrappers.
|
|
52
|
-
*/
|
|
53
|
-
_onColumnSpacingChange(spacing: number): void;
|
|
54
|
-
/**
|
|
55
|
-
* Handles row spacing changes
|
|
56
|
-
* Applies height to all spacer elements between product rows
|
|
57
|
-
*/
|
|
58
|
-
_onRowSpacingChange(spacing: number): void;
|
|
59
|
-
/**
|
|
60
|
-
* Stores column spacing value in block data attribute
|
|
61
|
-
*/
|
|
62
|
-
_storeColumnSpacing(spacing: number): void;
|
|
63
|
-
/**
|
|
64
|
-
* Stores row spacing value in block data attribute
|
|
65
|
-
*/
|
|
66
|
-
_storeRowSpacing(spacing: number): void;
|
|
67
|
-
_listenToFormUpdates(): void;
|
|
68
|
-
/**
|
|
69
|
-
* Debounced version of _onColumnSpacingChange
|
|
70
|
-
* Prevents excessive DOM updates when user rapidly adjusts the counter
|
|
71
|
-
*/
|
|
72
|
-
_debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
|
|
73
|
-
/**
|
|
74
|
-
* Debounced version of _onRowSpacingChange
|
|
75
|
-
* Prevents excessive DOM updates when user rapidly adjusts the counter
|
|
76
|
-
*/
|
|
77
|
-
_debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
|
|
78
|
-
/**
|
|
79
|
-
* Subscribe to store orientation changes
|
|
80
|
-
* Updates column spacing visibility when layout changes via the layout control
|
|
81
|
-
*/
|
|
82
|
-
_subscribeToOrientationChanges(): void;
|
|
83
|
-
}
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Recommendation Config Service
|
|
3
|
-
*
|
|
4
|
-
* Service for managing Recommendation block configuration via Stripo's node config API.
|
|
5
|
-
* This replaces the Pinia store for persistent configuration data.
|
|
6
|
-
*
|
|
7
|
-
* Key features:
|
|
8
|
-
* - Reads/writes config to/from node using `getNodeConfig`/`setNodeConfig`
|
|
9
|
-
* - Configuration persists with the template HTML
|
|
10
|
-
* - Each block has independent configuration (no global state)
|
|
11
|
-
* - Integrates with Stripo's undo/redo via `ModificationDescription`
|
|
12
|
-
*
|
|
13
|
-
* Usage pattern similar to legacy `blockConfigurationService`:
|
|
14
|
-
* @example
|
|
15
|
-
* // Read config
|
|
16
|
-
* const config = RecommendationConfigService.getConfig(node);
|
|
17
|
-
* // Update config
|
|
18
|
-
* RecommendationConfigService.updateConfig(api, node, { strategy: 'mostPopular' }, 'Changed algorithm');
|
|
19
|
-
* @see https://plugin.stripo.email/extensions/reference/blocks/Block
|
|
20
|
-
*/
|
|
21
|
-
import type { RecommendationNodeConfig, PartialNodeConfig } from '../types/nodeConfig';
|
|
22
|
-
import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
23
|
-
import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
|
|
24
|
-
/**
|
|
25
|
-
* Stripo Extension API interface for document modifications
|
|
26
|
-
* Extracted to allow type-safe usage without importing full Stripo types
|
|
27
|
-
*/
|
|
28
|
-
interface DocumentModifier {
|
|
29
|
-
modifyHtml: (node: ImmutableHtmlNode) => {
|
|
30
|
-
setNodeConfig: (config: Record<string, unknown>) => DocumentModifier;
|
|
31
|
-
setAttribute: (name: string, value: string) => DocumentModifier;
|
|
32
|
-
setStyle: (prop: string, value: string) => DocumentModifier;
|
|
33
|
-
setInnerHtml: (html: string) => DocumentModifier;
|
|
34
|
-
};
|
|
35
|
-
apply: (desc: ModificationDescription) => void;
|
|
36
|
-
}
|
|
37
|
-
interface DocumentModifierApi {
|
|
38
|
-
getDocumentModifier: () => DocumentModifier;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Service for managing Recommendation block configuration
|
|
42
|
-
*
|
|
43
|
-
* All methods are static for easy usage without instantiation.
|
|
44
|
-
* The service follows the same patterns as the legacy `blockConfigurationService`.
|
|
45
|
-
*/
|
|
46
|
-
export declare class RecommendationConfigService {
|
|
47
|
-
/**
|
|
48
|
-
* Get configuration from a node, with defaults for missing values
|
|
49
|
-
*
|
|
50
|
-
* This is the primary way to read configuration from a block.
|
|
51
|
-
* Always returns a complete config object with defaults merged in.
|
|
52
|
-
* @example
|
|
53
|
-
* const config = RecommendationConfigService.getConfig(this.currentNode);
|
|
54
|
-
* console.log(config.strategy); // 'mostPopular'
|
|
55
|
-
* @param node - The immutable HTML node to read config from
|
|
56
|
-
* @returns Complete configuration with defaults for missing values
|
|
57
|
-
*/
|
|
58
|
-
static getConfig(node: ImmutableHtmlNode | null | undefined): RecommendationNodeConfig;
|
|
59
|
-
/**
|
|
60
|
-
* Check if a node has valid configuration stored
|
|
61
|
-
*
|
|
62
|
-
* Used for migration detection - returns false for legacy templates
|
|
63
|
-
* that need their configuration migrated.
|
|
64
|
-
* @param node - The immutable HTML node to check
|
|
65
|
-
* @returns True if node has valid config with version number
|
|
66
|
-
*/
|
|
67
|
-
static hasConfig(node: ImmutableHtmlNode | null | undefined): boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Get the configuration version from a node
|
|
70
|
-
* @param node - The immutable HTML node to check
|
|
71
|
-
* @returns Config version number, or 0 if no config exists
|
|
72
|
-
*/
|
|
73
|
-
static getConfigVersion(node: ImmutableHtmlNode | null | undefined): number;
|
|
74
|
-
/**
|
|
75
|
-
* Update specific configuration values
|
|
76
|
-
*
|
|
77
|
-
* Merges the updates with existing config and persists to node.
|
|
78
|
-
* This is the primary way to update configuration from controls.
|
|
79
|
-
* @example
|
|
80
|
-
* RecommendationConfigService.updateConfig(
|
|
81
|
-
* this.api,
|
|
82
|
-
* this.currentNode,
|
|
83
|
-
* { strategy: 'complementaryItems' },
|
|
84
|
-
* 'Changed recommendation algorithm'
|
|
85
|
-
* );
|
|
86
|
-
* @param api - Stripo extension API with document modifier
|
|
87
|
-
* @param node - The immutable HTML node to update
|
|
88
|
-
* @param updates - Partial config with values to update
|
|
89
|
-
* @param description - Human-readable description for undo/redo
|
|
90
|
-
* @returns The new complete configuration
|
|
91
|
-
*/
|
|
92
|
-
static updateConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, updates: PartialNodeConfig, description: string): RecommendationNodeConfig;
|
|
93
|
-
/**
|
|
94
|
-
* Initialize configuration for a new block
|
|
95
|
-
*
|
|
96
|
-
* Called when a block is first created (dropped into template).
|
|
97
|
-
* Can optionally merge in partial config from migration.
|
|
98
|
-
* @example
|
|
99
|
-
* // In Block.onCreated lifecycle
|
|
100
|
-
* RecommendationConfigService.initializeConfig(this.api, node);
|
|
101
|
-
* @param api - Stripo extension API with document modifier
|
|
102
|
-
* @param node - The immutable HTML node to initialize
|
|
103
|
-
* @param partialConfig - Optional partial config to merge with defaults
|
|
104
|
-
* @returns The initialized configuration
|
|
105
|
-
*/
|
|
106
|
-
static initializeConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, partialConfig?: PartialNodeConfig): RecommendationNodeConfig;
|
|
107
|
-
/**
|
|
108
|
-
* Save complete configuration to a node
|
|
109
|
-
*
|
|
110
|
-
* Low-level method - prefer `updateConfig` or `initializeConfig` in most cases.
|
|
111
|
-
* @param api - Stripo extension API with document modifier
|
|
112
|
-
* @param node - The immutable HTML node to save to
|
|
113
|
-
* @param config - Complete configuration to save
|
|
114
|
-
* @param description - Human-readable description for undo/redo
|
|
115
|
-
*/
|
|
116
|
-
static saveConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, config: RecommendationNodeConfig, description: string): void;
|
|
117
|
-
/**
|
|
118
|
-
* Migrate configuration from legacy data-attributes
|
|
119
|
-
*
|
|
120
|
-
* Reads existing data-attributes and creates a proper node config.
|
|
121
|
-
* Used when loading templates created before node config was implemented.
|
|
122
|
-
* @param api - Stripo extension API with document modifier
|
|
123
|
-
* @param node - The block node to migrate
|
|
124
|
-
* @returns The migrated configuration
|
|
125
|
-
*/
|
|
126
|
-
static migrateFromDataAttributes(api: DocumentModifierApi, node: ImmutableHtmlNode): RecommendationNodeConfig;
|
|
127
|
-
/**
|
|
128
|
-
* Check if configuration needs migration
|
|
129
|
-
* @param node - The block node to check
|
|
130
|
-
* @returns True if migration is needed
|
|
131
|
-
*/
|
|
132
|
-
static needsMigration(node: ImmutableHtmlNode | null | undefined): boolean;
|
|
133
|
-
/**
|
|
134
|
-
* Clone default config to avoid mutations
|
|
135
|
-
*/
|
|
136
|
-
private static cloneDefaults;
|
|
137
|
-
/**
|
|
138
|
-
* Merge partial config with defaults
|
|
139
|
-
*
|
|
140
|
-
* Deep merges nested objects like currency, omnibus settings.
|
|
141
|
-
*/
|
|
142
|
-
private static mergeWithDefaults;
|
|
143
|
-
/**
|
|
144
|
-
* Deep merge for nested objects
|
|
145
|
-
*
|
|
146
|
-
* Recursively merges source into target, preserving existing values
|
|
147
|
-
* that aren't explicitly overwritten.
|
|
148
|
-
*/
|
|
149
|
-
private static deepMerge;
|
|
150
|
-
}
|
|
151
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { ElementRenderer } from '../utils';
|
|
2
|
-
/**
|
|
3
|
-
* Horizontal element renderer
|
|
4
|
-
* - Image and Button return `<td>` cells for the 3-column layout
|
|
5
|
-
* - Name and Prices return `<tr><td>` rows for the info cell table
|
|
6
|
-
* All elements have esd-block-* classes for Stripo selection
|
|
7
|
-
*/
|
|
8
|
-
export declare const horizontalElementRenderer: ElementRenderer;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { RecommendationProduct } from '@@/Types/recommendation';
|
|
2
|
-
import { DEFAULTS, getDefaultProducts } from '../utils';
|
|
3
|
-
/**
|
|
4
|
-
* Migration template for horizontal layout
|
|
5
|
-
* Used when migrating old recommendation blocks to horizontal format
|
|
6
|
-
*/
|
|
7
|
-
declare const migrationTemplate = "\n <td\n align=\"left\"\n esd-extension-block-id=\"recommendation-block\"\n esd-handler-name=\"esd-extension-RecommendationBlock\"\n class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n data-layout=\"horizontal\"\n >\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 <tr>\n {-{-TITLE-}-}\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class=\"spacer\" style=\"height: 20px;\"></td>\n </tr>\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";
|
|
8
|
-
export declare function getMigrationTemplate(): string;
|
|
9
|
-
/**
|
|
10
|
-
* Generates a custom horizontal migration template with specified products
|
|
11
|
-
* @param products - Array of products to display
|
|
12
|
-
* @param title - Optional title for the block
|
|
13
|
-
* @param composition - Optional array defining order of card elements
|
|
14
|
-
* @returns Complete HTML template
|
|
15
|
-
*/
|
|
16
|
-
export declare function generateMigrationTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;
|
|
17
|
-
/**
|
|
18
|
-
* Prepares horizontal product rows for migration
|
|
19
|
-
* @param products - Array of products to display
|
|
20
|
-
* @param composition - Optional array defining order of card elements
|
|
21
|
-
* @returns HTML string for product rows
|
|
22
|
-
*/
|
|
23
|
-
export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[]): string;
|
|
24
|
-
export { DEFAULTS, getDefaultProducts };
|
|
25
|
-
export default migrationTemplate;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { RecommendationProduct } from '@@/Types/recommendation';
|
|
2
|
-
/**
|
|
3
|
-
* Generates a horizontal product card with 3-column layout
|
|
4
|
-
* Uses horizontalElementRenderer to render Image, Info content, and Button
|
|
5
|
-
* Layout: [Image (120px)] [Info table (flexible)] [Button (100px)]
|
|
6
|
-
* @param product - The product data
|
|
7
|
-
* @returns HTML string for a single product card row
|
|
8
|
-
*/
|
|
9
|
-
export declare function getHorizontalProductCard(product: RecommendationProduct): string;
|
|
10
|
-
/**
|
|
11
|
-
* Prepares horizontal product rows
|
|
12
|
-
* Each product is a full-width row with 3-column layout
|
|
13
|
-
* @param products - Array of products to display
|
|
14
|
-
* @returns HTML string for product rows
|
|
15
|
-
*/
|
|
16
|
-
export declare function prepareProductRows(products: RecommendationProduct[]): string;
|
|
17
|
-
export declare function getDefaultTemplate(): string;
|
|
18
|
-
export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string): string;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Unified Template API for Recommendation Block
|
|
3
|
-
*
|
|
4
|
-
* This module provides a single entry point for working with recommendation
|
|
5
|
-
* block templates, abstracting away the layout-specific implementations.
|
|
6
|
-
*/
|
|
7
|
-
import type { RecommendationProduct } from '@@/Types/recommendation';
|
|
8
|
-
import { type Orientation, type PrepareProductRowsOptions } from './utils';
|
|
9
|
-
export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
|
|
10
|
-
/**
|
|
11
|
-
* Unified function to prepare product rows for any layout.
|
|
12
|
-
* Delegates to the appropriate layout-specific implementation.
|
|
13
|
-
* @example
|
|
14
|
-
* // Horizontal layout (full-width rows)
|
|
15
|
-
* prepareProductRows(products, 'horizontal');
|
|
16
|
-
* @example
|
|
17
|
-
* // Vertical layout (grid)
|
|
18
|
-
* prepareProductRows(products, 'vertical', { productsPerRow: 3 });
|
|
19
|
-
* @param products - Array of products to display
|
|
20
|
-
* @param layout - The layout orientation ('horizontal' or 'vertical')
|
|
21
|
-
* @param options - Layout-specific options
|
|
22
|
-
* @returns HTML string for product rows
|
|
23
|
-
*/
|
|
24
|
-
export declare function prepareProductRows(products: RecommendationProduct[], layout: Orientation, options?: PrepareProductRowsOptions): string;
|
|
25
|
-
/**
|
|
26
|
-
* Generates the default template for a given layout.
|
|
27
|
-
* @param layout - The layout orientation ('horizontal' or 'vertical')
|
|
28
|
-
* @returns Complete HTML template with default products
|
|
29
|
-
*/
|
|
30
|
-
export declare function getDefaultTemplate(layout?: Orientation): string;
|
|
31
|
-
/**
|
|
32
|
-
* Generates a complete block template with custom products.
|
|
33
|
-
* @param products - Array of products to display
|
|
34
|
-
* @param layout - The layout orientation ('horizontal' or 'vertical')
|
|
35
|
-
* @param title - Title for the block
|
|
36
|
-
* @param options - Layout-specific options
|
|
37
|
-
* @returns Complete HTML template
|
|
38
|
-
*/
|
|
39
|
-
export declare function generateBlockTemplate(products: RecommendationProduct[], layout: Orientation, title?: string, options?: PrepareProductRowsOptions): string;
|
|
@@ -1,45 +0,0 @@
|
|
|
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
|
-
export type Orientation = 'horizontal' | 'vertical';
|
|
4
|
-
/**
|
|
5
|
-
* Options for prepareProductRows unified function
|
|
6
|
-
*/
|
|
7
|
-
export interface PrepareProductRowsOptions {
|
|
8
|
-
/** Number of products per row (only for vertical layout, defaults to 3) */
|
|
9
|
-
productsPerRow?: number;
|
|
10
|
-
/** Array defining order of card elements */
|
|
11
|
-
composition?: string[];
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Element renderer interface for product card elements
|
|
15
|
-
* Keys are ATTR_PRODUCT_* constants for consistent naming
|
|
16
|
-
*/
|
|
17
|
-
export interface ElementRenderer {
|
|
18
|
-
[ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
|
|
19
|
-
[ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
|
|
20
|
-
[ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
|
|
21
|
-
[ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
|
|
22
|
-
[ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
|
|
23
|
-
[ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
|
|
24
|
-
[ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Product card getter function type
|
|
28
|
-
* Used by prepareProductRows to generate individual product cards
|
|
29
|
-
*/
|
|
30
|
-
export type ProductCardGetter = (product: RecommendationProduct, composition?: string[]) => string;
|
|
31
|
-
export declare const DEFAULTS: {
|
|
32
|
-
TITLE: string;
|
|
33
|
-
DESCRIPTION: string;
|
|
34
|
-
};
|
|
35
|
-
export declare const DEFAULT_CARD_COMPOSITION: string[];
|
|
36
|
-
export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
|
|
37
|
-
export declare const spacer = "\n <tr>\n <td class=\"spacer\" style=\"height: 10px;\"></td>\n </tr>\n";
|
|
38
|
-
export declare function getDefaultProducts(): RecommendationProduct[];
|
|
39
|
-
/**
|
|
40
|
-
* Creates the block template wrapper HTML for recommendation blocks.
|
|
41
|
-
* The template includes title placeholder and product container.
|
|
42
|
-
* @param layout - The layout orientation ('horizontal' or 'vertical')
|
|
43
|
-
* @returns HTML template string with {-{-TITLE-}-} and {-{-PRODUCT_ROWS-}-} placeholders
|
|
44
|
-
*/
|
|
45
|
-
export declare function createBlockTemplate(layout?: Orientation): string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { ElementRenderer } from '../utils';
|
|
2
|
-
/**
|
|
3
|
-
* Class name for outer cells in attribute rows
|
|
4
|
-
* Used by controls to reliably select direct children for spacing adjustments
|
|
5
|
-
*/
|
|
6
|
-
export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
|
|
7
|
-
export declare const verticalElementRenderer: ElementRenderer;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { RecommendationProduct } from '@@/Types/recommendation';
|
|
2
|
-
import { type ElementRenderer } from '../utils';
|
|
3
|
-
/**
|
|
4
|
-
* Generates attribute-aligned product rows for vertical layout.
|
|
5
|
-
* Creates rows where each row contains one attribute type from all products.
|
|
6
|
-
* @param products - Array of products in this row group
|
|
7
|
-
* @param productsPerRow - Number of products per row (for column width calculation)
|
|
8
|
-
* @param elementRenderer - Object mapping attribute types to render functions
|
|
9
|
-
* @param composition - Array defining order of card elements
|
|
10
|
-
* @returns HTML string for attribute-aligned rows
|
|
11
|
-
*/
|
|
12
|
-
export declare function prepareVerticalAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
|
|
13
|
-
/**
|
|
14
|
-
* Prepares vertical product rows with attribute-aligned structure
|
|
15
|
-
* Groups products into rows, then generates attribute-aligned HTML for each group
|
|
16
|
-
* @param products - Array of products to display
|
|
17
|
-
* @param productsPerRow - Number of products per row
|
|
18
|
-
* @param elementRenderer - Object mapping attribute types to render functions
|
|
19
|
-
* @param composition - Array defining order of card elements
|
|
20
|
-
* @returns HTML string for all product rows
|
|
21
|
-
*/
|
|
22
|
-
export declare function prepareVerticalProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
|
|
23
|
-
/**
|
|
24
|
-
* Prepares vertical product rows with attribute-aligned structure.
|
|
25
|
-
* Uses row-based rendering where each attribute type forms a single row across all products.
|
|
26
|
-
* @param products - Array of products to display
|
|
27
|
-
* @param productsPerRow - Number of products per row
|
|
28
|
-
* @param composition - Array defining element order
|
|
29
|
-
* @returns HTML string for product rows
|
|
30
|
-
*/
|
|
31
|
-
export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
|
|
32
|
-
export declare function getDefaultTemplate(): string;
|
|
33
|
-
export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Recommendation Extension Types
|
|
3
|
-
*
|
|
4
|
-
* This module re-exports all type definitions for the Recommendation extension.
|
|
5
|
-
*/
|
|
6
|
-
export type { RecommendationNodeConfig, CurrencyConfig, OmnibusTextConfig, PartialNodeConfig, DeepPartialNodeConfig, } from './nodeConfig';
|
|
7
|
-
export { isValidNodeConfig, hasMinimalConfig, } from './nodeConfig';
|