@useinsider/guido 1.0.3-beta.8feea14 → 1.0.3-beta.901ea7e

package/dist/components/organisms/extensions/recommendation/LogicAdapter.vue.js

@@ -0,0 +1,17 @@
+import s from "./LogicAdapter.vue2.js";
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, r = t._self._c, e = t._self._setupProxy;
+  return r(e.InSegments, { staticClass: "guido__logic-adapter f-g-1", attrs: { "segment-list": e.logicAdapterList, selected: e.selectedLogicAdapter, "with-icon": !1 }, on: { click: e.changeLogicAdapter } });
+}, a = [], c = /* @__PURE__ */ n(
+  s,
+  o,
+  a,
+  !1,
+  null,
+  null
+);
+const p = c.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/LogicAdapter.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as s, ref as n } from "vue";
+import { InSegments as p } from "@useinsider/design-system-vue";
+const l = /* @__PURE__ */ s({
+  __name: "LogicAdapter",
+  props: {
+    logic: null
+  },
+  emits: ["change"],
+  setup(r, { emit: e }) {
+    const t = r, a = n([
+      {
+        text: "and",
+        value: "*"
+      },
+      {
+        text: "or",
+        value: "|"
+      }
+    ]), o = n(t.logic || "*");
+    return { __sfc: !0, logicAdapterList: a, emit: e, props: t, selectedLogicAdapter: o, changeLogicAdapter: (c) => {
+      o.value = c, e("change", c);
+    }, InSegments: p };
+  }
+});
+export {
+  l as default
+};

package/dist/components/organisms/header/LeftSlot.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   a,
   !1,
   null,
-  "2c168944"
+  "0502bceb"
 );
 const p = i.exports;
 export {

package/dist/components/organisms/header/LeftSlot.vue2.js

@@ -1,28 +1,29 @@
-import { defineComponent as s, computed as c } from "vue";
-import { useBack as m } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as a } from "../../../composables/usePreviewMode.js";
+import { defineComponent as c, computed as a } from "vue";
+import { useConfig as m } from "../../../composables/useConfig.js";
+import { useBack as u } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as f } from "../../../composables/usePreviewMode.js";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
-import { InButtonV2 as f } from "@useinsider/design-system-vue";
-import l from "./version-history/RestoreButton.vue.js";
-const O = /* @__PURE__ */ s({
+import { useVersionHistoryApi as d } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InButtonV2 as k } from "@useinsider/design-system-vue";
+import B from "./version-history/RestoreButton.vue.js";
+const P = /* @__PURE__ */ c({
   __name: "LeftSlot",
-  setup(k) {
-    const o = d(), r = m(), { closeVersionHistory: t } = u(), { closePreviewMode: i } = a(), e = p(), n = c(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : e("email-editor.back-to-design"));
-    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: t, closePreviewMode: i, trans: e, backButtonLabel: n, handleBackClick: () => {
+  setup(b) {
+    const o = l(), r = u(), { closeVersionHistory: i } = d(), { closePreviewMode: n } = f(), e = p(), { config: t } = m(), s = a(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : t.backButtonLabel ? t.backButtonLabel : e("email-editor.back-to-design"));
+    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: s, handleBackClick: () => {
       if (o.isVersionHistoryOpen) {
-        t();
+        i();
         return;
       }
       if (o.isPreviewModeOpen) {
-        i();
+        n();
         return;
       }
       r();
-    }, InButtonV2: f, RestoreButton: l };
+    }, InButtonV2: k, RestoreButton: B };
   }
 });
 export {
-  O as default
+  P as default
 };

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,20 +1,20 @@
-import n from "./RightSlot.vue2.js";
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var s, i;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(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 } }) : o._e(), e(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 = t.config.features) != null && i.saveAsTemplate ? e(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 } }) : o._e(), e(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"), "tooltip-text": t.trans("newsletter.test-email") } }), e(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(p) {
+import a from "./RightSlot.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o, i, n;
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f" }, [(o = t.config.features) != null && o.versionHistory ? e(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 } }) : s._e(), e(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 = t.config.features) != null && i.saveAsTemplate ? e(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 } }) : s._e(), (n = t.config.features) != null && n.testMessage ? e(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"), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : s._e(), e(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(c) {
     return t.handleSave(!1);
   } } })], 1);
-}, r = [], d = /* @__PURE__ */ a(
-  n,
-  l,
+}, u = [], d = /* @__PURE__ */ l(
+  a,
   r,
+  u,
   !1,
   null,
   null
 );
-const g = d.exports;
+const f = d.exports;
 export {
-  g as default
+  f as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,35 +1,36 @@
-import { defineComponent as g, ref as l, computed as H } from "vue";
-import { useConfig as _ } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useSave as V } from "../../../composables/useSave.js";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { defineComponent as H, ref as p, computed as _ } from "vue";
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { useExport as V } from "../../../composables/useExport.js";
+import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
+import { useSave as E } from "../../../composables/useSave.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as T } from "../../../stores/editor.js";
-import { getTooltipOptions as E } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ g({
+import { useEditorStore as C } from "../../../stores/editor.js";
+import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as A } from "@useinsider/design-system-vue";
+const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(A, { expose: m }) {
-    const { config: u } = _(), { exportHtml: r } = h(), { save: n } = V(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = T(), t = x(), e = l(!1), s = l(!1), c = () => {
-      if (o.isVersionHistoryOpen) {
+  setup(k, { expose: m }) {
+    const { config: c } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), t = C(), o = T(), e = p(!1), s = p(!1), u = x(), f = () => {
+      if (t.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, f = async () => {
+    }, v = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, v = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, d = H(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), p = async (y) => {
-      s.value = !0, o.loadingStatus = !0;
-      const S = await n(y);
-      return s.value = !1, o.loadingStatus = !1, S;
+    }, d = () => {
+      t.isSaveAsTemplateDrawerOpen = !0;
+    }, y = _(() => t.isVersionHistoryOpen ? o("newsletter.close-version-history") : o("newsletter.version-history")), l = async (S) => {
+      s.value = !0, t.loadingStatus = !0;
+      const g = await n(S);
+      return s.value = !1, t.loadingStatus = !1, g;
     };
     return m({
-      handleSave: p
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: c, handleExport: f, handleSaveAs: v, versionHistoryTooltipText: d, handleSave: p, getTooltipOptions: E, InButtonV2: O };
+      handleSave: l
+    }), { __sfc: !0, config: c, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: t, trans: o, isExporting: e, isSaving: s, testEmailClick: u, handleVersionHistory: f, handleExport: v, handleSaveAs: d, versionHistoryTooltipText: y, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {
-  z as default
+  J as default
 };

package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js

@@ -0,0 +1,21 @@
+import g from "./ItemsOnboarding.vue2.js";
+/* empty css                     */
+import m from "../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var e, n, r, i, s, a;
+  var o = this, d = o._self._c, t = o._self._setupProxy;
+  return t.isVisible ? d(t.InOnboard, { key: "guido__items-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__items-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : r.left, "pages-config": t.onboardingStore.onboardings.itemsOnboarding.config, "pointer-position": (i = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : i.position, "right-position": (s = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : s.right, "top-position": (a = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(b) {
+    return t.onboardingStore.close("itemsOnboarding");
+  }, nextButtonClick: t.handleNext } }) : o._e();
+}, c = [], p = /* @__PURE__ */ m(
+  g,
+  l,
+  c,
+  !1,
+  null,
+  "dd1a237a"
+);
+const I = p.exports;
+export {
+  I as default
+};

package/dist/components/organisms/onboarding/ItemsOnboarding.vue2.js

@@ -0,0 +1,99 @@
+import { defineComponent as l, computed as a, watch as u } from "vue";
+import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { RIBBON_SELECTOR as T, UI_EDITOR_SELECTOR as O, CARD_COMPOSITION_TAB_SELECTOR as B, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
+import { useOnboardingStore as C } from "../../../stores/onboarding.js";
+import { InOnboard as k } from "@useinsider/design-system-vue";
+const E = /* @__PURE__ */ l({
+  __name: "ItemsOnboarding",
+  setup(_) {
+    const e = x(), o = C(), c = a(() => {
+      const t = document.querySelector(T);
+      return (t == null ? void 0 : t.offsetHeight) ?? 0;
+    }), n = (t) => `${t + c.value}px`, r = (t) => {
+      const i = document.querySelector(O);
+      if (!(i != null && i.shadowRoot))
+        return;
+      const { shadowRoot: s } = i, m = s.querySelector(t);
+      m && m.click();
+    }, d = a(() => [
+      {
+        classes: "guido-items-onboarding-card-1",
+        right: "426px",
+        top: n(90),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-title"),
+        description: e("email-editor.onboarding-items-description"),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: e("products.next"),
+        nextButtonClick: () => {
+          o.next("itemsOnboarding");
+        }
+      },
+      {
+        classes: "guido-items-onboarding-card-2",
+        right: "426px",
+        top: n(218),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-item-type-title"),
+        description: e("email-editor.onboarding-items-item-type-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: e("ds-steps.back"),
+        backButtonClick: () => {
+          o.previous("itemsOnboarding");
+        },
+        nextButtonType: "text",
+        nextButtonText: e("products.next"),
+        nextButtonClick: () => {
+          o.next("itemsOnboarding");
+        }
+      },
+      {
+        classes: "guido-items-onboarding-card-3",
+        right: "426px",
+        top: n(140),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-composition-title"),
+        description: e("email-editor.onboarding-items-composition-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: e("ds-steps.back"),
+        backButtonClick: () => {
+          o.previous("itemsOnboarding");
+        },
+        nextButtonType: "text",
+        nextButtonText: e("action-builder.ok"),
+        nextButtonClick: () => {
+          o.close("itemsOnboarding");
+        }
+      }
+    ]), g = a(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
+      var t, i;
+      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || i.call(t);
+    }, b = () => {
+      var t, i;
+      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || i.call(t);
+    };
+    return u(
+      () => o.isActive("itemsOnboarding"),
+      (t) => {
+        t && o.setConfig("itemsOnboarding", d.value);
+      },
+      { immediate: !0 }
+    ), u(
+      () => o.onboardings.itemsOnboarding.cardIndex,
+      (t, i) => {
+        if (!o.isActive("itemsOnboarding"))
+          return;
+        const s = `${i}-${t}`;
+        s === "1-2" && r(B), s === "2-1" && r(f);
+      }
+    ), { __sfc: !0, trans: e, onboardingStore: o, ribbonOffset: c, getTopPosition: n, switchTab: r, onboardingCardsConfig: d, isVisible: g, handleNext: p, handleBack: b, InOnboard: k };
+  }
+});
+export {
+  E as default
+};

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import s from "./NewVersionPopup.vue2.js";
+import t from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
-}, i = [], a = /* @__PURE__ */ n(
-  s,
-  r,
+var i = function() {
+  var e = this, s = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
+}, r = [], a = /* @__PURE__ */ n(
+  t,
   i,
+  r,
   !1,
   null,
   null
 );
-const p = a.exports;
+const _ = a.exports;
 export {
-  p as default
+  _ as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,30 +1,43 @@
-import { defineComponent as s, ref as r } from "vue";
-import a from "../../wrappers/WpModal.vue.js";
-import { useTranslations as i } from "../../../composables/useTranslations.js";
-import l from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as m } from "../../../stores/onboarding.js";
-const w = /* @__PURE__ */ s({
+import { defineComponent as g, ref as b, computed as o } from "vue";
+import v from "../../wrappers/WpModal.vue.js";
+import { useConfig as D } from "../../../composables/useConfig.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
+import y from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
+const I = /* @__PURE__ */ g({
   __name: "NewVersionPopup",
-  setup(p) {
-    const n = i(), e = m(), o = r(!0), t = r({
+  emits: ["onboarding-finished"],
+  setup(w, { emit: a }) {
+    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
+      i.value
+    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      sunsetDate: d.value,
+      academyLink: l
+    }) : e("email-editor.onboarding-description", {
+      academyLink: l
+    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
       primaryButton: {
         type: "primary",
-        labelText: n("left-menu.discover-now")
+        labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: n("products.remind-me-later")
+        labelText: u.value
       }
-    });
-    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
-      e.onDiscoverNowClicked(), o.value = !1;
+    })), r = () => {
+      s.value = !1, a("onboarding-finished");
+    };
+    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
+      t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
-      e.onRemindMeLater(), o.value = !1;
+      t.onRemindMeLater(), r();
     }, handleClose: () => {
-      e.onNewVersionPopupClose(), o.value = !1;
-    }, WpModal: a, onboardingImageSvg: l };
+      t.onNewVersionPopupClose(), r();
+    }, WpModal: v, onboardingImageSvg: y };
   }
 });
 export {
-  w as default
+  I as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,19 +1,21 @@
-import o from "./OnboardingWrapper.vue2.js";
-import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
+import t from "./OnboardingWrapper.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, t = n._self._setupProxy;
-  return e("div", n._l(t.visibleOnboardings, function(r) {
-    return e(r.component, { key: r.type, tag: "component" });
+  var n = this, e = n._self._c, r = n._self._setupProxy;
+  return e("div", n._l(r.visibleOnboardings, function(o) {
+    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
+      return r.emit("onboarding-finished");
+    } } });
   }), 1);
-}, a = [], p = /* @__PURE__ */ _(
-  o,
+}, _ = [], a = /* @__PURE__ */ i(
+  t,
   s,
-  a,
+  _,
   !1,
   null,
   null
 );
-const m = p.exports;
+const d = a.exports;
 export {
-  m as default
+  d as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,24 +1,27 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
-import { usePartner as O } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as v } from "../../../stores/onboarding.js";
-import { usePreviewStore as l } from "../../../stores/preview.js";
-import y from "./AMPOnboarding.vue.js";
-import S from "./GenericOnboarding.vue.js";
-import w from "./NewVersionPopup.vue.js";
-import P from "./TextBlockOnboarding.vue.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import u from "./AMPOnboarding.vue.js";
+import v from "./GenericOnboarding.vue.js";
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
 import h from "./VersionHistoryOnboarding.vue.js";
-const E = /* @__PURE__ */ g({
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { usePreviewStore as A } from "../../../stores/preview.js";
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
-  setup(_) {
-    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: S },
-      { type: "textBlockOnboarding", component: P },
+  emits: ["onboarding-finished"],
+  setup(H, { emit: f }) {
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
+      { type: "genericOnboarding", component: v },
+      { type: "textBlockOnboarding", component: S },
       { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: y }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
-    return b(async () => {
+      { type: "ampOnboarding", component: u },
+      { type: "itemsOnboarding", component: l }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -35,9 +38,9 @@ const E = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  E as default
+  G as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribeBreadcrumb.vue.js

@@ -0,0 +1,18 @@
+import s from "./UnsubscribeBreadcrumb.vue2.js";
+/* empty css                           */
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var e = this, t = e._self._c, r = e._self._setupProxy;
+  return t(r.InBreadcrumb, { staticClass: "c-p", attrs: { "without-router": "", "active-tab": r.unsubscribeStore.activeType, "home-icon": !1, list: r.breadcrumbs, routes: [] }, on: { click: r.navigate } });
+}, c = [], n = /* @__PURE__ */ a(
+  s,
+  o,
+  c,
+  !1,
+  null,
+  "70835920"
+);
+const f = n.exports;
+export {
+  f as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeBreadcrumb.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as o, computed as n } from "vue";
+import { TYPE_TRANSLATIONS as s } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
+import { InBreadcrumb as m } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ o({
+  __name: "UnsubscribeBreadcrumb",
+  setup(a) {
+    const r = c(), t = n(() => r.getSelectedCollection.map((e) => ({ value: e, text: s[e] })));
+    return { __sfc: !0, unsubscribeStore: r, breadcrumbs: t, navigate: (e) => {
+      r.activeType = e.value;
+    }, InBreadcrumb: m };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -0,0 +1,24 @@
+import a from "./UnsubscribePageSelection.vue2.js";
+/* empty css                              */
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var r = this, e = r._self._c, t = r._self._setupProxy;
+  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.closeModal, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return t.selectTemplate(s.id);
+    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+  }), 0)]);
+}, i = [], c = /* @__PURE__ */ n(
+  a,
+  o,
+  i,
+  !1,
+  null,
+  "a86fc486"
+);
+const _ = c.exports;
+export {
+  _ as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
+import g from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as S } from "../../../composables/useToaster.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
+import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
+import { InContainer as C } from "@useinsider/design-system-vue";
+import h from "./UnsubscribeBreadcrumb.vue.js";
+const E = /* @__PURE__ */ f({
+  __name: "UnsubscribePageSelection",
+  setup(_) {
+    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(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: c.value,
+        loadingStatus: o.value,
+        disabledStatus: !1
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: i.value,
+        disabledStatus: o.value
+      }
+    })), 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) => {
+      e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
+        t();
+      }, 500);
+    }, m = () => {
+      if (e.isActiveTypeFirstInCollection) {
+        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        return;
+      }
+      e.setPreviousType();
+    }, d = () => {
+      if (e.isActiveTypeLastInCollection) {
+        o.value = !0;
+        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
+        e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+          detail: {
+            collectionType: t,
+            selectedPages: l
+          }
+        })), r(() => {
+          o.value = !1, a({
+            type: B.Success,
+            message: s("global-unsubscribe.pages-were-attached")
+          });
+        });
+        return;
+      }
+      e.setNextType();
+    }, b = (t) => {
+      e.setSelectedTemplate(t);
+    };
+    return T(() => e.pageSelectionDrawerStatus, (t) => {
+      t && e.pageSelectionUpdateStatus && e.fetchTemplates();
+    }), { __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 };
+  }
+});
+export {
+  E as default
+};