@useinsider/guido 2.1.0-beta.f8696fd → 2.1.0-beta.f9ab899

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 (74) hide show
  1. package/dist/components/organisms/base/Toaster.vue.js +4 -4
  2. package/dist/components/organisms/base/Toaster.vue2.js +12 -9
  3. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +5 -5
  4. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js +2 -2
  5. package/dist/components/organisms/header/EditorActions.vue.js +10 -12
  6. package/dist/components/organisms/header/EditorActions.vue2.js +31 -41
  7. package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js +1 -1
  8. package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js +19 -19
  9. package/dist/composables/useRecommendation.js +9 -9
  10. package/dist/config/i18n/en/labels.json.js +3 -8
  11. package/dist/config/migrator/itemsBlockMigrator.js +134 -136
  12. package/dist/config/migrator/recommendationMigrator.js +40 -42
  13. package/dist/extensions/Blocks/Items/block.js +25 -45
  14. package/dist/extensions/Blocks/Items/iconsRegistry.js +5 -40
  15. package/dist/extensions/Blocks/Items/items.css.js +0 -48
  16. package/dist/extensions/Blocks/Recommendation/block.js +29 -49
  17. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +36 -33
  18. package/dist/extensions/Blocks/Recommendation/constants/layout.js +16 -14
  19. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +13 -12
  20. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +9 -9
  21. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +1 -1
  22. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +37 -27
  23. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +16 -16
  24. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +30 -32
  25. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +173 -102
  26. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +9 -9
  27. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +46 -38
  28. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +16 -16
  29. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +269 -215
  30. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +10 -10
  31. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +5 -5
  32. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +14 -14
  33. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +9 -9
  34. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +3 -3
  35. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +1 -1
  36. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +9 -9
  37. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +3 -3
  38. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +3 -3
  39. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +3 -3
  40. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +225 -102
  41. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +2 -37
  42. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +0 -48
  43. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +94 -53
  44. package/dist/extensions/Blocks/Unsubscribe/block.js +29 -29
  45. package/dist/extensions/Blocks/Unsubscribe/control.js +12 -9
  46. package/dist/extensions/Blocks/Unsubscribe/elements/preview.js +13 -11
  47. package/dist/extensions/Blocks/Unsubscribe/styles.css.js +31 -1
  48. package/dist/extensions/Blocks/common-control.js +4 -12
  49. package/dist/guido.css +1 -1
  50. package/dist/src/components/Guido.vue.d.ts +1 -1
  51. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
  52. package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts +1 -1
  53. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  54. package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
  55. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -1
  56. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -1
  57. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +6 -0
  58. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +3 -3
  59. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +6 -2
  60. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +6 -1
  61. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +33 -10
  62. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +24 -14
  63. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +49 -17
  64. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -0
  65. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +8 -0
  66. package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts +1 -0
  67. package/dist/src/extensions/Blocks/common-control.d.ts +0 -5
  68. package/dist/stores/unsubscribe.js +37 -34
  69. package/package.json +1 -1
  70. package/dist/components/organisms/header/MigrationConfirmModal.vue.js +0 -21
  71. package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +0 -38
  72. package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +0 -5
  73. package/dist/src/stores/template.d.ts +0 -3
  74. package/dist/stores/template.js +0 -9
@@ -1,10 +1,10 @@
1
- import e from "./Toaster.vue2.js";
1
+ import n from "./Toaster.vue2.js";
2
2
  import s from "../../../_virtual/_plugin-vue2_normalizer.js";
3
3
  var r = function() {
4
- var o = this, n = o._self._c, t = o._self._setupProxy;
5
- return n(t.InToasts, { attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
4
+ var o = this, e = o._self._c, t = o._self._setupProxy;
5
+ return e(t.InToasts, { ref: "toastRef", attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
6
6
  }, a = [], _ = /* @__PURE__ */ s(
7
- e,
7
+ n,
8
8
  r,
9
9
  a,
10
10
  !1,
@@ -1,15 +1,18 @@
1
- import { defineComponent as n, computed as e } from "vue";
2
- import { useToasterStore as i } from "../../../stores/toaster.js";
3
- import { InToasts as c } from "@useinsider/design-system-vue";
4
- const f = /* @__PURE__ */ n({
1
+ import { defineComponent as a, ref as c, computed as i, onBeforeUnmount as u } from "vue";
2
+ import { useToasterStore as f } from "../../../stores/toaster.js";
3
+ import { InToasts as m } from "@useinsider/design-system-vue";
4
+ const d = /* @__PURE__ */ a({
5
5
  __name: "Toaster",
6
- setup(s) {
7
- const t = i(), o = e(() => t.actionButton ? [{ text: t.actionButton.text }] : []);
8
- return { __sfc: !0, store: t, actionButtonsConfig: o, handleActionClick: () => {
6
+ setup(p) {
7
+ const t = f(), o = c(null), r = i(() => t.actionButton ? [{ text: t.actionButton.text }] : []), s = () => {
9
8
  t.actionButton && t.actionButton.onClick(), t.hideToaster();
10
- }, InToasts: c };
9
+ };
10
+ return u(() => {
11
+ var e, n;
12
+ t.$reset(), (n = (e = o.value) == null ? void 0 : e.$el) == null || n.remove();
13
+ }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: r, handleActionClick: s, InToasts: m };
11
14
  }
12
15
  });
13
16
  export {
14
- f as default
17
+ d as default
15
18
  };
@@ -1,16 +1,16 @@
1
- import i from "./EmailSizeIndicator.vue2.js";
1
+ import s from "./EmailSizeIndicator.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
4
4
  var o = function() {
5
- var t = this, s = t._self._c, e = t._self._setupProxy;
6
- return e.previewStore.previewHtml ? s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(e.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: e.htmlSize, "max-value": e.MAX_EMAIL_SIZE_IN_KB, type: e.progress.type, value: e.progress.value } }), s(e.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: e.trans("email-editor.preview-design-size-tooltip") } })], 1) : t._e();
5
+ var e = this, i = e._self._c, t = e._self._setupProxy;
6
+ return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
7
7
  }, a = [], n = /* @__PURE__ */ r(
8
- i,
8
+ s,
9
9
  o,
10
10
  a,
11
11
  !1,
12
12
  null,
13
- "913a3417"
13
+ "079d2bf7"
14
14
  );
15
15
  const m = n.exports;
16
16
  export {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
2
2
  import { useTranslations as p } from "../../../../composables/useTranslations.js";
3
3
  import { usePreviewStore as _ } from "../../../../stores/preview.js";
4
- import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
4
+ import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
5
5
  const S = /* @__PURE__ */ c({
6
6
  __name: "EmailSizeIndicator",
7
7
  setup(w) {
@@ -17,7 +17,7 @@ const S = /* @__PURE__ */ c({
17
17
  }, i = p();
18
18
  return u(() => t.previewHtml, () => {
19
19
  r();
20
- }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltip: v };
20
+ }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
21
21
  }
22
22
  });
23
23
  export {
@@ -1,23 +1,21 @@
1
- import r from "./EditorActions.vue2.js";
1
+ import l from "./EditorActions.vue2.js";
2
2
  /* empty css */
3
- import d from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var u = function() {
3
+ import r from "../../../_virtual/_plugin-vue2_normalizer.js";
4
+ var d = function() {
5
5
  var s, i, n, a;
6
6
  var e = this, o = e._self._c, t = e._self._setupProxy;
7
- return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(l) {
7
+ return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
8
8
  return t.handleSave(!1);
9
- } } }), t.isMigrationModalVisible ? o(t.MigrationConfirmModal, { on: { close: function(l) {
10
- t.isMigrationModalVisible = !1;
11
- }, confirm: t.handleMigrationConfirm } }) : e._e()], 1);
12
- }, p = [], c = /* @__PURE__ */ d(
13
- r,
9
+ } } })], 1);
10
+ }, u = [], p = /* @__PURE__ */ r(
11
+ l,
12
+ d,
14
13
  u,
15
- p,
16
14
  !1,
17
15
  null,
18
- "92b1be6c"
16
+ "17dd4d8b"
19
17
  );
20
- const v = c.exports;
18
+ const v = p.exports;
21
19
  export {
22
20
  v as default
23
21
  };
@@ -1,51 +1,41 @@
1
- import { defineComponent as T, ref as l, computed as m } from "vue";
2
- import { useConfig as w } from "../../../composables/useConfig.js";
3
- import { useExport as C } from "../../../composables/useExport.js";
4
- import { useTestEmailClick as O } from "../../../composables/useGuidoActions.js";
5
- import { useSave as A } from "../../../composables/useSave.js";
6
- import { useTranslations as b } from "../../../composables/useTranslations.js";
7
- import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
8
- import { useEditorStore as B } from "../../../stores/editor.js";
9
- import { useTemplateStore as j } from "../../../stores/template.js";
10
- import { getTooltipOptions as D } from "../../../utils/tooltipUtils.js";
11
- import { InButtonV2 as I } from "@useinsider/design-system-vue";
12
- import P from "./MigrationConfirmModal.vue.js";
13
- const Y = /* @__PURE__ */ T({
1
+ import { defineComponent as g, ref as u, computed as f } from "vue";
2
+ import { useConfig as E } from "../../../composables/useConfig.js";
3
+ import { useExport as h } from "../../../composables/useExport.js";
4
+ import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
5
+ import { useSave as x } from "../../../composables/useSave.js";
6
+ import { useTranslations as T } from "../../../composables/useTranslations.js";
7
+ import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
8
+ import { useEditorStore as A } from "../../../stores/editor.js";
9
+ import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
10
+ import { InButtonV2 as k } from "@useinsider/design-system-vue";
11
+ const J = /* @__PURE__ */ g({
14
12
  __name: "EditorActions",
15
- setup(q, { expose: H }) {
16
- const { config: u } = w(), { exportHtml: c } = C(), { save: p } = A(), { openVersionHistory: f, closeVersionHistory: v } = k(), t = B(), d = j(), s = b(), r = l(!1), i = l(!1), n = l(!1), S = O(), y = m(() => Object.values(d.migrations).some((o) => o > 0)), V = () => {
17
- if (t.isVersionHistoryOpen) {
18
- v();
13
+ setup(B, { expose: v }) {
14
+ const { config: n } = E(), { exportHtml: a } = h(), { save: l } = x(), { openVersionHistory: p, closeVersionHistory: c } = O(), o = A(), s = T(), r = u(!1), i = u(!1), d = w(), y = () => {
15
+ if (o.isVersionHistoryOpen) {
16
+ c();
19
17
  return;
20
18
  }
21
- f();
22
- }, h = async () => {
23
- r.value = !0, await c(), r.value = !1;
24
- }, _ = () => {
25
- t.isSaveAsTemplateDrawerOpen = !0;
26
- }, x = m(() => t.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), E = m(
19
+ p();
20
+ }, H = async () => {
21
+ r.value = !0, await a(), r.value = !1;
22
+ }, V = () => {
23
+ o.isSaveAsTemplateDrawerOpen = !0;
24
+ }, S = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), _ = f(
27
25
  () => {
28
- var o, e;
29
- return ((e = (o = u.value) == null ? void 0 : o.features) == null ? void 0 : e.versionHistory) && !t.isPreviewModeOpen;
26
+ var t, e;
27
+ return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
30
28
  }
31
- ), a = async (o) => {
32
- i.value = !0, t.loadingStatus = !0;
33
- const e = await p(o);
34
- return i.value = !1, (o || !e) && (t.loadingStatus = !1), e;
35
- }, g = (o) => {
36
- if (!o && y.value) {
37
- n.value = !0;
38
- return;
39
- }
40
- a(o);
41
- }, M = () => {
42
- n.value = !1, a(!1);
29
+ ), m = async (t) => {
30
+ i.value = !0, o.loadingStatus = !0;
31
+ const e = await l(t);
32
+ return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
43
33
  };
44
- return H({
45
- handleSave: g
46
- }), { __sfc: !0, config: u, exportHtml: c, save: p, openVersionHistory: f, closeVersionHistory: v, editorStore: t, templateStore: d, trans: s, isExporting: r, isSaving: i, isMigrationModalVisible: n, testEmailClick: S, hasMigrations: y, handleVersionHistory: V, handleExport: h, handleSaveAs: _, versionHistoryTooltipText: x, isVersionHistoryButtonVisible: E, executeSave: a, handleSave: g, handleMigrationConfirm: M, getTooltipOptions: D, InButtonV2: I, MigrationConfirmModal: P };
34
+ return v({
35
+ handleSave: m
36
+ }), { __sfc: !0, config: n, exportHtml: a, save: l, openVersionHistory: p, closeVersionHistory: c, editorStore: o, trans: s, isExporting: r, isSaving: i, testEmailClick: d, handleVersionHistory: y, handleExport: H, handleSaveAs: V, versionHistoryTooltipText: S, isVersionHistoryButtonVisible: _, handleSave: m, getTooltipOptions: C, InButtonV2: k };
47
37
  }
48
38
  });
49
39
  export {
50
- Y as default
40
+ J as default
51
41
  };
@@ -16,7 +16,7 @@ var o = function() {
16
16
  i,
17
17
  !1,
18
18
  null,
19
- "a86fc486"
19
+ "df672485"
20
20
  );
21
21
  const _ = c.exports;
22
22
  export {
@@ -1,15 +1,15 @@
1
- import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
2
- import g from "../../wrappers/WpDrawer.vue.js";
3
- import { useToaster as S } from "../../../composables/useToaster.js";
4
- import { useTranslations as v } from "../../../composables/useTranslations.js";
5
- import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
1
+ import { defineComponent as g, ref as y, computed as n, watch as S } from "vue";
2
+ import T from "../../wrappers/WpDrawer.vue.js";
3
+ import { useToaster as v } from "../../../composables/useToaster.js";
4
+ import { useTranslations as B } from "../../../composables/useTranslations.js";
5
+ import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
6
6
  import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
7
- import { InContainer as C } from "@useinsider/design-system-vue";
8
- import h from "./UnsubscribeBreadcrumb.vue.js";
9
- const E = /* @__PURE__ */ f({
7
+ import { InContainer as h } from "@useinsider/design-system-vue";
8
+ import U from "./UnsubscribeBreadcrumb.vue.js";
9
+ const F = /* @__PURE__ */ g({
10
10
  __name: "UnsubscribePageSelection",
11
- setup(_) {
12
- const s = v(), e = w(), { showToaster: a } = S(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = n(() => ({
11
+ setup(P) {
12
+ const s = B(), e = w(), { showToaster: a } = v(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), u = n(() => ({
13
13
  primaryButton: {
14
14
  styling: "solid",
15
15
  type: "primary",
@@ -23,28 +23,28 @@ const E = /* @__PURE__ */ f({
23
23
  labelText: i.value,
24
24
  disabledStatus: o.value
25
25
  }
26
- })), u = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
26
+ })), p = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
27
27
  e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
28
28
  t();
29
29
  }, 500);
30
- }, m = () => {
30
+ }, d = () => {
31
31
  if (e.isActiveTypeFirstInCollection) {
32
32
  r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
33
33
  return;
34
34
  }
35
35
  e.setPreviousType();
36
- }, d = () => {
36
+ }, m = () => {
37
37
  if (e.isActiveTypeLastInCollection) {
38
38
  o.value = !0;
39
- const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
40
- e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
39
+ const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t), f = e.getSelectedUnsubscribePagesByCollection(t);
40
+ e.removeUnsubscribePages(f), e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
41
41
  detail: {
42
42
  collectionType: t,
43
43
  selectedPages: l
44
44
  }
45
45
  })), r(() => {
46
46
  o.value = !1, a({
47
- type: B.Success,
47
+ type: C.Success,
48
48
  message: s("global-unsubscribe.pages-were-attached")
49
49
  });
50
50
  });
@@ -54,11 +54,11 @@ const E = /* @__PURE__ */ f({
54
54
  }, b = (t) => {
55
55
  e.setSelectedTemplate(t);
56
56
  };
57
- return T(() => e.pageSelectionDrawerStatus, (t) => {
57
+ return S(() => e.pageSelectionDrawerStatus, (t) => {
58
58
  t && e.pageSelectionUpdateStatus && e.fetchTemplates();
59
- }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: p, getBorderClass: u, closeModal: r, handleBack: m, handleSave: d, selectTemplate: b, WpDrawer: g, InContainer: C, UnsubscribeBreadcrumb: h };
59
+ }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: u, getBorderClass: p, closeModal: r, handleBack: d, handleSave: m, selectTemplate: b, WpDrawer: T, InContainer: h, UnsubscribeBreadcrumb: U };
60
60
  }
61
61
  });
62
62
  export {
63
- E as default
63
+ F as default
64
64
  };
@@ -1,8 +1,8 @@
1
1
  import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
2
2
  import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
3
- import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
3
+ import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
4
4
  import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
5
- import { useConfigStore as C } from "../stores/config.js";
5
+ import { useConfigStore as I } from "../stores/config.js";
6
6
  const N = () => ({
7
7
  calculateCardWidth: ({
8
8
  mobileLeftPadding: i,
@@ -14,7 +14,7 @@ const N = () => ({
14
14
  return (R - e) / r;
15
15
  },
16
16
  getRecommendationCampaignData: (i) => {
17
- const n = l(), o = Number(i), a = n.blockStates[o];
17
+ const n = u(), o = Number(i), a = n.blockStates[o];
18
18
  if (!a)
19
19
  return {
20
20
  textTrimming: !1,
@@ -43,16 +43,16 @@ const N = () => ({
43
43
  };
44
44
  },
45
45
  buildCampaignUrl: (i) => {
46
- var d;
47
- const n = l(), o = C(), a = Number(i), r = n.blockStates[a];
46
+ var m;
47
+ const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
48
48
  if (!r)
49
49
  return "";
50
- const { recommendationConfigs: e } = r, u = ((d = g.find((s) => s.key === e.strategy)) == null ? void 0 : d.path) || "", t = new URLSearchParams();
51
- t.set("locale", e.language), t.set("currency", e.currencySettings.value), 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", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}");
50
+ const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
51
+ t.set("locale", e.language), t.set("currency", e.currencySettings.value), 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", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
52
52
  const f = e.filters.filter((s) => s.isValid), c = x(f);
53
53
  c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
54
- const m = `${p.RECOMMENDATION_API_URL}/v2/${u}?${t.toString()}`;
55
- return n.recommendationCampaignUrls[i] = m, m;
54
+ const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
55
+ return n.recommendationCampaignUrls[i] = d, d;
56
56
  }
57
57
  });
58
58
  export {
@@ -1,12 +1,7 @@
1
- const e = "Items", o = {
1
+ const l = {
2
2
  "Global Styles & Layout": "Global Styles and Layout",
3
- "Structures & Modules": "Structures and Modules",
4
- "Recommendation Block": "Recommendation",
5
- Items: e,
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
- "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."
3
+ "Structures & Modules": "Structures and Modules"
8
4
  };
9
5
  export {
10
- e as Items,
11
- o as default
6
+ l as default
12
7
  };