@useinsider/guido 1.0.3-beta.fc5a751 → 1.0.3-beta.ff71e68

package/dist/utils/templatePreparation.js

@@ -1,15 +1,14 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
+import { useActionsApi as g } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
 import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
-const z = () => {
-  const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
+const H = () => {
+  const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
+      const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
+      }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
       return console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
@@ -17,25 +16,25 @@ const z = () => {
         appliedRules: d,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
-        ampHtml: m,
-        ampErrors: r,
-        modules: p,
+        dynamicContentList: u,
+        compiledHtml: p,
+        rawHtml: r,
+        css: c,
+        ampHtml: s,
+        ampErrors: m,
+        modules: l,
         recommendation: {
           campaignUrls: {},
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: t.selectedUnsubscribePages
+          status: !1,
+          config: []
         }
       };
     }
   };
 };
 export {
-  z as useTemplatePreparation
+  H as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.fc5a751",
+  "version": "1.0.3-beta.ff71e68",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -31,8 +31,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.1.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@stripoinc/ui-editor-extensions": "3.0.0",
+    "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -44,7 +44,7 @@
     "@cspell/eslint-plugin": "8.17.5",
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
-    "@playwright/test": "1.57.0",
+    "@playwright/test": "1.55.0",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",
@@ -80,10 +80,5 @@
   },
   "msw": {
     "workerDirectory": "public"
-  },
-  "guido": {
-    "stripo": {
-      "version": "2.46.0"
-    }
   }
 }

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

@@ -1,28 +0,0 @@
-import r from "./FilterItem.vue2.js";
-/* empty css                */
-import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var a = this, e = a._self._c, t = a._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c w-1 gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
-    return t.emit("delete-filter", t.props.filter);
-  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, value: [t.selectedAttributeType] }, on: { select: function(s) {
-    return t.updateFilter({ text: "attribute", value: s.value });
-  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), value: [t.selectedOperatorType] }, on: { select: function(s) {
-    return t.updateFilter({ text: "operator", value: s.value });
-  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", type: "text", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "tooltip-status": !1, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
-    t.updateFilter({ text: "value", value: encodeURIComponent(s) });
-  } } })], 1), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
-    return t.updateFilter({ text: "innerGroupOperator", value: s });
-  } } })], 1) : a._e()]);
-}, n = [], o = /* @__PURE__ */ i(
-  r,
-  l,
-  n,
-  !1,
-  null,
-  "6562e38c"
-);
-const f = o.exports;
-export {
-  f as default
-};

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

@@ -1,38 +0,0 @@
-import { defineComponent as f, computed as i } from "vue";
-import { useTranslations as v } from "../../../../composables/useTranslations.js";
-import { getOperatorOptions as a } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationExtensionStore as x } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { InButtonV2 as y, InSelect as F, InBasicTextInput as T } from "@useinsider/design-system-vue";
-import _ from "./LogicAdapter.vue.js";
-import { useDebounceFn as b } from "../../../../node_modules/@vueuse/shared/index.js";
-const h = /* @__PURE__ */ f({
-  __name: "FilterItem",
-  props: {
-    filter: null,
-    index: null,
-    hasLogicAdapter: { type: Boolean }
-  },
-  emits: ["delete-filter"],
-  setup(p, { emit: u }) {
-    const e = p, n = v(), r = x(), m = [
-      {
-        text: n("email-editor.standard-filter"),
-        value: "standardFilter"
-      }
-    ], s = i(() => e.filter.attribute || ""), l = i(() => r.getFilterList.find((t) => t.value === s.value) || { text: "", value: "", type: "" }), c = i(() => {
-      var t;
-      return a((t = l.value) == null ? void 0 : t.type).find((o) => o.value === e.filter.operator);
-    }), d = b((t) => {
-      console.debug("updateFilter: ", t);
-      const o = {
-        ...e.filter,
-        [t.text]: t.value
-      };
-      r.updateFilter(o);
-    }, 500);
-    return { __sfc: !0, trans: n, store: r, props: e, filterTypeOptions: m, attributeType: s, selectedAttributeType: l, selectedOperatorType: c, emit: u, updateFilter: d, getOperatorOptions: a, InBasicTextInput: T, InSelect: F, InButtonV2: y, LogicAdapter: _ };
-  }
-});
-export {
-  h as default
-};

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

@@ -1,17 +0,0 @@
-import o from "./FilterSelectionDrawer.vue2.js";
-import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.WpDrawer, { attrs: { id: "recommendation-filter-drawer", "title-text": "Filter Selection", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.filterSelectionDrawerStatus }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.applyFilter } }, [r(t.Filters)], 1);
-}, s = [], a = /* @__PURE__ */ n(
-  o,
-  l,
-  s,
-  !1,
-  null,
-  null
-);
-const p = a.exports;
-export {
-  p as default
-};

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

@@ -1,37 +0,0 @@
-import { defineComponent as n, ref as a, computed as l } from "vue";
-import i from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import u from "./Filters.vue.js";
-const b = /* @__PURE__ */ n({
-  __name: "FilterSelectionDrawer",
-  setup(m) {
-    const t = p(), o = c(), e = a(!1), s = l(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: t(
-          e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
-        ),
-        loadingStatus: e.value,
-        disabledStatus: !1
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: t("products.cancel"),
-        disabledStatus: e.value
-      }
-    })), r = () => {
-      o.filterSelectionDrawerStatus = !1;
-    };
-    return { __sfc: !0, trans: t, store: o, isApplying: e, footerButtonGroupOptions: s, closeModal: r, applyFilter: () => {
-      e.value = !0, setTimeout(() => {
-        console.debug("Filter applied!"), r(), o.generateFilterQuery();
-      }, 2e3);
-    }, WpDrawer: i, Filters: u };
-  }
-});
-export {
-  b as default
-};

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

@@ -1,20 +0,0 @@
-import s from "./Filters.vue2.js";
-/* empty css             */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var i = this, e = i._self._c, t = i._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e(t.InSegments, { staticClass: "f-g-1 w-1", attrs: { id: "guido__filter-group-segments", "segment-list": t.filterGroupList, selected: t.selectedFilterGroup, "with-icon": !1 }, on: { click: t.changeFilterGroup } }), e(t.InButtonV2, { staticClass: "w-20-s f-g-1", attrs: { id: "guido__add-filter-group-button", "left-icon": "line-plus-netural", type: "secondary", "disabled-status": t.isMaxFilterGroupCount, "label-text": t.trans("smart-recommender.add-filter-group"), "tooltip-text": t.isMaxFilterGroupCount ? t.trans("email-editor.add-filter-tooltip") : "" }, on: { click: t.handleAddFilterGroup } })], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e("div", { staticClass: "d-f a-i-c" }, [t.selectedFilterGroup > 1 ? e(t.LogicAdapter, { staticClass: "mr-2" }) : i._e(), e("p", [i._v(" " + i._s(t.trans("email-editor.filter-group")) + " " + i._s(t.selectedFilterGroup) + " ")])], 1), t.hasRemoveFilterButton ? e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: t.handleDeleteFilterGroup } }) : i._e()], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b f-d-c" }, i._l(t.selectedFilterGroupFilters, function(l, r) {
-    return e(t.FilterItem, { key: r, attrs: { filter: l, "has-logic-adapter": t.hasLogicAdapter && r !== t.selectedFilterGroupFilters.length - 1, index: r }, on: { "delete-filter": t.handleDeleteFilter } });
-  }), 1), e("div", { staticClass: "d-f a-i-c j-c-c mt-3" }, [e(t.InButtonV2, { staticClass: "w-11-s", attrs: { id: "filter-group--add-filter-button", "left-icon": "line-plus-netural", type: "subtle-primary", "label-text": t.trans("smart-recommender.add-filter-condition") }, on: { click: t.handleAddFilter } })], 1)]);
-}, d = [], n = /* @__PURE__ */ a(
-  s,
-  o,
-  d,
-  !1,
-  null,
-  "1ccb6d4a"
-);
-const _ = n.exports;
-export {
-  _ as default
-};

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

@@ -1,44 +0,0 @@
-import { defineComponent as m, computed as o, ref as h } from "vue";
-import { useTranslations as G } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as g } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { InButtonV2 as v, InSegments as f } from "@useinsider/design-system-vue";
-import _ from "./FilterItem.vue.js";
-import A from "./LogicAdapter.vue.js";
-const E = /* @__PURE__ */ m({
-  __name: "Filters",
-  setup(R) {
-    const i = G(), l = g(), u = o(() => l.getFilterGroupCount), t = o(() => Array.from({ length: u.value }, (e, a) => ({
-      text: (a + 1).toString(),
-      value: a + 1
-    }))), r = h(1), s = (e) => {
-      r.value = e;
-    }, d = () => {
-      const e = t.value.length + 1;
-      console.debug("handleAddFilterGroup", e), t.value.push({
-        text: e.toString(),
-        value: e
-      }), l.addFilterGroup(e);
-    }, p = o(() => t.value.length >= 3), n = o(() => l.getSelectedFilterGroup(r.value)), c = o(() => n.value.length > 1), F = o(() => t.value.length > 1);
-    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, trans: i, store: l, filterGroupCount: u, filterGroupList: t, selectedFilterGroup: r, changeFilterGroup: s, handleAddFilterGroup: d, isMaxFilterGroupCount: p, selectedFilterGroupFilters: n, hasLogicAdapter: c, hasRemoveFilterButton: F, handleAddFilter: () => {
-      l.addFilter({
-        type: "standardFilter",
-        attribute: "",
-        operatorReplace: "",
-        operator: "",
-        innerGroupOperator: "*",
-        outerGroupOperator: "*",
-        filterNumber: n.value.length + 1,
-        filterGroup: r.value,
-        isValid: !1,
-        value: ""
-      }), console.debug("handleAddFilter");
-    }, handleDeleteFilter: (e) => {
-      console.debug("handleDeleteFilter: ", e), l.deleteFilter(e);
-    }, handleDeleteFilterGroup: () => {
-      t.value.length !== 1 && (console.debug("handleDeleteFilterGroup"), t.value.splice(r.value - 1, 1), r.value > 1 && r.value--);
-    }, InSegments: f, InButtonV2: v, FilterItem: _, LogicAdapter: A };
-  }
-});
-export {
-  E as default
-};

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

@@ -1,17 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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/unsubscribe/UnsubscribeBreadcrumb.vue.js

@@ -1,18 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,64 +0,0 @@
-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
-};

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

@@ -1,18 +0,0 @@
-import n from "./UnsubscribeTypeSelection.vue2.js";
-/* empty css                              */
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
-}, r = [], c = /* @__PURE__ */ o(
-  n,
-  i,
-  r,
-  !1,
-  null,
-  "dd57102d"
-);
-const d = c.exports;
-export {
-  d as default
-};

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

@@ -1,107 +0,0 @@
-import { defineComponent as h, ref as b, computed as m, watch as _ } from "vue";
-import v from "../../wrappers/WpDrawer.vue.js";
-import { useToaster as B } from "../../../composables/useToaster.js";
-import { useTranslations as N } from "../../../composables/useTranslations.js";
-import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
-import { PAGE_TYPES as l, ACADEMY_LINK as w, UNSUBSCRIBE_PAGES_LINK as P, TYPE_TRANSLATIONS as R } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as D } from "../../../stores/unsubscribe.js";
-import { InSegments as I } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ h({
-  __name: "UnsubscribeTypeSelection",
-  setup(G) {
-    const e = N(), { showToaster: f } = B(), t = D(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
-      "unsubscription-preference.select-unsubscribe-page-description",
-      { action: `<a href="${w}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
-    ), T = m(() => [
-      {
-        description: e("unsubscription-preference.type-global-unsubscribe-description"),
-        icon: "line-contact-global-unsub-page",
-        text: e("unsubscription-preference.type-global-unsubscribe"),
-        value: l.GLOBAL_UNSUBSCRIBE,
-        disable: t.isGlobalUnsubscribeDisabled,
-        position: "bottom",
-        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
-      },
-      {
-        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
-        icon: "line-contact-sub-pref-center-page",
-        text: e("unsubscription-preference.type-subscription-preferences-center"),
-        value: l.SUBSCRIPTION_PREFERENCE_CENTER,
-        disable: t.isSubscriptionPreferencesCenterDisabled,
-        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
-      }
-    ]), y = m(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: e(
-          n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
-        ),
-        loadingStatus: n.value,
-        disabledStatus: !1,
-        skeletonStatus: i.value,
-        skeletonSizing: { width: 168, height: 40 }
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: e("products.cancel"),
-        disabledStatus: n.value,
-        skeletonStatus: i.value,
-        skeletonSizing: { width: 78, height: 40 }
-      }
-    })), d = (s) => {
-      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
-        s();
-      }, 500);
-    }, E = (s) => {
-      o.value = s;
-    }, g = () => {
-      const s = t.hasTemplatesByCollectionType, r = [];
-      if (Object.entries(s).forEach(([c, p]) => {
-        p || r.push(Number(c));
-      }), r.length === 0)
-        return !0;
-      const a = r.map((c) => R[c]);
-      let u = "";
-      if (r.length === 1)
-        u = e("unsubscription-preference.create-page-to-continue", {
-          page: a[0]
-        });
-      else if (r.length === 2)
-        u = e("unsubscription-preference.create-pages-to-continue", {
-          page1: a[0],
-          page2: a[1]
-        });
-      else {
-        const c = a.pop() ?? "", p = a.join(", ");
-        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
-          pages: p,
-          lastPage: c
-        });
-      }
-      return f({
-        type: U.Warning,
-        message: u,
-        actionButton: {
-          text: "Go to Unsubscribe Pages",
-          onClick: () => {
-            window.location.href = P;
-          }
-        }
-      }), !1;
-    }, C = async () => {
-      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
-        n.value = !1, d();
-        return;
-      }
-      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
-    };
-    return _(() => t.typeSelectionDrawerStatus, (s) => {
-      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
-    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: v, InSegments: I };
-  }
-});
-export {
-  z as default
-};

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

@@ -1,18 +0,0 @@
-import o from "./UnsubscribeWrapper.vue2.js";
-import t from "../../../_virtual/_plugin-vue2_normalizer.js";
-var _ = function() {
-  var s;
-  var e = this, n = e._self._c, r = e._self._setupProxy;
-  return (s = r.config.extensions) != null && s.unsubscribe ? n("div", [n(r.UnsubscribeTypeSelection), n(r.UnsubscribePageSelection)], 1) : e._e();
-}, c = [], i = /* @__PURE__ */ t(
-  o,
-  _,
-  c,
-  !1,
-  null,
-  null
-);
-const l = i.exports;
-export {
-  l as default
-};

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

@@ -1,12 +0,0 @@
-import { defineComponent as t, defineAsyncComponent as e } from "vue";
-import { useConfig as r } from "../../../composables/useConfig.js";
-const m = /* @__PURE__ */ t({
-  __name: "UnsubscribeWrapper",
-  setup(i) {
-    const n = e(() => import("./UnsubscribePageSelection.vue.js")), o = e(() => import("./UnsubscribeTypeSelection.vue.js")), { config: s } = r();
-    return { __sfc: !0, UnsubscribePageSelection: n, UnsubscribeTypeSelection: o, config: s };
-  }
-});
-export {
-  m as default
-};