@useinsider/guido 3.17.0-beta.bdc7d25 → 3.17.0-beta.c93afa9

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 (92) hide show
  1. package/README.md +5 -5
  2. package/dist/@types/config/schemas.js +0 -5
  3. package/dist/components/Guido.vue.js +10 -10
  4. package/dist/components/Guido.vue2.js +70 -66
  5. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +7 -7
  6. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +76 -39
  7. package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.js +17 -0
  8. package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js +57 -0
  9. package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.js +11 -11
  10. package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue2.js +56 -6
  11. package/dist/composables/useModuleRepair.js +33 -0
  12. package/dist/composables/useRecommendation.js +29 -30
  13. package/dist/composables/useStripo.js +15 -15
  14. package/dist/config/i18n/en/labels.json.js +1 -1
  15. package/dist/config/migrator/index.js +9 -8
  16. package/dist/config/migrator/recommendation/compositionMapper.js +20 -20
  17. package/dist/config/migrator/recommendation/extractors.js +29 -24
  18. package/dist/config/migrator/recommendation/htmlBuilder.js +116 -130
  19. package/dist/config/migrator/recommendation/settingsMapper.js +0 -2
  20. package/dist/config/migrator/recommendationMigrator.js +30 -26
  21. package/dist/config/migrator/recommendationTitleMigrator.js +119 -0
  22. package/dist/enums/date.js +5 -4
  23. package/dist/enums/extensions/recommendationBlock.js +0 -1
  24. package/dist/extensions/Blocks/Items/block.js +118 -49
  25. package/dist/extensions/Blocks/Items/constants/currency.js +25 -0
  26. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +25 -24
  27. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +12 -11
  28. package/dist/extensions/Blocks/Items/template.js +153 -152
  29. package/dist/extensions/Blocks/Recommendation/block.js +12 -11
  30. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +1 -1
  31. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +1 -1
  32. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +24 -24
  33. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +35 -28
  34. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +329 -257
  35. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +180 -133
  36. package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +1 -19
  37. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +1 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/title/index.js +44 -0
  39. package/dist/extensions/Blocks/Recommendation/extension.js +31 -29
  40. package/dist/extensions/Blocks/Recommendation/services/configService.js +34 -16
  41. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +23 -4
  42. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +83 -128
  43. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +3 -3
  44. package/dist/extensions/Blocks/Recommendation/templates/titleRows.js +33 -0
  45. package/dist/extensions/Blocks/Recommendation/templates/utils.js +85 -107
  46. package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +22 -0
  47. package/dist/guido.css +1 -1
  48. package/dist/services/recommendationApi.js +10 -16
  49. package/dist/src/@types/config/schemas.d.ts +0 -10
  50. package/dist/src/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.d.ts +2 -0
  51. package/dist/src/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.d.ts +2 -4
  52. package/dist/src/composables/useModuleRepair.d.ts +18 -0
  53. package/dist/src/config/migrator/recommendation/extractors.d.ts +8 -0
  54. package/dist/src/config/migrator/recommendationTitleMigrator.d.ts +5 -0
  55. package/dist/src/enums/date.d.ts +1 -0
  56. package/dist/src/extensions/Blocks/Items/block.d.ts +35 -0
  57. package/dist/src/extensions/Blocks/Items/constants/currency.d.ts +43 -0
  58. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +2 -1
  59. package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts +7 -0
  60. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +1 -5
  61. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  62. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +12 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +11 -0
  64. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -0
  65. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +39 -15
  66. package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -14
  67. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +1 -0
  68. package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts +86 -0
  69. package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +12 -1
  70. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +26 -56
  71. package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts +13 -0
  72. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +6 -5
  73. package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts +31 -0
  74. package/dist/src/mock/api/recommendation-strategies.d.ts +0 -61
  75. package/dist/src/services/recommendationApi.d.ts +1 -1
  76. package/dist/src/stores/save-as-template.d.ts +4 -3
  77. package/dist/src/utils/genericUtil.d.ts +5 -0
  78. package/dist/src/utils/itemsCurrencyRepair.d.ts +17 -0
  79. package/dist/static/assets/icons/line-delete.svg.js +2 -2
  80. package/dist/static/assets/icons/line-plus.svg.js +2 -2
  81. package/dist/static/styles/components/recommendation-strategy.css.js +2 -35
  82. package/dist/static/styles/customEditorStyle.css.js +3 -1
  83. package/dist/utils/dateUtil.js +18 -24
  84. package/dist/utils/genericUtil.js +28 -27
  85. package/dist/utils/itemsCurrencyRepair.js +39 -0
  86. package/dist/utils/pairProductVariables.js +58 -58
  87. package/dist/utils/templatePreparation.js +0 -2
  88. package/package.json +3 -3
  89. package/dist/composables/useModuleDynamicContentRepair.js +0 -37
  90. package/dist/src/composables/useModuleDynamicContentRepair.d.ts +0 -13
  91. package/dist/src/utils/strategyInfoBox.d.ts +0 -35
  92. package/dist/utils/strategyInfoBox.js +0 -68
@@ -1,13 +1,63 @@
1
- import { defineComponent as t } from "vue";
2
- const o = /* @__PURE__ */ t({
1
+ import { defineComponent as f, computed as i } from "vue";
2
+ import { useTranslations as _ } from "../../../../composables/useTranslations.js";
3
+ import { asText as c } from "../../../../utils/genericUtil.js";
4
+ const j = /* @__PURE__ */ f({
3
5
  __name: "StrategyInfoBoxContent",
4
6
  props: {
5
- details: null
7
+ strategy: null
6
8
  },
7
- setup(e) {
8
- return { __sfc: !0 };
9
+ setup(p) {
10
+ const a = p, n = _(), s = i(() => n("recommendation-strategy.none")), u = i(() => {
11
+ const e = c(a.strategy.algorithm) === "MIXED" ? n("discovery-strategy.mixed-algorithm") : n("discovery-strategy.single-algorithm"), t = c(a.strategy.algorithm_used).split(",").map((r) => r.trim()).filter(Boolean).map((r) => n(`recommendation-algorithm-names.${r.replaceAll("_", "-").toLowerCase()}`));
12
+ return t.length ? `${e} · ${t.join(", ")}` : e;
13
+ }), d = i(() => [
14
+ [a.strategy.exclude_view, "discovery-strategy.exclude-recently-view-items"],
15
+ [a.strategy.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
16
+ [a.strategy.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
17
+ ].filter(([e]) => Number(e) === 1).map(([, e]) => n(e)).join(", ") || s.value), l = (e) => {
18
+ const t = c(e).trim();
19
+ if (!t)
20
+ return "";
21
+ let r;
22
+ try {
23
+ r = JSON.parse(t);
24
+ } catch {
25
+ return t;
26
+ }
27
+ if (Array.isArray(r))
28
+ return r.length ? String(r.length) : "";
29
+ if (r && typeof r == "object") {
30
+ const o = Object.keys(r).length;
31
+ return o ? String(o) : "";
32
+ }
33
+ return t;
34
+ }, m = i(() => l(a.strategy.manual_merchandising) || l(a.strategy.manual_merchandising_products) || s.value), g = (e) => {
35
+ if (Array.isArray(e))
36
+ return e.length;
37
+ const { conditionList: t } = e ?? {};
38
+ return Array.isArray(t) ? t.length : 1;
39
+ }, y = i(() => {
40
+ const e = a.strategy.filters;
41
+ if (!e)
42
+ return s.value;
43
+ try {
44
+ const t = typeof e == "string" ? JSON.parse(e) : e;
45
+ if (!t || typeof t != "object")
46
+ return s.value;
47
+ const r = Object.values(t).reduce((o, v) => o + g(v), 0);
48
+ return r ? String(r) : s.value;
49
+ } catch {
50
+ return s.value;
51
+ }
52
+ }), h = i(() => [
53
+ { title: n("gpt-app-builder.algorithms-and-method"), value: u.value },
54
+ { title: n("gpt-app-builder.exclusions"), value: d.value },
55
+ { title: n("discovery-strategy.filters"), value: y.value },
56
+ { title: n("action-builder.manual-merchandising"), value: m.value }
57
+ ]);
58
+ return { __sfc: !0, props: a, trans: n, none: s, algorithmsAndMethod: u, exclusions: d, asMerchandising: l, manualMerchandising: m, conditionsIn: g, filters: y, details: h };
9
59
  }
10
60
  });
11
61
  export {
12
- o as default
62
+ j as default
13
63
  };
@@ -0,0 +1,33 @@
1
+ import { useConfig as C } from "./useConfig.js";
2
+ import { useToaster as T } from "./useToaster.js";
3
+ import { useTranslations as g } from "./useTranslations.js";
4
+ import { ToasterTypeOptions as D } from "../enums/toaster.js";
5
+ import { buildDynamicContentLookup as f, convertModuleDynamicContent as h } from "../utils/dynamicContentConverter.js";
6
+ import { flattenDynamicContentList as O } from "../utils/genericUtil.js";
7
+ import { repairItemsCurrencyAttributes as M } from "../utils/itemsCurrencyRepair.js";
8
+ const N = "dynamic-content.unresolved-attributes-on-drop", R = () => {
9
+ const { template: p, isFeatureEnabled: m } = C(), { showToaster: a } = T(), y = g();
10
+ return { handleModuleAdd: (e, o) => {
11
+ var s, l, u;
12
+ try {
13
+ if ((e == null ? void 0 : e.action) !== "ADD" && (e == null ? void 0 : e.action) !== "COPY")
14
+ return;
15
+ const t = (s = o == null ? void 0 : o.getTargetNode) == null ? void 0 : s.call(o), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
16
+ if (!t || typeof r != "string")
17
+ return;
18
+ let n = M(r);
19
+ const c = f(O((u = p.value) == null ? void 0 : u.dynamicContentList));
20
+ let i = [];
21
+ c.size > 0 && ({ html: n, unresolved: i } = h(n, c, m("liquidSyntax"))), n !== r && o.modifyHtml(t).replaceWith(n), i.length > 0 && a({
22
+ type: D.Warning,
23
+ message: y(N)
24
+ });
25
+ } catch (t) {
26
+ console.error("Failed to repair module on add:", t);
27
+ }
28
+ } };
29
+ };
30
+ export {
31
+ N as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
32
+ R as useModuleRepair
33
+ };
@@ -1,24 +1,23 @@
1
- import { useConfig as I } from "./useConfig.js";
2
- import { getRecommendationFeedSourceMaps as C, URLS as R } from "../enums/extensions/recommendationBlock.js";
3
- import { MinDeviceViewport as b, DefaultPadding as h } from "../enums/recommendation.js";
4
- import { useRecommendationExtensionStore as f } from "../extensions/Blocks/Recommendation/store/recommendation.js";
5
- import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
6
- import { getPartnerRecommendationParams as P } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
7
- import { sanitizeProductIds as S } from "../extensions/Blocks/Recommendation/utils/productIds.js";
8
- import { useConfigStore as T } from "../stores/config.js";
9
- const L = () => ({
1
+ import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
2
+ import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
3
+ import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
4
+ import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
5
+ import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
6
+ import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
7
+ import { useConfigStore as P } from "../stores/config.js";
8
+ const B = () => ({
10
9
  calculateCardWidth: ({
11
10
  mobileLeftPadding: i,
12
11
  mobileRightPadding: c,
13
12
  cardsInRow: s,
14
- unresponsive: o
13
+ unresponsive: n
15
14
  }) => {
16
- const n = o ? s : 1, d = i + c + (n - 1) * h;
17
- return (b - d) / n;
15
+ const o = n ? s : 1, e = i + c + (o - 1) * R;
16
+ return (C - e) / o;
18
17
  },
19
18
  getRecommendationCampaignData: (i) => {
20
- const c = f(), s = Number(i), o = c.blockStates[s];
21
- if (!o)
19
+ const c = l(), s = Number(i), n = c.blockStates[s];
20
+ if (!n)
22
21
  return {
23
22
  textTrimming: !1,
24
23
  orientation: "vertical",
@@ -31,14 +30,14 @@ const L = () => ({
31
30
  discountBeforeTextValue: "",
32
31
  discountAfterTextValue: ""
33
32
  };
34
- const { recommendationConfigs: n } = o, d = n.orientation === "grid" ? "vertical" : "horizontal";
33
+ const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
35
34
  return {
36
- textTrimming: n.textTrimming,
37
- orientation: d,
35
+ textTrimming: o.textTrimming,
36
+ orientation: e,
38
37
  mobileLeftPadding: 0,
39
38
  mobileRightPadding: 0,
40
- cardsInRow: n.cardsInRow,
41
- unresponsive: n.unresponsive,
39
+ cardsInRow: o.cardsInRow,
40
+ unresponsive: o.unresponsive,
42
41
  priceBeforeTextValue: "",
43
42
  priceAfterTextValue: "",
44
43
  discountBeforeTextValue: "",
@@ -46,13 +45,13 @@ const L = () => ({
46
45
  };
47
46
  },
48
47
  buildCampaignUrl: (i, c) => {
49
- var l;
50
- const s = f(), o = T(), { isFeatureEnabled: n } = I(), d = Number(i);
48
+ var m;
49
+ const s = l(), n = P(), o = Number(i);
51
50
  let e;
52
51
  if (c)
53
52
  e = c;
54
53
  else {
55
- const a = s.blockStates[d];
54
+ const a = s.blockStates[o];
56
55
  if (!a)
57
56
  return "";
58
57
  const { recommendationConfigs: r } = a;
@@ -67,20 +66,20 @@ const L = () => ({
67
66
  shuffleProducts: r.shuffleProducts
68
67
  };
69
68
  }
70
- if (n("reusableRecommendationStrategy") && e.strategyId)
69
+ if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
71
70
  return s.recommendationCampaignUrls[i] = {
72
71
  strategyId: e.strategyId,
73
72
  locale: e.language,
74
73
  currency: e.currencyCode
75
74
  }, "";
76
- const g = ((l = C().find((a) => a.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
77
- t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", S(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
78
- const p = e.filters.filter((a) => a.isValid), u = x(p);
79
- u && t.set("filter", u), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(P(o.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
80
- const y = decodeURIComponent(t.toString()), m = `${R.RECOMMENDATION_API_URL}/v2/${g}?${y}`;
81
- return s.recommendationCampaignUrls[i] = m, m;
75
+ const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
76
+ t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
77
+ const f = e.filters.filter((a) => a.isValid), d = b(f);
78
+ d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
79
+ const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
80
+ return s.recommendationCampaignUrls[i] = u, u;
82
81
  }
83
82
  });
84
83
  export {
85
- L as useRecommendation
84
+ B as useRecommendation
86
85
  };
@@ -3,7 +3,7 @@ import { useBlocksConfig as O } from "./useBlocksConfig.js";
3
3
  import { useConfig as q } from "./useConfig.js";
4
4
  import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
5
5
  import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
6
- import { useModuleDynamicContentRepair as j } from "./useModuleDynamicContentRepair.js";
6
+ import { useModuleRepair as j } from "./useModuleRepair.js";
7
7
  import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
8
8
  import { useStripoNotifications as $ } from "./useStripoNotifications.js";
9
9
  import { useToaster as G } from "./useToaster.js";
@@ -17,13 +17,13 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
17
17
  import Z from "../package.json.js";
18
18
  let n = null;
19
19
  const Ce = () => {
20
- const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
21
- var l;
20
+ const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
21
+ var d;
22
22
  if (document.getElementById("UiEditorScript")) {
23
23
  i();
24
24
  return;
25
25
  }
26
- const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
26
+ const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
27
27
  e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
28
28
  e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
29
29
  }, document.body.appendChild(e);
@@ -31,12 +31,12 @@ const Ce = () => {
31
31
  n = null;
32
32
  }), n), _ = async (i, s, o, a = [], r = !1) => {
33
33
  var y, E, h, C;
34
- const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
34
+ const e = b(), { html: d, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
35
35
  await window.UIEditor.initEditor(
36
36
  document.querySelector("#guido-editor"),
37
37
  {
38
38
  metadata: s,
39
- html: l,
39
+ html: d,
40
40
  css: D,
41
41
  forceRecreate: U,
42
42
  locale: "en",
@@ -80,16 +80,16 @@ const Ce = () => {
80
80
  ],
81
81
  async onTokenRefreshRequest(t) {
82
82
  try {
83
- const d = await M();
84
- t(d);
85
- } catch (d) {
86
- p(d, "Failed to refresh token");
83
+ const l = await B();
84
+ t(l);
85
+ } catch (l) {
86
+ p(l, "Failed to refresh token");
87
87
  }
88
88
  },
89
89
  onTemplateLoaded() {
90
90
  try {
91
- const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
92
- t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
91
+ const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
92
+ t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
93
93
  e.hasChanges = !1;
94
94
  }, 1e3);
95
95
  } catch (t) {
@@ -108,7 +108,7 @@ const Ce = () => {
108
108
  onDataChanged() {
109
109
  e.hasChanges = !0;
110
110
  },
111
- onEvent: B,
111
+ onEvent: v,
112
112
  onModuleAdd: F,
113
113
  notifications: V(),
114
114
  ignoreClickOutsideSelectors: [
@@ -126,8 +126,8 @@ const Ce = () => {
126
126
  try {
127
127
  await f();
128
128
  const [r, e] = await Promise.all([
129
- T(),
130
- v()
129
+ M(),
130
+ T()
131
131
  ]);
132
132
  a.syncModulesEnabled = e, await _(i, s, o, r, e);
133
133
  } catch {
@@ -1,7 +1,7 @@
1
1
  const e = "Items", o = "Default", t = "Custom", s = {
2
2
  "Global Styles & Layout": "Global Styles and Layout",
3
3
  "Structures & Modules": "Structures and Modules",
4
- "Recommendation Block": "Recommendation",
4
+ "Recommendation Block": "Recommendation Block",
5
5
  Items: e,
6
6
  "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
7
7
  "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
@@ -2,14 +2,15 @@ import { migrateCheckbox as t } from "./checkboxMigrator.js";
2
2
  import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
3
3
  import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
4
4
  import { migrateProductNameLink as a } from "./productNameLinkMigrator.js";
5
- import { migrateRadioButton as c } from "./radioButtonMigrator.js";
6
- import { migrateRecommendation as g } from "./recommendationMigrator.js";
7
- import { migrateSocialIcons as n } from "./socialIconMigrator.js";
8
- import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
9
- const x = async (r, o = {}) => {
10
- let m = r;
11
- return m = t(m), m = c(m), m = await p(m), m = i(m), m = g(m, o), m = e(m), m = a(m), m = n(m), m;
5
+ import { migrateRadioButton as n } from "./radioButtonMigrator.js";
6
+ import { migrateRecommendation as c } from "./recommendationMigrator.js";
7
+ import { migrateRecommendationTitle as g } from "./recommendationTitleMigrator.js";
8
+ import { migrateSocialIcons as p } from "./socialIconMigrator.js";
9
+ import { migrateUnsubscribe as f } from "./unsubscribeMigrator.js";
10
+ const C = async (o, r = {}) => {
11
+ let m = o;
12
+ return m = t(m), m = n(m), m = await f(m), m = i(m), m = c(m, r), m = g(m), m = e(m), m = a(m), m = p(m), m;
12
13
  };
13
14
  export {
14
- x as migrate
15
+ C as migrate
15
16
  };
@@ -1,34 +1,34 @@
1
1
  import { DEFAULT_COMPOSITION as p, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
2
- import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
3
- import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
4
- const C = "__title__", a = "product_attribute.";
5
- function N(r) {
2
+ import { ATTR_RECOMMENDATION_TITLE as l, ATTR_CUSTOM_PREFIX as k, ATTR_PRODUCT_BUTTON as A, ATTR_PRODUCT_OMNIBUS_DISCOUNT as R, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as h, ATTR_PRODUCT_NAME as E, ATTR_PRODUCT_IMAGE as O } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
3
+ import { mapTextTheme as b, mapButtonTheme as y, mapImageTheme as N } from "./themeMapper.js";
4
+ const C = "__title__", T = "product_attribute.";
5
+ function P(r) {
6
6
  const t = r.variable ?? "";
7
7
  switch (t) {
8
8
  case "p_recommendation_title":
9
9
  return { key: C, kind: "title" };
10
10
  case "p_image":
11
- return { key: y, kind: "image" };
11
+ return { key: O, kind: "image" };
12
12
  case "p_name":
13
- return { key: h, kind: "text" };
13
+ return { key: E, kind: "text" };
14
14
  case "p_price":
15
- return { key: R, kind: "text" };
15
+ return { key: h, kind: "text" };
16
16
  case "p_original_price":
17
17
  return { key: f, kind: "text" };
18
18
  case "p_omnibus_price":
19
19
  return { key: x, kind: "text" };
20
20
  case "p_omnibus_discount":
21
- return { key: A, kind: "text" };
21
+ return { key: R, kind: "text" };
22
22
  case "p_button":
23
- return { key: k, kind: "button" };
23
+ return { key: A, kind: "button" };
24
24
  default:
25
25
  if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
26
- const o = r.value ?? "", s = o.startsWith(a) ? o.slice(a.length) : o;
26
+ const o = r.value ?? "", s = o.startsWith(T) ? o.slice(T.length) : o;
27
27
  if (!s)
28
28
  return null;
29
- const e = o || `${a}${s}`;
29
+ const e = o || `${T}${s}`;
30
30
  return {
31
- key: `${l}${e}`,
31
+ key: `${k}${e}`,
32
32
  kind: "custom",
33
33
  customAttrName: s,
34
34
  customAttrValue: e
@@ -41,7 +41,7 @@ function _(r) {
41
41
  const t = p.indexOf(r);
42
42
  return t === -1 ? Number.POSITIVE_INFINITY : t;
43
43
  }
44
- function S(r) {
44
+ function V(r) {
45
45
  const t = {
46
46
  composition: [],
47
47
  visibility: { ...I },
@@ -54,10 +54,10 @@ function S(r) {
54
54
  return t.composition = [...p], t;
55
55
  const o = [];
56
56
  r.forEach((e, i) => {
57
- const n = N(e);
57
+ const n = P(e);
58
58
  if (n) {
59
59
  if (n.kind === "title") {
60
- t.titleVariable = e;
60
+ t.titleVariable = e, t.visibility[l] = e.hidden !== !0;
61
61
  return;
62
62
  }
63
63
  o.push({
@@ -82,20 +82,20 @@ function S(r) {
82
82
  const { key: i, kind: n, hidden: u, legacy: c, customAttrName: d, customAttrValue: m } = e;
83
83
  switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && d && m && (t.customAttributes.includes(m) || t.customAttributes.push(m), t.customAttrValues[i] = m), n) {
84
84
  case "image":
85
- s[i] = b(c.theme);
85
+ s[i] = N(c.theme);
86
86
  break;
87
87
  case "button":
88
- s[i] = O(c.theme);
88
+ s[i] = y(c.theme);
89
89
  break;
90
90
  case "text":
91
91
  case "custom": {
92
- const T = E(c.theme);
93
- s[i] = T, T.textTrimming && (t.anyTextTrimming = !0);
92
+ const a = b(c.theme);
93
+ s[i] = a, a.textTrimming && (t.anyTextTrimming = !0);
94
94
  break;
95
95
  }
96
96
  }
97
97
  }), t.perElementStyles = s, t;
98
98
  }
99
99
  export {
100
- S as mapComposition
100
+ V as mapComposition
101
101
  };
@@ -1,49 +1,54 @@
1
1
  import { CURRENCY_ATTR as n, CSS_CLASS_SKIP_COMPILE as c } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
2
2
  const a = "You May Also Like!";
3
- function l(t) {
4
- var o;
5
- const r = t.querySelector(".ext-recommendation-title");
6
- if (!r)
3
+ function A(t) {
4
+ var i;
5
+ const e = t.querySelector(".ext-recommendation-title");
6
+ if (!e)
7
7
  return a;
8
- const e = (o = r.textContent) == null ? void 0 : o.trim();
9
- return e && e.length > 0 ? e : a;
8
+ const r = (i = e.textContent) == null ? void 0 : i.trim();
9
+ return r && r.length > 0 ? r : a;
10
10
  }
11
11
  function m(t) {
12
- const r = [
12
+ const e = t.querySelector(".ext-recommendation-title");
13
+ return e ? !/display\s*:\s*none/i.test(e.getAttribute("style") ?? "") : !1;
14
+ }
15
+ function d(t) {
16
+ const e = [
13
17
  t,
14
18
  ...Array.from(t.querySelectorAll(".product-card, .ext-recommendation-card"))
15
19
  ];
16
- let e = "";
17
- return r.some((o) => {
18
- const i = o.getAttribute("bgcolor");
19
- if (i && i.trim())
20
- return e = i.trim(), !0;
21
- const u = (o.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
22
- return u && u[1] ? (e = u[1].trim(), !0) : !1;
23
- }), e;
20
+ let r = "";
21
+ return e.some((i) => {
22
+ const o = i.getAttribute("bgcolor");
23
+ if (o && o.trim())
24
+ return r = o.trim(), !0;
25
+ const u = (i.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
26
+ return u && u[1] ? (r = u[1].trim(), !0) : !1;
27
+ }), r;
24
28
  }
25
29
  function C(t) {
26
- const r = t.getAttribute(n.CURRENCY);
27
- if (!r)
30
+ const e = t.getAttribute(n.CURRENCY);
31
+ if (!e)
28
32
  return;
29
- const e = t.getAttribute(n.SYMBOL);
33
+ const r = t.getAttribute(n.SYMBOL);
30
34
  return {
31
- value: r,
35
+ value: e,
32
36
  // An empty `currency-symbol` is omitted so `mapCurrency` falls back to
33
37
  // the currency code as the symbol.
34
- ...e ? { symbol: e } : {},
38
+ ...r ? { symbol: r } : {},
35
39
  alignment: t.getAttribute(n.ALIGNMENT) ?? "",
36
40
  decimalCount: t.getAttribute(n.DECIMAL_COUNT) ?? "",
37
41
  decimalSeparator: t.getAttribute(n.DECIMAL_SEPARATOR) ?? "",
38
42
  thousandSeparator: t.getAttribute(n.THOUSAND_SEPARATOR) ?? ""
39
43
  };
40
44
  }
41
- function d(t) {
45
+ function g(t) {
42
46
  return t.classList.contains(c);
43
47
  }
44
48
  export {
45
- m as extractCardBgColor,
49
+ d as extractCardBgColor,
46
50
  C as extractCurrencyFromBlock,
47
- l as extractTitleText,
48
- d as isPartnerManagedBlock
51
+ A as extractTitleText,
52
+ m as hasVisibleTitle,
53
+ g as isPartnerManagedBlock
49
54
  };