@useinsider/guido 3.18.2-beta.dfce34a → 3.18.2-beta.ec1fd57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/Guido.vue.js +3 -3
  2. package/dist/components/Guido.vue2.js +30 -30
  3. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +11 -13
  4. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +52 -76
  5. package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js +37 -23
  6. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +18 -20
  7. package/dist/composables/useCustomInterfaceAppearance.js +46 -56
  8. package/dist/composables/useHtmlValidator.js +82 -87
  9. package/dist/composables/useRecommendation.js +35 -40
  10. package/dist/composables/useStripo.js +30 -30
  11. package/dist/config/migrator/itemsBlockMigrator.js +257 -167
  12. package/dist/enums/extensions/recommendationBlock.js +31 -38
  13. package/dist/extensions/Blocks/Items/constants/cardLayout.js +20 -0
  14. package/dist/extensions/Blocks/Items/controls/name/trimming.js +18 -17
  15. package/dist/extensions/Blocks/Items/controls/settingsControl.js +114 -105
  16. package/dist/extensions/Blocks/Items/enums/productEnums.js +14 -9
  17. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +11 -9
  18. package/dist/extensions/Blocks/Items/template.js +219 -204
  19. package/dist/extensions/Blocks/Recommendation/block.js +42 -61
  20. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +20 -21
  21. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +35 -40
  22. package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +52 -84
  23. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +74 -74
  24. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +140 -254
  25. package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +16 -26
  26. package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js +12 -21
  27. package/dist/guido.css +1 -1
  28. package/dist/src/enums/extensions/recommendationBlock.d.ts +0 -2
  29. package/dist/src/extensions/Blocks/Items/constants/cardLayout.d.ts +44 -0
  30. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +3 -0
  31. package/dist/src/extensions/Blocks/Items/template.d.ts +19 -0
  32. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -10
  33. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +0 -1
  34. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  35. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -2
  36. package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -9
  37. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +2 -7
  38. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -86
  39. package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts +0 -4
  40. package/dist/src/stores/onboarding.d.ts +0 -377
  41. package/dist/static/styles/components/recommendation-strategy.css.js +4 -34
  42. package/dist/stores/onboarding.js +36 -41
  43. package/dist/utils/pairProductVariables.js +71 -71
  44. package/dist/utils/templatePreparation.js +55 -55
  45. package/package.json +1 -1
  46. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +0 -21
  47. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +0 -47
  48. package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js +0 -24
  49. package/dist/src/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.d.ts +0 -2
  50. package/dist/src/extensions/Blocks/Recommendation/utils/strategyCommit.d.ts +0 -14
  51. package/dist/static/styles/components/skeleton.css.js +0 -23
@@ -1,32 +1,22 @@
1
- import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { RECOMMENDATION_ID_ATTR as s } from "../constants/selectors.js";
3
- import { isPartnerManagedBlock as p, updateProductContentInPlace as C, regenerateProductRowsWithStyles as N } from "../controls/main/utils.js";
4
- import { RecommendationConfigService as m } from "../services/configService.js";
5
- let o = null;
6
- function D(n) {
7
- o = n;
1
+ import { ModificationDescription as f } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { RECOMMENDATION_ID_ATTR as m } from "../constants/selectors.js";
3
+ import { isPartnerManagedBlock as a, updateProductContentInPlace as d, regenerateProductRowsWithStyles as l } from "../controls/main/utils.js";
4
+ import { RecommendationConfigService as s } from "../services/configService.js";
5
+ let e = null;
6
+ function N(r) {
7
+ e = r;
8
8
  }
9
- function P(n, r, c, l) {
10
- const i = o == null ? void 0 : o.getDocumentRootHtmlNode();
11
- if (!o || !i || !("querySelector" in i))
9
+ function D(r, c, i, u) {
10
+ const n = e == null ? void 0 : e.getDocumentRootHtmlNode();
11
+ if (!e || !n || !("querySelector" in n))
12
12
  return !1;
13
- const e = i.querySelector(`[${s}="${n}"]`);
14
- if (!e)
13
+ const t = n.querySelector(`[${m}="${r}"]`);
14
+ if (!t)
15
15
  return !1;
16
- const t = o.getDocumentModifier(), a = m.getConfig(e), d = Object.keys(r).some((u) => JSON.stringify(a[u]) !== JSON.stringify(r[u]));
17
- if (m.stageConfig(t, e, r), p(e))
18
- return t.apply(new g(l)), !0;
19
- let f = !1;
20
- return C({
21
- currentNode: e,
22
- documentModifier: t,
23
- products: c,
24
- onApplied: () => {
25
- f = !0;
26
- }
27
- }) || (f = N({ currentNode: e, documentModifier: t, products: c })), !f && d && t.apply(new g(l)), !0;
16
+ const o = e.getDocumentModifier();
17
+ return s.stageConfig(o, t, c), a(t) ? (o.apply(new f(u)), !0) : (d({ currentNode: t, documentModifier: o, products: i }) || l({ currentNode: t, documentModifier: o, products: i }), !0);
28
18
  }
29
19
  export {
30
- P as commitBlockChangeOutsidePanel,
31
- D as registerNodeConfigWriter
20
+ D as commitBlockChangeOutsidePanel,
21
+ N as registerNodeConfigWriter
32
22
  };
@@ -1,43 +1,34 @@
1
- const o = "strategy", u = [
1
+ const l = [
2
2
  {
3
3
  key: "locale",
4
4
  getValue: (e) => e.language,
5
5
  getAvailableOptions: (e) => Object.keys(e.languages)
6
6
  },
7
- {
8
- // A block feeds from either an assigned strategy (RRS) or an algorithm (legacy).
9
- // Only a fresh RRS block has neither, and its feed URL would otherwise be built
10
- // from an empty algorithm path.
11
- key: o,
12
- getValue: (e) => e.strategyId || e.strategy
13
- },
14
7
  {
15
8
  key: "currency",
16
9
  getValue: (e) => e.currencySettings.value,
17
10
  getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
18
11
  canBeEmpty: !0
19
12
  }
20
- ], l = "newsletter.recommendation-fill-required-fields", g = "newsletter.recommendation-assign-strategy";
21
- function c(e, n, i = u) {
13
+ ], o = "newsletter.recommendation-fill-required-fields";
14
+ function c(e, n, i = l) {
22
15
  return i.filter((t) => {
23
- var s;
16
+ var u;
24
17
  if (t.condition && !t.condition(e))
25
18
  return !1;
26
- const a = (s = t.getAvailableOptions) == null ? void 0 : s.call(t, n);
27
- if (t.canBeEmpty && (a == null ? void 0 : a.length) === 0)
19
+ const r = (u = t.getAvailableOptions) == null ? void 0 : u.call(t, n);
20
+ if (t.canBeEmpty && (r == null ? void 0 : r.length) === 0)
28
21
  return !1;
29
- const r = t.getValue(e);
30
- return r ? a !== void 0 && !a.includes(r) : !0;
22
+ const a = t.getValue(e);
23
+ return a ? r !== void 0 && !r.includes(a) : !0;
31
24
  }).map((t) => t.key);
32
25
  }
33
- function y(e, n) {
26
+ function s(e, n) {
34
27
  return c(e, n).length === 0;
35
28
  }
36
29
  export {
37
- u as REQUIRED_RECOMMENDATION_FIELDS,
38
- g as RecommendationAssignStrategyKey,
39
- l as RecommendationRequiredFieldsKey,
40
- o as STRATEGY_FIELD_KEY,
30
+ l as REQUIRED_RECOMMENDATION_FIELDS,
31
+ o as RecommendationRequiredFieldsKey,
41
32
  c as getInvalidFields,
42
- y as isConfigValid
33
+ s as isConfigValid
43
34
  };
package/dist/guido.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-184392c2]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-184392c2] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-184392c2] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
1
+ @charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-050dfa52]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-050dfa52]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-050dfa52]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
@@ -5,9 +5,7 @@ export declare const URLS: {
5
5
  PRODUCT_ATTRIBUTES_PATH: string;
6
6
  RECOMMENDATION_STRATEGIES_PATH: string;
7
7
  RECOMMENDATION_STRATEGIES_PANEL_PATH: string;
8
- RECOMMENDATION_STRATEGY_CREATE_PATH: string;
9
8
  };
10
- export declare const strategyEditPath: (strategyId: string | number) => string;
11
9
  export declare const QUERY_PARAMS: {
12
10
  CLIENT_ID: string;
13
11
  };
@@ -0,0 +1,44 @@
1
+ /**
2
+ * Single owner for the Items card orientation-dependent layout contract (SD-149368).
3
+ *
4
+ * Two things depend on a card's orientation and are written across several layers:
5
+ *
6
+ * 1. Name column width — a horizontal card lays the name in a narrow side-by-side
7
+ * column, so it is capped; a vertical card gives it a full-width row.
8
+ * 2. Block-cell padding — the collapsible price / original-price block-cell carries its
9
+ * own inter-cell spacing (horizontal cards pad left/right, vertical cards pad
10
+ * top/bottom) so a hidden element removes its own spacing instead of leaving a gap.
11
+ *
12
+ * Every layer that writes these — template render, layouts/horizontal.html,
13
+ * NameTrimmingControl (trimming toggle) and settingsControl (orientation change) — MUST
14
+ * derive them here, or a migrated / re-toggled card silently drifts out of sync with
15
+ * freshly generated markup (convention B1: cross-layer literals live in one module).
16
+ */
17
+ export declare const NAME_HORIZONTAL_MAX_WIDTH = "130px";
18
+ export declare const NAME_VERTICAL_MAX_WIDTH = "100%";
19
+ /** Name max-width for a card orientation. Non-horizontal (incl. undefined) → full width. */
20
+ export declare const nameMaxWidthFor: (orientation?: string) => string;
21
+ /** Orientation-dependent inter-cell padding classes for a collapsible block-cell. */
22
+ export declare const BLOCK_CELL_PADDING: {
23
+ readonly VERTICAL: "es-p5b es-p5t";
24
+ readonly HORIZONTAL: "es-p5l es-p5r";
25
+ };
26
+ /**
27
+ * Attribute the block-cell carries to mark its LAYOUT-owned padding orientation ('v'|'h').
28
+ * The orientation toggle keys off this marker so it only ever rewrites the padding the
29
+ * layout itself baked — a user's own es-p* padding classes are never matched or clobbered
30
+ * (SD-149368 F1), and a cell without the marker is left untouched rather than mis-swapped.
31
+ */
32
+ export declare const BLOCK_CELL_PAD_ATTR = "data-items-cell-pad";
33
+ /** Marker attribute (`data-items-cell-pad="v|h"`) for a block-cell in the given orientation. */
34
+ export declare const blockCellPadMarker: (isVertical: boolean) => string;
35
+ /** Padding classes (leading space included) for a block-cell in the given orientation. */
36
+ export declare const blockCellPaddingFor: (isVertical: boolean) => string;
37
+ /**
38
+ * Rewrites a block-cell's LAYOUT-owned padding classes to the target orientation, keyed off
39
+ * the BLOCK_CELL_PAD_ATTR marker. The orientation-change rebuild re-injects existing cells
40
+ * via getOuterHTML(), which still carry the previous orientation's padding — swap only the
41
+ * layout pair (and flip the marker) so price/original-price cells stay padded after a toggle
42
+ * (SD-149368 F3), while a user's own padding and any unmarked cell are left alone (F1).
43
+ */
44
+ export declare const reorientBlockCellPadding: (html: string, toVertical: boolean) => string;
@@ -39,14 +39,17 @@ export declare const productPairs: {
39
39
  CART_ITEMS: {
40
40
  ATTR: string;
41
41
  DEFAULT: string;
42
+ LEGACY_DEFAULTS: readonly string[];
42
43
  };
43
44
  BROWSED_ITEMS: {
44
45
  ATTR: string;
45
46
  DEFAULT: string;
47
+ LEGACY_DEFAULTS: readonly string[];
46
48
  };
47
49
  PURCHASED_ITEMS: {
48
50
  ATTR: string;
49
51
  DEFAULT: string;
52
+ LEGACY_DEFAULTS: readonly string[];
50
53
  };
51
54
  };
52
55
  price: {
@@ -37,6 +37,25 @@ type TemplateParameters = {
37
37
  /** Price orientation within the card ('vertical' = stacked, 'horizontal' = side-by-side) */
38
38
  priceOrientation?: PriceOrientationType;
39
39
  };
40
+ /**
41
+ * Applies price orientation styles to the generated HTML template.
42
+ *
43
+ * For Vertical Layout:
44
+ * - vertical price orientation: both cells 100% (stacked)
45
+ * - horizontal price orientation with both visible: both cells 50% (side-by-side)
46
+ * - horizontal price orientation with one hidden: visible cell 100%
47
+ *
48
+ * For Horizontal Layout:
49
+ * - horizontal price orientation: .horizontal-price visible, .vertical-price hidden
50
+ * - vertical price orientation: .horizontal-price hidden, .vertical-price visible
51
+ * @param html - The HTML template string with placeholders replaced
52
+ * @param layoutOrientation - The card layout orientation ('vertical' or 'horizontal')
53
+ * @param priceOrientation - The price orientation within the card ('vertical' or 'horizontal')
54
+ * @param isPriceVisible - Whether the price element is visible
55
+ * @param isOriginalPriceVisible - Whether the original price element is visible
56
+ * @returns HTML string with price orientation styles applied
57
+ */
58
+ export declare const applyPriceOrientationStyles: (html: string, layoutOrientation: OrientationType, priceOrientation: PriceOrientationType, isPriceVisible?: boolean, isOriginalPriceVisible?: boolean) => string;
40
59
  /**
41
60
  * Generates the default template for the Items Block.
42
61
  * @param params - Template parameters including orientation, items type, item ID, and formatting options
@@ -15,8 +15,6 @@ export declare class RecommendationBlock extends Block {
15
15
  * This avoids generating a new (different) ID in onCreated().
16
16
  */
17
17
  private _pendingBlockId;
18
- /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
19
- private _resetSourceIds;
20
18
  constructor();
21
19
  getId(): string;
22
20
  getIcon(): string;
@@ -75,14 +73,6 @@ export declare class RecommendationBlock extends Block {
75
73
  * in the document and finding the maximum existing ID + 1.
76
74
  */
77
75
  private _generateNextId;
78
- /**
79
- * Drops the "already fetched" claims of a block that arrived holding a baked id
80
- * (saved module, paste, duplicate), so the settings panel reads its strategy again.
81
- *
82
- * Deferred a tick: the collision handlers rename a sibling first, and either sibling can be
83
- * the renamed one depending on where the module was dropped (SD-149916).
84
- */
85
- private _scheduleArrivalReset;
86
76
  /**
87
77
  * Heals a duplicate that slipped past the create-time `_detectDuplicate`
88
78
  * scan (or that was persisted by an older template before SD-142352).
@@ -10,7 +10,6 @@
10
10
  import type { RecommendationNodeConfig, CurrencyConfig, OmnibusTextConfig } from '../types/nodeConfig';
11
11
  export declare const PRE_RRS_CONFIG_VERSION = 1;
12
12
  export declare const CURRENT_CONFIG_VERSION = 2;
13
- export declare const RRS_CONFIG_VERSION = 2;
14
13
  /**
15
14
  * Default currency configuration
16
15
  * Uses USD as the base currency with standard formatting
@@ -10,4 +10,4 @@ export { RecommendationBlockId } from './blockIds';
10
10
  export { RecommendationControlId } from './controlIds';
11
11
  export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_RECOMMENDATION_TITLE, SELECTOR_TITLE_CELL, ATTR_CUSTOM_PREFIX, ATTR_DATA_CARD_COMPOSITION, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, CSS_CLASS_ATTRIBUTE_ROW, CSS_CLASS_SPACER, SELECTOR_ATTRIBUTE_ROW, ATTR_DATA_ATTRIBUTE_TYPE, ATTR_DATA_VISIBILITY, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
12
12
  export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
13
- export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, PRE_RRS_CONFIG_VERSION, RRS_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';
13
+ export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, PRE_RRS_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';
@@ -70,8 +70,6 @@ export declare class RecommendationBlockControl extends CommonControl {
70
70
  * state was rebuilt with (SD-150347).
71
71
  */
72
72
  private _syncNodeConfigIfChanged;
73
- /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
74
- private _isPendingStrategyIdChange;
75
73
  private _capturePendingNodeConfigWrite;
76
74
  /**
77
75
  * Accumulates the pending write into `documentModifier` without applying, so the
@@ -2,7 +2,6 @@ import { CommonControl } from '../../../common-control';
2
2
  export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
3
3
  export declare class StrategyControl extends CommonControl {
4
4
  private store;
5
- private onboardingStore;
6
5
  private storeUnsubscription;
7
6
  private listeners;
8
7
  private lastPaintedState;
@@ -10,14 +9,6 @@ export declare class StrategyControl extends CommonControl {
10
9
  getTemplate(): string;
11
10
  private _strategyAction;
12
11
  onRender(): void;
13
- /**
14
- * Whether the document itself says this block has no strategy.
15
- *
16
- * Read the node, not the store: when the main control cannot resolve the block id off the
17
- * node it never syncs the persisted config, so the store still holds defaults (empty
18
- * strategyId) for an assigned block.
19
- */
20
- private _isNodeUnassigned;
21
12
  onDestroy(): void;
22
13
  private _teardown;
23
14
  private _setupButtonListeners;
@@ -107,7 +107,7 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
107
107
  * HTML removes the need for any post-rebuild reapply pass.
108
108
  * @param options - Configuration options for regeneration
109
109
  */
110
- export declare function regenerateProductRowsWithStyles(options: RegenerateWithStylesOptions): boolean;
110
+ export declare function regenerateProductRowsWithStyles(options: RegenerateWithStylesOptions): void;
111
111
  /**
112
112
  * Adjusts a products array to a target size.
113
113
  * Used by ProductLayoutControl to synchronously match products to the new size
@@ -151,11 +151,6 @@ export interface UpdateProductContentInPlaceOptions {
151
151
  currentNode: ImmutableHtmlNode | null | undefined;
152
152
  documentModifier: DocumentModifier;
153
153
  products: RecommendationProduct[];
154
- /**
155
- * Called when the batch was actually committed. Identical products commit nothing, which
156
- * leaves anything a caller staged into the same batch unwritten unless it applies itself.
157
- */
158
- onApplied?: () => void;
159
154
  }
160
155
  /**
161
156
  * Updates product content in-place without regenerating HTML structure.
@@ -166,7 +161,7 @@ export interface UpdateProductContentInPlaceOptions {
166
161
  * After updating desktop, also updates mobile container to keep them in sync.
167
162
  *
168
163
  * Falls back to false when product count changed (need to add/remove elements).
169
- * @param options - Configuration options; `onApplied` fires only when a batch was committed
164
+ * @param options - Configuration options
170
165
  * @returns true if in-place update was successful, false to fall back to full regeneration
171
166
  */
172
167
  export declare function updateProductContentInPlace(options: UpdateProductContentInPlaceOptions): boolean;
@@ -83,11 +83,8 @@ interface StoreState {
83
83
  strategies: RrsStrategy[];
84
84
  strategiesLoading: boolean;
85
85
  strategyUrlTemplates: Record<string, string>;
86
- strategiesFetched: boolean;
87
- strategiesSettled: boolean;
88
86
  blockStates: Record<number, PerBlockState>;
89
87
  currentRecommendationId: number | null;
90
- strategyPanelOpen: boolean;
91
88
  configVersion: number;
92
89
  }
93
90
  export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
@@ -114,11 +111,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
114
111
  }[];
115
112
  strategiesLoading: boolean;
116
113
  strategyUrlTemplates: Record<string, string>;
117
- strategiesFetched: boolean;
118
- strategiesSettled: boolean;
119
114
  blockStates: Record<number, PerBlockState>;
120
115
  currentRecommendationId: number | null;
121
- strategyPanelOpen: boolean;
122
116
  configVersion: number;
123
117
  } & import("pinia").PiniaCustomStateProperties<StoreState>): PerBlockConfigs;
124
118
  /**
@@ -143,11 +137,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
143
137
  }[];
144
138
  strategiesLoading: boolean;
145
139
  strategyUrlTemplates: Record<string, string>;
146
- strategiesFetched: boolean;
147
- strategiesSettled: boolean;
148
140
  blockStates: Record<number, PerBlockState>;
149
141
  currentRecommendationId: number | null;
150
- strategyPanelOpen: boolean;
151
142
  configVersion: number;
152
143
  } & import("pinia").PiniaCustomStateProperties<StoreState>): RecommendationProduct[];
153
144
  /**
@@ -172,11 +163,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
172
163
  }[];
173
164
  strategiesLoading: boolean;
174
165
  strategyUrlTemplates: Record<string, string>;
175
- strategiesFetched: boolean;
176
- strategiesSettled: boolean;
177
166
  blockStates: Record<number, PerBlockState>;
178
167
  currentRecommendationId: number | null;
179
- strategyPanelOpen: boolean;
180
168
  configVersion: number;
181
169
  } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
182
170
  assignStrategyDrawerStatus(state: {
@@ -198,11 +186,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
198
186
  }[];
199
187
  strategiesLoading: boolean;
200
188
  strategyUrlTemplates: Record<string, string>;
201
- strategiesFetched: boolean;
202
- strategiesSettled: boolean;
203
189
  blockStates: Record<number, PerBlockState>;
204
190
  currentRecommendationId: number | null;
205
- strategyPanelOpen: boolean;
206
191
  configVersion: number;
207
192
  } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
208
193
  removeStrategyModalStatus(state: {
@@ -224,11 +209,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
224
209
  }[];
225
210
  strategiesLoading: boolean;
226
211
  strategyUrlTemplates: Record<string, string>;
227
- strategiesFetched: boolean;
228
- strategiesSettled: boolean;
229
212
  blockStates: Record<number, PerBlockState>;
230
213
  currentRecommendationId: number | null;
231
- strategyPanelOpen: boolean;
232
214
  configVersion: number;
233
215
  } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
234
216
  assignedStrategy(state: {
@@ -250,11 +232,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
250
232
  }[];
251
233
  strategiesLoading: boolean;
252
234
  strategyUrlTemplates: Record<string, string>;
253
- strategiesFetched: boolean;
254
- strategiesSettled: boolean;
255
235
  blockStates: Record<number, PerBlockState>;
256
236
  currentRecommendationId: number | null;
257
- strategyPanelOpen: boolean;
258
237
  configVersion: number;
259
238
  } & import("pinia").PiniaCustomStateProperties<StoreState>): RrsStrategy | null;
260
239
  /**
@@ -279,11 +258,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
279
258
  }[];
280
259
  strategiesLoading: boolean;
281
260
  strategyUrlTemplates: Record<string, string>;
282
- strategiesFetched: boolean;
283
- strategiesSettled: boolean;
284
261
  blockStates: Record<number, PerBlockState>;
285
262
  currentRecommendationId: number | null;
286
- strategyPanelOpen: boolean;
287
263
  configVersion: number;
288
264
  } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
289
265
  /**
@@ -308,11 +284,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
308
284
  }[];
309
285
  strategiesLoading: boolean;
310
286
  strategyUrlTemplates: Record<string, string>;
311
- strategiesFetched: boolean;
312
- strategiesSettled: boolean;
313
287
  blockStates: Record<number, PerBlockState>;
314
288
  currentRecommendationId: number | null;
315
- strategyPanelOpen: boolean;
316
289
  configVersion: number;
317
290
  } & import("pinia").PiniaCustomStateProperties<StoreState>): number;
318
291
  hasFilters(): boolean;
@@ -338,11 +311,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
338
311
  }[];
339
312
  strategiesLoading: boolean;
340
313
  strategyUrlTemplates: Record<string, string>;
341
- strategiesFetched: boolean;
342
- strategiesSettled: boolean;
343
314
  blockStates: Record<number, PerBlockState>;
344
315
  currentRecommendationId: number | null;
345
- strategyPanelOpen: boolean;
346
316
  configVersion: number;
347
317
  } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
348
318
  text: string;
@@ -367,11 +337,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
367
337
  }[];
368
338
  strategiesLoading: boolean;
369
339
  strategyUrlTemplates: Record<string, string>;
370
- strategiesFetched: boolean;
371
- strategiesSettled: boolean;
372
340
  blockStates: Record<number, PerBlockState>;
373
341
  currentRecommendationId: number | null;
374
- strategyPanelOpen: boolean;
375
342
  configVersion: number;
376
343
  } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
377
344
  text: string;
@@ -396,11 +363,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
396
363
  }[];
397
364
  strategiesLoading: boolean;
398
365
  strategyUrlTemplates: Record<string, string>;
399
- strategiesFetched: boolean;
400
- strategiesSettled: boolean;
401
366
  blockStates: Record<number, PerBlockState>;
402
367
  currentRecommendationId: number | null;
403
- strategyPanelOpen: boolean;
404
368
  configVersion: number;
405
369
  } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
406
370
  text: string;
@@ -426,10 +390,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
426
390
  /**
427
391
  * Deep-clones a block's state and mirrors its campaign URL under a new id.
428
392
  * Invoked from `onCreated` when a duplicate is detected (SD-142352).
429
- *
430
- * The clone keeps the source's data but drops its "already fetched / already
431
- * synced" claims for strategy blocks, so it fetches again like a fresh drop
432
- * (SD-149916).
433
393
  */
434
394
  cloneBlockState(sourceId: number, newId: number): void;
435
395
  /**
@@ -485,47 +445,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
485
445
  openRemoveStrategyModal(): void;
486
446
  closeRemoveStrategyModal(): void;
487
447
  fetchStrategies(): Promise<void>;
488
- /**
489
- * Clears what a block inherited from the id it arrived holding, so the panel fetches for it.
490
- * A re-dropped saved module can keep the source's id — and its "already fetched" entry —
491
- * while the strategy's product count has moved on (SD-149916).
492
- */
493
- resetArrivedBlock(id: number): void;
494
- invalidateStrategies(): void;
495
- /**
496
- * Opens a Smart Recommender strategy page in a new tab and refreshes the list every time
497
- * the user comes back. `visibilitychange` only: a `focus` listener would also fire when
498
- * focus merely returns from the Stripo canvas iframe to the panel, refetching and
499
- * regenerating the canvas while the user never left the editor (SD-149916).
500
- *
501
- * Deliberately NOT one-shot: the strategy tab stays open, so a user can create a second
502
- * strategy in it and come back again — a listener that disarmed on the first return would
503
- * leave that one missing from the list. It disarms on the first return AFTER that tab is
504
- * closed instead, so an ordinary alt-tab later in the session costs nothing. Armed only
505
- * once the user actually opens a strategy page, so anyone who never does pays nothing.
506
- * @returns whether a tab actually opened, so callers can skip work that assumes one did
507
- */
508
- _armStrategyPageReturn(url: string): boolean;
509
- /**
510
- * Reloads the products of the block the user is on, so an edit made in the strategy tab
511
- * lands on the canvas instead of waiting for the assign drawer to be reopened.
512
- *
513
- * Only the selected block: the canvas regeneration is driven off the active block's
514
- * product array, so refreshing an unselected block would fetch without redrawing it.
515
- */
516
- _refreshAssignedStrategyProducts(): Promise<void>;
517
- /** Lets the editor tear the return listeners down when it unmounts. */
518
- disposeStrategyPageReturn(): void;
519
- /**
520
- * Opens Smart Recommender's strategy creation page. Every return refreshes the list so the
521
- * new strategy is offered; the user picks it themselves.
522
- */
523
- openStrategyCreation(): boolean;
524
- /**
525
- * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
526
- * edited configuration.
527
- */
528
- openStrategyEdit(strategyId: string | number): boolean;
529
448
  resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
530
449
  assignStrategy(strategy: RrsStrategy): void;
531
450
  removeStrategy(): void;
@@ -543,11 +462,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
543
462
  * every block's recommendationConfigs across user edits.
544
463
  */
545
464
  hasInvalidBlock(): boolean;
546
- /**
547
- * Which required fields are missing across the design's blocks, so the save
548
- * toaster can name the cause instead of always showing the generic message.
549
- */
550
- invalidBlockFields(): string[];
551
465
  fetchRecommendationProducts(): Promise<void>;
552
466
  _doFetchProducts(): Promise<void>;
553
467
  _doFetchStrategyProducts(blockId: number): Promise<void>;
@@ -15,11 +15,7 @@ export interface RequiredField {
15
15
  getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
16
16
  condition?: (config: PerBlockConfigs) => boolean;
17
17
  }
18
- /** Field key of the strategy/algorithm descriptor, used to pick the toaster message. */
19
- export declare const STRATEGY_FIELD_KEY = "strategy";
20
18
  export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
21
19
  export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";
22
- /** Shown instead of the generic message when the only thing missing is the strategy. */
23
- export declare const RecommendationAssignStrategyKey = "newsletter.recommendation-assign-strategy";
24
20
  export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice, fields?: RequiredField[]): string[];
25
21
  export declare function isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;