@useinsider/guido 3.19.0-beta.f02eaa1 → 3.19.0-beta.f66e9de

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 (56) hide show
  1. package/dist/components/Guido.vue.js +8 -8
  2. package/dist/components/Guido.vue2.js +44 -43
  3. package/dist/components/organisms/base/AuthErrorModal.vue.js +18 -0
  4. package/dist/components/organisms/base/AuthErrorModal.vue2.js +42 -0
  5. package/dist/components/organisms/base/Toaster.vue2.js +13 -12
  6. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +9 -7
  7. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +69 -52
  8. package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js +28 -44
  9. package/dist/components/organisms/header/EditorActions.vue.js +4 -4
  10. package/dist/components/organisms/header/EditorActions.vue2.js +23 -25
  11. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +3 -3
  12. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +21 -20
  13. package/dist/composables/useActionsApi.js +52 -47
  14. package/dist/composables/useAuthError.js +54 -0
  15. package/dist/composables/useCodeEditorApi.js +23 -9
  16. package/dist/composables/useCustomInterfaceAppearance.js +61 -51
  17. package/dist/composables/useHtmlValidator.js +87 -82
  18. package/dist/composables/useHttp.js +54 -44
  19. package/dist/composables/useRecommendation.js +40 -35
  20. package/dist/composables/useStripo.js +30 -30
  21. package/dist/composables/useToaster.js +14 -20
  22. package/dist/composables/useTranslations.js +3 -2
  23. package/dist/composables/useVersionHistoryApi.js +33 -24
  24. package/dist/enums/extensions/recommendationBlock.js +32 -25
  25. package/dist/extensions/Blocks/Recommendation/block.js +61 -42
  26. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +21 -20
  27. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +63 -58
  28. package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +109 -78
  29. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +96 -97
  30. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +209 -92
  31. package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js +1 -1
  32. package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +26 -16
  33. package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js +24 -0
  34. package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js +21 -12
  35. package/dist/guido.css +1 -1
  36. package/dist/src/components/organisms/base/AuthErrorModal.vue.d.ts +2 -0
  37. package/dist/src/components/wrappers/WpModal.vue.d.ts +1 -1
  38. package/dist/src/composables/useAuthError.d.ts +13 -0
  39. package/dist/src/enums/extensions/recommendationBlock.d.ts +2 -0
  40. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +10 -0
  41. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +1 -0
  42. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  43. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +2 -0
  44. package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +8 -0
  45. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +7 -6
  46. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +92 -0
  47. package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.d.ts +1 -1
  48. package/dist/src/extensions/Blocks/Recommendation/utils/strategyCommit.d.ts +14 -0
  49. package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts +4 -0
  50. package/dist/src/utils/stripoEditorApi.d.ts +4 -0
  51. package/dist/static/styles/components/recommendation-strategy.css.js +34 -4
  52. package/dist/static/styles/components/skeleton.css.js +23 -0
  53. package/dist/stores/unsubscribe.js +3 -3
  54. package/dist/utils/stripoEditorApi.js +11 -0
  55. package/dist/utils/templatePreparation.js +55 -55
  56. package/package.json +2 -1
@@ -1,23 +1,23 @@
1
- import { useActionsApi as x } from "./useActionsApi.js";
2
- import { useBlocksConfig as L } from "./useBlocksConfig.js";
3
- import { useConfig as O } from "./useConfig.js";
4
- import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
1
+ import { useActionsApi as L } from "./useActionsApi.js";
2
+ import { useBlocksConfig as O } from "./useBlocksConfig.js";
3
+ import { useConfig as H } from "./useConfig.js";
4
+ import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
5
5
  import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
6
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";
10
10
  import { localePatch as J } from "../config/i18n/index.js";
11
- import { en as w } from "../config/i18n/en/index.js";
11
+ import { en as b } from "../config/i18n/en/index.js";
12
12
  import { ToasterTypeOptions as X } from "../enums/toaster.js";
13
13
  import { useStripoApi as K } from "../services/stripoApi.js";
14
14
  import Q from "../static/styles/customEditorStyle.css.js";
15
- import { useEditorStore as b } from "../stores/editor.js";
15
+ import { useEditorStore as k } from "../stores/editor.js";
16
16
  import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
17
17
  import Z from "../package.json.js";
18
18
  let n = null;
19
- const Ce = () => {
20
- const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
19
+ const he = () => {
20
+ const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
21
21
  var d;
22
22
  if (document.getElementById("UiEditorScript")) {
23
23
  i();
@@ -29,16 +29,16 @@ const Ce = () => {
29
29
  }, document.body.appendChild(e);
30
30
  }), n.catch(() => {
31
31
  n = null;
32
- }), n), _ = async (i, s, o, a = [], r = !1) => {
32
+ }), n), D = async (i, s, o, a = [], r = !1) => {
33
33
  var y, E, h, C;
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
- await window.UIEditor.initEditor(
34
+ const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
35
+ w().importCss(), await window.UIEditor.initEditor(
36
36
  document.querySelector("#guido-editor"),
37
37
  {
38
38
  metadata: s,
39
39
  html: d,
40
- css: D,
41
- forceRecreate: U,
40
+ css: R,
41
+ forceRecreate: I,
42
42
  locale: "en",
43
43
  undoButtonSelector: "#guido__undo-button",
44
44
  redoButtonSelector: "#guido__redo-button",
@@ -52,7 +52,7 @@ const Ce = () => {
52
52
  conditionsEnabled: S,
53
53
  customConditionsEnabled: S,
54
54
  enableXSSSecurity: !0,
55
- modulesDisabled: P,
55
+ modulesDisabled: U,
56
56
  syncModulesEnabled: r,
57
57
  messageSettingsEnabled: !0,
58
58
  displayGmailAnnotations: !0,
@@ -62,7 +62,7 @@ const Ce = () => {
62
62
  displayUTM: !1,
63
63
  selectElementAfterDrop: !0,
64
64
  sameFontSizeForOutlook: !0,
65
- allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
65
+ allowedScriptSourceDomains: q,
66
66
  ...g ? { baseBlocks: g } : {},
67
67
  editorFonts: {
68
68
  showDefaultStandardFonts: !0,
@@ -80,7 +80,7 @@ const Ce = () => {
80
80
  ],
81
81
  async onTokenRefreshRequest(t) {
82
82
  try {
83
- const l = await B();
83
+ const l = await M();
84
84
  t(l);
85
85
  } catch (l) {
86
86
  p(l, "Failed to refresh token");
@@ -88,8 +88,8 @@ const Ce = () => {
88
88
  },
89
89
  onTemplateLoaded() {
90
90
  try {
91
- const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
92
- t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
91
+ const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
92
+ w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
93
93
  e.hasChanges = !1;
94
94
  }, 1e3);
95
95
  } catch (t) {
@@ -108,34 +108,34 @@ const Ce = () => {
108
108
  onDataChanged() {
109
109
  e.hasChanges = !0, e.changeSeq += 1;
110
110
  },
111
- onEvent: v,
112
- onModuleAdd: F,
113
- notifications: V(),
111
+ onEvent: F,
112
+ onModuleAdd: A,
113
+ notifications: _(),
114
114
  ignoreClickOutsideSelectors: [
115
115
  "#guido-dynamic-content-modal",
116
116
  ".in-on-board-wrapper",
117
117
  ".in-drawer__container"
118
118
  ],
119
- extensions: R,
119
+ extensions: P,
120
120
  localePatch: J
121
121
  }
122
122
  );
123
123
  };
124
124
  return { initPlugin: async (i, s, o) => {
125
- const a = b();
125
+ const a = k();
126
126
  try {
127
127
  await f();
128
128
  const [r, e] = await Promise.all([
129
- M(),
130
- T()
129
+ T(),
130
+ v()
131
131
  ]);
132
- a.syncModulesEnabled = e, await _(i, s, o, r, e);
132
+ a.syncModulesEnabled = e, await D(i, s, o, r, e);
133
133
  } catch {
134
- a.loadingStatus = !1, k({
134
+ a.loadingStatus = !1, B({
135
135
  type: X.Error,
136
- message: w["An error has occurred. Please report the error code to support."],
136
+ message: b["An error has occurred. Please report the error code to support."],
137
137
  actionButton: {
138
- text: w["Reload page"],
138
+ text: b["Reload page"],
139
139
  onClick: () => window.location.reload()
140
140
  }
141
141
  });
@@ -146,5 +146,5 @@ const Ce = () => {
146
146
  } };
147
147
  };
148
148
  export {
149
- Ce as useStripo
149
+ he as useStripo
150
150
  };
@@ -1,32 +1,26 @@
1
1
  import { ToasterTypeOptions as T } from "../enums/toaster.js";
2
2
  import { useToasterStore as c } from "../stores/toaster.js";
3
- import { watch as u, nextTick as f } from "vue";
4
- const p = () => {
5
- const o = c();
6
- let t = null;
7
- const s = () => {
8
- t && (clearTimeout(t), t = null);
3
+ import { nextTick as u } from "vue";
4
+ const s = /* @__PURE__ */ new WeakMap(), p = () => {
5
+ const e = c(), o = () => {
6
+ const t = s.get(e);
7
+ t && (clearTimeout(t), s.delete(e));
9
8
  };
10
- function r(e = { message: "" }) {
11
- s(), o.hideToaster(), f(() => {
12
- o.showToaster(e);
9
+ function r(t = { message: "" }) {
10
+ o(), e.hideToaster(), u(() => {
11
+ e.showToaster(t), e.shouldAutoHide && s.set(e, setTimeout(() => {
12
+ e.hideToaster(), o();
13
+ }, 6e3));
13
14
  });
14
15
  }
15
16
  function i() {
16
- s(), o.hideToaster();
17
+ o(), e.hideToaster();
17
18
  }
18
- function n(e, a) {
19
- const m = e instanceof Error ? e.message : String(e);
19
+ function n(t, a) {
20
+ const m = t instanceof Error ? t.message : String(t);
20
21
  r({ type: T.Error, message: `${a}: ${m}` });
21
22
  }
22
- return u(
23
- () => o.shouldAutoHide,
24
- (e) => {
25
- s(), e && (t = setTimeout(() => {
26
- o.hideToaster(), s();
27
- }, 6e3));
28
- }
29
- ), { showToaster: r, hideToaster: i, handleError: n };
23
+ return { showToaster: r, hideToaster: i, handleError: n };
30
24
  };
31
25
  export {
32
26
  p as useToaster
@@ -6,9 +6,10 @@ import { useConfig } from "./useConfig.js";
6
6
  const useTranslations = () => {
7
7
  var o, e;
8
8
  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
9
- const r = translations.value[t];
9
+ var s;
10
+ const r = (s = translations.value) == null ? void 0 : s[t];
10
11
  return r ? n ? Object.entries(n).reduce(
11
- (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
12
+ (i, [a, l]) => i.replace(new RegExp(`{${a}}`, "g"), String(l)),
12
13
  r
13
14
  ) : r : (console.warn(`Translation key not found: ${t}`), t);
14
15
  };
@@ -1,54 +1,63 @@
1
1
  import { ToasterTypeOptions as t } from "../enums/toaster.js";
2
- import { useVersionHistoryStore as c } from "../stores/version-history.js";
3
- import { useToaster as w } from "./useToaster.js";
4
- const S = () => {
5
- const i = c(), { showToaster: s } = w(), n = (e) => {
6
- i.$reset(), i.updateState(e);
7
- }, p = () => {
8
- i.$reset();
2
+ import { useVersionHistoryStore as m } from "../stores/version-history.js";
3
+ import { findEditorApi as w, EDITOR_NOT_READY_MESSAGE as y } from "../utils/stripoEditorApi.js";
4
+ import { useToaster as V } from "./useToaster.js";
5
+ const d = () => {
6
+ const n = m(), { showToaster: i } = V(), o = (e) => {
7
+ var s;
8
+ const r = (s = w()) == null ? void 0 : s.versionHistoryApi;
9
+ if (!r) {
10
+ i({ type: t.Error, message: y });
11
+ return;
12
+ }
13
+ e(r);
14
+ }, p = (e) => {
15
+ n.$reset(), n.updateState(e);
16
+ }, a = () => {
17
+ n.$reset();
9
18
  };
10
19
  return {
11
20
  openVersionHistory: () => {
12
- window.StripoEditorApi.versionHistoryApi.openVersionHistory(n, p);
21
+ o((e) => e.openVersionHistory(p, a));
13
22
  },
14
23
  closeVersionHistory: () => {
15
- window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
24
+ o((e) => e.closeVersionHistory());
16
25
  },
17
26
  switchToDesktopPreview: () => {
18
- window.StripoEditorApi.versionHistoryApi.switchToDesktopPreview();
27
+ o((e) => e.switchToDesktopPreview());
19
28
  },
20
29
  switchToMobilePreview: () => {
21
- window.StripoEditorApi.versionHistoryApi.switchToMobilePreview();
30
+ o((e) => e.switchToMobilePreview());
22
31
  },
23
32
  previewVersion: (e) => {
24
- window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
25
- const r = o instanceof Error ? o.message : String(o);
26
- s({
33
+ o((r) => r.previewVersion(e, (s) => {
34
+ const c = s instanceof Error ? s.message : String(s);
35
+ i({
27
36
  type: t.Error,
28
- message: `Error compiling email: ${r}`
37
+ message: `Error compiling email: ${c}`
29
38
  });
30
- });
39
+ }));
31
40
  },
32
41
  restoreVersion: (e) => {
33
- window.StripoEditorApi.versionHistoryApi.restoreVersion(
42
+ o((r) => r.restoreVersion(
34
43
  e,
35
44
  () => {
36
- s({
45
+ i({
37
46
  type: t.Success,
38
47
  message: "Your version has been restored successfully."
39
48
  });
40
49
  },
41
- (o) => {
42
- const r = o instanceof Error ? o.message : String(o);
43
- s({
50
+ (s) => {
51
+ const c = s instanceof Error ? s.message : String(s);
52
+ i({
44
53
  type: t.Error,
45
- message: `Error compiling email: ${r}`
54
+ message: `Error compiling email: ${c}`
46
55
  });
47
56
  }
48
- );
57
+ ));
49
58
  }
50
59
  };
51
60
  };
52
61
  export {
53
- S as useVersionHistoryApi
62
+ d as useVersionHistoryApi
54
63
  };
@@ -1,4 +1,4 @@
1
- import { useTranslations as n } from "../../composables/useTranslations.js";
1
+ import { useTranslations as s } from "../../composables/useTranslations.js";
2
2
  const a = {
3
3
  RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
4
4
  // Relative path → same-origin as the embedding inone dashboard.
@@ -9,14 +9,20 @@ const a = {
9
9
  MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/migrate-strategies",
10
10
  // The template route narrows the recommendations resource before the action: the id
11
11
  // travels in the body, not the path.
12
- TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
13
- }, c = {
12
+ TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies",
13
+ // Smart Recommender hides the Email channel unless the URL asks for it, so a strategy created
14
+ // without this flag can never be Email-suitable and would never reach the editor's list.
15
+ RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create?isEmail=true"
16
+ }, d = (e) => {
17
+ const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = a;
18
+ return `${n}/${e}/edit?isEmail=true`;
19
+ }, m = {
14
20
  campaign: a.MIGRATE_STRATEGIES_PATH,
15
21
  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
16
- }, d = {
22
+ }, T = {
17
23
  CLIENT_ID: "clientId"
18
- }, m = () => {
19
- const e = n();
24
+ }, E = () => {
25
+ const e = s();
20
26
  return [
21
27
  {
22
28
  id: 11,
@@ -79,14 +85,14 @@ const a = {
79
85
  path: "top-sellers"
80
86
  }
81
87
  ];
82
- }, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], T = [
88
+ }, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], A = [
83
89
  { text: "before the amount", value: "0" },
84
90
  { text: "after the amount", value: "1" }
85
91
  ], v = [
86
92
  { text: "dot(.)", value: "." },
87
93
  { text: "comma(,)", value: "," },
88
94
  { text: "space( )", value: " " }
89
- ], A = [
95
+ ], _ = [
90
96
  { text: "0", value: "0" },
91
97
  { text: "1", value: "1" },
92
98
  { text: "2", value: "2" },
@@ -104,27 +110,27 @@ const a = {
104
110
  { text: "contains", value: "~" },
105
111
  { text: "does not contain", value: "!~" },
106
112
  { text: "any of", value: r }
107
- ], s = [
113
+ ], i = [
108
114
  { text: "is equal to", value: "=" },
109
115
  { text: "is greater than", value: ">" },
110
116
  { text: "is less than", value: "<" }
111
- ], i = [
117
+ ], u = [
112
118
  { text: "is equal to", value: "=" },
113
119
  { text: "after", value: ">" },
114
120
  { text: "before", value: "<" }
115
- ], u = [
121
+ ], c = [
116
122
  { text: "true", value: "==" },
117
123
  { text: "false", value: "!=" }
118
- ], E = (e) => {
124
+ ], h = (e) => {
119
125
  if (!e)
120
126
  return t;
121
127
  switch (e) {
122
128
  case "Boolean":
123
- return u;
129
+ return c;
124
130
  case "Date":
125
- return i;
131
+ return u;
126
132
  case "Number":
127
- return s;
133
+ return i;
128
134
  case "String":
129
135
  return t;
130
136
  case "Strings":
@@ -134,19 +140,20 @@ const a = {
134
140
  }
135
141
  };
136
142
  export {
137
- c as MIGRATION_PATHS,
143
+ m as MIGRATION_PATHS,
138
144
  r as OP_ANY_OF,
139
145
  p as PriceAttributes,
140
- d as QUERY_PARAMS,
146
+ T as QUERY_PARAMS,
141
147
  a as URLS,
142
- A as currencyDecimalCounts,
143
- T as currencyLocationMaps,
148
+ _ as currencyDecimalCounts,
149
+ A as currencyLocationMaps,
144
150
  v as currencyOperators,
145
- E as getOperatorOptions,
146
- m as getRecommendationFeedSourceMaps,
151
+ h as getOperatorOptions,
152
+ E as getRecommendationFeedSourceMaps,
147
153
  o as operatorOptionsForArrayOfStrings,
148
- u as operatorOptionsForBooleans,
149
- i as operatorOptionsForDates,
150
- s as operatorOptionsForNumbers,
151
- t as operatorOptionsForStrings
154
+ c as operatorOptionsForBooleans,
155
+ u as operatorOptionsForDates,
156
+ i as operatorOptionsForNumbers,
157
+ t as operatorOptionsForStrings,
158
+ d as strategyEditPath
152
159
  };
@@ -1,37 +1,39 @@
1
- var R = Object.defineProperty;
2
- var B = (a, c, t) => c in a ? R(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
3
- var p = (a, c, t) => B(a, typeof c != "symbol" ? c + "" : c, t);
4
- import { useConfig as D } from "../../../composables/useConfig.js";
5
- import { BlockId as y } from "../../../enums/block.js";
1
+ var y = Object.defineProperty;
2
+ var A = (l, c, t) => c in l ? y(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
3
+ var g = (l, c, t) => A(l, typeof c != "symbol" ? c + "" : c, t);
4
+ import { useConfig as h } from "../../../composables/useConfig.js";
5
+ import { BlockId as D } from "../../../enums/block.js";
6
6
  import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
7
- import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
8
- import { CURRENT_CONFIG_VERSION as E, PRE_RRS_CONFIG_VERSION as S } from "./constants/defaultConfig.js";
7
+ import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
8
+ import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as O } from "./constants/defaultConfig.js";
9
9
  import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
10
- import { regenerateMobileProductRows as N } from "./controls/main/utils.js";
11
- import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
10
+ import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
11
+ import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as w } from "./controls/mobileLayout/cssRules.js";
12
12
  import { RecommendationConfigService as s } from "./services/configService.js";
13
13
  import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
14
- import { getDefaultTemplate as M } from "./templates/grid/template.js";
15
- import { useRecommendationBlockWarning as w } from "./useRecommendationBlockWarning.js";
16
- const _ = y.Recommendation, u = "recommendation-block-v2", I = "hide-price";
17
- let k = !1;
18
- class W extends b {
14
+ import { getDefaultTemplate as T } from "./templates/grid/template.js";
15
+ import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
16
+ const k = D.Recommendation, u = "recommendation-block-v2", B = "hide-price";
17
+ let b = !1;
18
+ class j extends E {
19
19
  constructor() {
20
20
  super();
21
21
  /**
22
22
  * Stores the ID generated in getTemplate() so onCreated() can reuse it.
23
23
  * This avoids generating a new (different) ID in onCreated().
24
24
  */
25
- p(this, "_pendingBlockId", null);
25
+ g(this, "_pendingBlockId", null);
26
+ /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
27
+ g(this, "_resetSourceIds", /* @__PURE__ */ new Set());
26
28
  }
27
29
  getId() {
28
- return _;
30
+ return k;
29
31
  }
30
32
  getIcon() {
31
33
  return "recommendation-icon";
32
34
  }
33
35
  getBlockCompositionType() {
34
- return A.CONTAINER;
36
+ return S.CONTAINER;
35
37
  }
36
38
  getName() {
37
39
  return this.api.translate("Recommendation Block");
@@ -43,7 +45,7 @@ class W extends b {
43
45
  }
44
46
  getSettingsPanelTitleHtml() {
45
47
  return C(
46
- _,
48
+ k,
47
49
  this.api.translate("Recommendation Block"),
48
50
  this.api.translate("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.")
49
51
  );
@@ -66,7 +68,7 @@ class W extends b {
66
68
  */
67
69
  getTemplate() {
68
70
  const t = this._generateNextId();
69
- return this._pendingBlockId = t, M(t);
71
+ return this._pendingBlockId = t, T(t);
70
72
  }
71
73
  /**
72
74
  * Called when a new block is dropped into the template
@@ -79,33 +81,37 @@ class W extends b {
79
81
  const e = this._getRecommendationId(t);
80
82
  if (e !== null && e > 0) {
81
83
  if (this._detectDuplicate(e)) {
82
- this._handleDuplicate(t, e);
84
+ this._handleDuplicate(t, e), this._scheduleArrivalReset(t);
83
85
  return;
84
86
  }
85
87
  this._pendingBlockId === null && setTimeout(() => {
86
88
  this._getBlockElement(t) && this._detectDuplicate(e) && this._handleDuplicate(t, e);
87
- }, 0);
89
+ }, 0), this._scheduleArrivalReset(t);
88
90
  return;
89
91
  }
90
92
  const i = this._pendingBlockId ?? this._generateNextId();
91
93
  this._pendingBlockId = null, this._assignRecommendationId(t, i);
92
- const { config: n, wasFreshDrop: o } = s.initializeConfig(
94
+ const n = h().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
93
95
  this.api,
94
96
  t,
95
97
  {
96
98
  recommendationId: i,
97
- configVersion: D().isFeatureEnabled("reusableRecommendationStrategy") ? E : S
99
+ configVersion: n ? N : O,
100
+ // An RRS block picks a strategy, not an algorithm, and its algorithm control is
101
+ // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
102
+ // at save for a block the user never configured.
103
+ ...o ? { strategy: "" } : {}
98
104
  }
99
- ), r = d();
100
- if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
101
- h(this.api);
102
- const l = this._getBlockElement(t);
103
- l && (f(this.api, l, !0), N({
105
+ ), f = d();
106
+ if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
107
+ I(this.api);
108
+ const _ = this._getBlockElement(t);
109
+ _ && (R(this.api, _, !0), M({
104
110
  currentNode: t,
105
111
  documentModifier: this.api.getDocumentModifier()
106
112
  }));
107
113
  }
108
- r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
114
+ f.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
109
115
  }
110
116
  /**
111
117
  * Called when the document changes or template is loaded
@@ -127,11 +133,11 @@ class W extends b {
127
133
  }
128
134
  this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
129
135
  try {
130
- k || (h(this.api), k = !0);
136
+ b || (I(this.api), b = !0);
131
137
  const e = s.getConfig(t), i = this._getBlockElement(t);
132
138
  if (i) {
133
139
  const n = !e.mobileLayoutEnabled;
134
- O(i) !== n && f(this.api, i, n);
140
+ w(i) !== n && R(this.api, i, n);
135
141
  }
136
142
  } catch {
137
143
  }
@@ -161,7 +167,7 @@ class W extends b {
161
167
  */
162
168
  _warnIfMultipleBlocks() {
163
169
  try {
164
- w().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
170
+ x().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
165
171
  } catch {
166
172
  }
167
173
  }
@@ -183,6 +189,19 @@ class W extends b {
183
189
  }
184
190
  return t + 1;
185
191
  }
192
+ /**
193
+ * Drops the "already fetched" claims of a block that arrived holding a baked id
194
+ * (saved module, paste, duplicate), so the settings panel reads its strategy again.
195
+ *
196
+ * Deferred a tick: the collision handlers rename a sibling first, and either sibling can be
197
+ * the renamed one depending on where the module was dropped (SD-149916).
198
+ */
199
+ _scheduleArrivalReset(t) {
200
+ h().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
201
+ const e = this._getRecommendationId(t);
202
+ e !== null && e > 0 && !this._resetSourceIds.delete(e) && d().resetArrivedBlock(e);
203
+ }, 0);
204
+ }
186
205
  /**
187
206
  * Heals a duplicate that slipped past the create-time `_detectDuplicate`
188
207
  * scan (or that was persisted by an older template before SD-142352).
@@ -211,9 +230,9 @@ class W extends b {
211
230
  if (!o)
212
231
  return;
213
232
  let r = -1;
214
- for (let l = 0; l < n.length; l++)
215
- if (n[l] === o) {
216
- r = l;
233
+ for (let a = 0; a < n.length; a++)
234
+ if (n[a] === o) {
235
+ r = a;
217
236
  break;
218
237
  }
219
238
  if (r <= 0)
@@ -237,7 +256,7 @@ class W extends b {
237
256
  /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
238
257
  _handleDuplicate(t, e) {
239
258
  const i = this._reassignDuplicateId(t, e), n = d();
240
- n.cloneBlockState(e, i), n.setCurrentBlock(i), this._warnIfMultipleBlocks();
259
+ n.cloneBlockState(e, i), n.setCurrentBlock(i), h().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
241
260
  }
242
261
  /**
243
262
  * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -270,7 +289,7 @@ class W extends b {
270
289
  if (!("getAttribute" in t))
271
290
  return;
272
291
  const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, r = this.api.getDocumentModifier();
273
- r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new g(
292
+ r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new p(
274
293
  `Reassign recommendation instance class ${n} -> ${o}`
275
294
  ));
276
295
  }
@@ -285,7 +304,7 @@ class W extends b {
285
304
  if (!i)
286
305
  return;
287
306
  const n = this.api.getDocumentModifier();
288
- n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new g(`Assign recommendation ID ${e}`));
307
+ n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new p(`Assign recommendation ID ${e}`));
289
308
  }
290
309
  /**
291
310
  * Stamps the `hide-price` attribute (read by email-service at send time) on
@@ -293,7 +312,7 @@ class W extends b {
293
312
  */
294
313
  _stampHidePrice(t, e) {
295
314
  const i = this._getBlockElement(t);
296
- i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(I, String(e)).apply(new g("Stamp hide-price"));
315
+ i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(e)).apply(new p("Stamp hide-price"));
297
316
  }
298
317
  /**
299
318
  * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -301,7 +320,7 @@ class W extends b {
301
320
  */
302
321
  _healHidePriceAttr(t) {
303
322
  const e = this._getBlockElement(t);
304
- if (!e || !("getAttribute" in e) || e.getAttribute(I) !== null)
323
+ if (!e || !("getAttribute" in e) || e.getAttribute(B) !== null)
305
324
  return;
306
325
  const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
307
326
  this._stampHidePrice(t, i);
@@ -338,6 +357,6 @@ class W extends b {
338
357
  }
339
358
  }
340
359
  export {
341
- _ as BLOCK_ID,
342
- W as RecommendationBlock
360
+ k as BLOCK_ID,
361
+ j as RecommendationBlock
343
362
  };