@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0-beta.77f2873

package/dist/utils/pairProductVariables.js

@@ -1,82 +1,83 @@
+import { ITEMS_CURRENCY_ATTR as N } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { DefaultConfigValues as G } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as F } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as Y } from "./unwrapProductNameLink.js";
 const x = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v(S, H, g) {
-  let $ = H;
-  for (; $ > 0 && /\s/.test(S[$ - 1]); )
-    $ -= 1;
-  return g.some((I) => S.endsWith(I, $));
+}, O = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, I, b) {
+  let h = I;
+  for (; h > 0 && /\s/.test(S[h - 1]); )
+    h -= 1;
+  return b.some((P) => S.endsWith(P, h));
 }
-function J(S) {
-  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
-  X(g);
-  const $ = L.PAIRS_FOR_EXTENSION;
-  Object.entries($).forEach(([n, d]) => {
-    g.querySelectorAll(".ins-product-td").forEach((r) => {
+function Z(S) {
+  const I = O(S), b = new DOMParser().parseFromString(I, "text/html");
+  Y(b);
+  const h = L.PAIRS_FOR_EXTENSION;
+  Object.entries(h).forEach(([n, d]) => {
+    b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var T, P, D;
-        const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
-        if (f)
+        var $, H, D;
+        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, u = d[g];
+        if (u)
           switch (n) {
             case "imageSrc": {
               let e = null, s = null;
               if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = f.DEFAULT, l = f.ATTR;
+              const a = u.DEFAULT, l = u.ATTR;
               if (a && e.src) {
                 const i = e.src;
-                a.some((b) => {
-                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
-                  return i.includes(b) || i.includes(u) || y === u;
+                a.some((_) => {
+                  const f = _.split("/").pop() || "", C = i.split("/").pop() || "";
+                  return i.includes(_) || i.includes(f) || C === f;
                 }) && (e.src = `{{${l}_${o}}}`);
               }
-              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              const c = (H = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : H.ATTR;
               if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
-                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                const i = (D = h.itemLink) == null ? void 0 : D[g];
                 if (i) {
-                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
+                  const R = i.HREF, _ = i.DEFAULT_HREF || "#!", f = s.href;
+                  (f === "#" || f === "" || f.endsWith("#!") || f.endsWith(_) || f === `${window.location.href}${_}` || !f || f === window.location.href) && (s.href = `{{${R}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              const e = u, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
               t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               const c = t.closest("a") || (t.tagName === "A" ? t : null);
               if (c && l) {
-                const i = c.href, _ = `${window.location.href}${a}`;
-                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
+                const i = c.href, R = `${window.location.href}${a}`;
+                (i === R || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
-              let _;
-              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
-              const b = e.CURRENCY;
-              let u = `{{${_}_${o}}}`;
-              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
-              let C = "";
-              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
+              const e = u, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute(N.POSITION) || "before";
+              let R;
+              c ? R = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : R = l ? e.PRICE_FORMATTED : e.PRICE;
+              const _ = e.CURRENCY;
+              let f = `{{${R}_${o}}}`;
+              const C = (t.getAttribute(N.SYMBOL) || "").trim(), V = C !== "" && C !== G.productPriceCurrencySymbolControlValue;
+              let y = "";
+              V ? y = C : _ && (y = `{{${_}_${o}}}`), y && (f = i === "after" ? `${f} ${y}` : `${y} ${f}`), t.innerHTML = F(t, f);
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, a = e.DEFAULT;
+              const e = u, s = e.ATTR, a = e.DEFAULT;
               t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
               if (l) {
                 const c = l.href || "", i = `${window.location.href}${a}`;
                 (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
@@ -84,7 +85,7 @@ function J(S) {
               break;
             }
             case "itemLink": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
               if (l.href) {
                 const c = l.href, i = `${window.location.href}${a}`;
                 (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
@@ -92,8 +93,8 @@ function J(S) {
               break;
             }
             default: {
-              if ("ATTR" in f) {
-                const e = f.ATTR;
+              if ("ATTR" in u) {
+                const e = u.ATTR;
                 t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
@@ -102,9 +103,9 @@ function J(S) {
       });
     });
   });
-  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
-` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
-  q.forEach((n) => {
+  const P = I.match(/<!DOCTYPE[^>]*>/i), q = P ? `${P[0]}
+` : "", U = b.querySelectorAll(".ins-product-td"), M = [];
+  U.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -113,16 +114,16 @@ function J(S) {
       number: p
     });
   });
-  let A = O + g.documentElement.outerHTML;
+  let A = q + b.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
     const r = x[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
-      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
-      A = A.replace(n, G(o));
+      const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
+      A = A.replace(n, X(o));
     }
   });
-  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return U.forEach((n) => {
+  const W = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return W.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
     if (!d || !x[p])
@@ -131,20 +132,20 @@ function J(S) {
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
-    h.wrap.push(m !== "false"), w.set(E, h);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
+    T.wrap.push(m !== "false"), w.set(E, T);
   }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
-    let R = "", o = 0, f = 0, T = A.indexOf(r);
-    for (; T !== -1; ) {
-      const P = p[f] === !0 && !v(A, T, t);
-      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, O(T)];
+    let g = "", o = 0, u = 0, $ = A.indexOf(r);
+    for (; $ !== -1; ) {
+      const H = p[u] === !0 && !v(A, $, t);
+      g += A.slice(o, $) + (H ? `${T}${r}{% endif %}` : r), o = $ + r.length, u += 1, $ = A.indexOf(r, o);
     }
-    A = R + A.slice(o);
+    A = g + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  J as pairProductVariables
+  Z as pairProductVariables
 };

package/dist/utils/timeUtil.js

@@ -1,8 +1,19 @@
-const g = (t) => String(t).padStart(2, "0"), a = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), o = (t, e = /* @__PURE__ */ new Date()) => ({
-  isToday: a(t, e),
-  time: `${g(t.getHours())}:${g(t.getMinutes())}`,
-  date: `${g(t.getDate())}.${g(t.getMonth() + 1)}.${t.getFullYear()}`
-});
+const r = (t) => {
+  const e = -t.getTimezoneOffset(), o = e >= 0 ? "+" : "-", n = Math.abs(e), s = Math.floor(n / 60), i = n % 60;
+  return i === 0 ? `UTC${o}${s}` : `UTC${o}${s}:${String(i).padStart(2, "0")}`;
+}, a = () => {
+  var e;
+  const { timeZone: t } = new Intl.DateTimeFormat().resolvedOptions();
+  return ((e = t.split("/").pop()) == null ? void 0 : e.replace(/_/g, " ")) ?? t;
+}, c = (t, e = !1) => {
+  const o = t.toLocaleTimeString([], {
+    hour: "2-digit",
+    hour12: !1,
+    minute: "2-digit",
+    second: "2-digit"
+  });
+  return e ? `${o} (${r(t)} ${a()})` : o;
+};
 export {
-  o as autoSaveTimestamp
+  c as formatLocalTime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.16.0-beta.20cd2fe",
+  "version": "3.16.0-beta.77f2873",
   "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",

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

@@ -1,17 +0,0 @@
-import e from "./AutoSaveStatus.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var s = this, t = s._self._c, a = s._self._setupProxy;
-  return a.isFeatureEnabled("autosave") ? t("div", { staticClass: "d-f a-i-c mr-3 auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? t("span", { staticClass: "d-f a-i-c f-s-1" }, [t(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), t("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? t("span", { staticClass: "f-s-1 t-c-53" }, [s._v(s._s(a.savedLabel))]) : s._e()]) : s._e();
-}, _ = [], o = /* @__PURE__ */ r(
-  e,
-  n,
-  _,
-  !1,
-  null,
-  null
-);
-const u = o.exports;
-export {
-  u as default
-};

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

@@ -1,21 +0,0 @@
-import { defineComponent as i, computed as u } from "vue";
-import { useConfig as d } from "../../../composables/useConfig.js";
-import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useAutosaveStore as f, AUTOSAVE_STATUS as o } from "../../../stores/autosave.js";
-import { autoSaveTimestamp as S } from "../../../utils/timeUtil.js";
-import { InLoading as c } from "@useinsider/design-system-vue";
-const g = /* @__PURE__ */ i({
-  __name: "AutoSaveStatus",
-  setup(v) {
-    const { isFeatureEnabled: a } = d(), t = f(), e = p(), s = u(() => {
-      if (t.status !== o.SAVED || !t.lastSavedAt)
-        return "";
-      const { isToday: r, time: m, date: n } = S(t.lastSavedAt);
-      return r ? e("email-editor.autosaved-at-today", { time: m }) : e("email-editor.autosaved-at-date", { date: n });
-    });
-    return { __sfc: !0, isFeatureEnabled: a, autosaveStore: t, trans: e, savedLabel: s, AUTOSAVE_STATUS: o, InLoading: c };
-  }
-});
-export {
-  g as default
-};

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

@@ -1,20 +0,0 @@
-import i from "./EditorActionsMenu.vue2.js";
-/* empty css                       */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { ref: "root", staticClass: "editor-actions-menu p-r" }, [s(t.InButtonV2, { attrs: { id: "guido__kebab-button", "data-testid": "Editor Actions Menu", "left-icon": "line-more-vertical", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.isOpen, "tooltip-options": t.getTooltipOptions("guido__kebab-button"), "tooltip-text": t.trans("email-editor.more-actions") }, on: { click: function(l) {
-    t.isOpen = !t.isOpen;
-  } } }), t.isOpen ? s("div", { staticClass: "editor-actions-menu__panel p-a" }, [t.isAutosaveVisible ? [s("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.preferences")) + " ")]), s("div", { staticClass: "editor-actions-menu__row editor-actions-menu__row_static d-f a-i-c j-c-s-b" }, [s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.auto-save")))]), s(t.InToggle, { attrs: { id: "guido__kebab-autosave-toggle", name: "guido-kebab-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggleAutosave } })], 1), s("div", { staticClass: "editor-actions-menu__divider" })] : e._e(), s("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.actions")) + " ")]), t.isVersionHistoryVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-version-history", type: "button", disabled: t.editorStore.isVersionHistoryButtonDisabled }, on: { click: t.handleVersionHistory } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-architect-version-history", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("newsletter.version-history")))])], 1) : e._e(), t.isAccessibilityVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-accessibility", type: "button", disabled: t.editorStore.loadingStatus }, on: { click: t.handleAccessibility } }, [s("svg", { staticClass: "mr-2 editor-actions-menu__icon", attrs: { "aria-hidden": "true", fill: "currentColor", height: "16", viewBox: "0 0 24 24", width: "16" } }, [s("path", { attrs: { d: "M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2Z" } })]), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.accessibility-test")))])]) : e._e(), t.isSaveAsVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-save-as", type: "button", disabled: t.editorStore.isSaveAsButtonDisabled }, on: { click: t.handleSaveAs } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-newsletter-save-as-template", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("newsletter.save-templates")))])], 1) : e._e(), s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-export", type: "button", disabled: t.isExporting || t.editorStore.isExportButtonDisabled }, on: { click: t.handleExport } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-export", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.export-html")))])], 1)], 2) : e._e()], 1);
-}, n = [], r = /* @__PURE__ */ a(
-  i,
-  o,
-  n,
-  !1,
-  null,
-  "cbfbc6ef"
-);
-const b = r.exports;
-export {
-  b as default
-};

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

@@ -1,39 +0,0 @@
-import { defineComponent as O, ref as c, computed as t } from "vue";
-import { useAccessibilityApi as x } from "../../../composables/useAccessibilityApi.js";
-import { useConfig as h } from "../../../composables/useConfig.js";
-import { useExport as I } from "../../../composables/useExport.js";
-import { useTranslations as B } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as C } from "../../../composables/useVersionHistoryApi.js";
-import { useAutosaveStore as w } from "../../../stores/autosave.js";
-import { useEditorStore as M } from "../../../stores/editor.js";
-import { getTooltipOptions as k } from "../../../utils/tooltipUtils.js";
-import { InToggle as D, InIcons as F, InButtonV2 as j } from "@useinsider/design-system-vue";
-import { onClickOutside as q } from "../../../node_modules/@vueuse/core/index.js";
-const Y = /* @__PURE__ */ O({
-  __name: "EditorActionsMenu",
-  setup(z) {
-    const { config: i, isFeatureEnabled: n } = h(), { exportHtml: l } = I(), { openVersionHistory: p, closeVersionHistory: u } = C(), { toggleAccessibilityTestingMode: m } = x(), r = M(), f = w(), d = B(), v = c(!1), a = c(!1), A = c(null), y = t(() => n("autosave")), g = t(() => {
-      var o, e;
-      return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.versionHistory);
-    }), V = t(() => n("accessibilityTesting")), b = t(() => {
-      var o, e;
-      return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.saveAsTemplate);
-    }), s = () => {
-      v.value = !1;
-    }, H = () => {
-      r.isVersionHistoryOpen ? u() : p(), s();
-    }, _ = () => {
-      m(), s();
-    }, S = () => {
-      r.isSaveAsTemplateDrawerOpen = !0, s();
-    }, T = async () => {
-      a.value = !0, await l(), a.value = !1, s();
-    }, E = (o) => {
-      f.isOn = o;
-    };
-    return q(A, s), { __sfc: !0, config: i, isFeatureEnabled: n, exportHtml: l, openVersionHistory: p, closeVersionHistory: u, toggleAccessibilityTestingMode: m, editorStore: r, autosaveStore: f, trans: d, isOpen: v, isExporting: a, root: A, isAutosaveVisible: y, isVersionHistoryVisible: g, isAccessibilityVisible: V, isSaveAsVisible: b, close: s, handleVersionHistory: H, handleAccessibility: _, handleSaveAs: S, handleExport: T, toggleAutosave: E, getTooltipOptions: k, InButtonV2: j, InIcons: F, InToggle: D };
-  }
-});
-export {
-  Y as default
-};

package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js

@@ -1,18 +0,0 @@
-import o from "./AccessibilityToolbar.vue2.js";
-/* empty css                          */
-import s from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var i = this, e = i._self._c, t = i._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c accessibility-toolbar" }, [e(t.InButtonV2, { attrs: { id: "guido__a11y-no-images", "data-testid": "Accessibility No Images", "left-icon": "line-image", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.editorStore.imagesHidden, "tooltip-options": t.getTooltipOptions("guido__a11y-no-images"), "tooltip-text": t.imagesTooltip }, on: { click: t.toggleImages } }), e(t.InButtonV2, { attrs: { id: "guido__a11y-code", "data-testid": "Accessibility Code Editor", "left-icon": "line-code", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__a11y-code"), "tooltip-text": t.trans("newsletter.html-editor") }, on: { click: t.toggleCodeEditor } }), e("div", { staticClass: "accessibility-toolbar__divider" }), e(t.ColorVisionSelect), e(t.InSegments, { staticClass: "ml-2", attrs: { id: "guido__a11y-view-selection", "with-icon": "", "segment-list": t.segmentList, selected: t.editorStore.editorVisualMode }, on: { click: t.handleView } })], 1);
-}, l = [], d = /* @__PURE__ */ s(
-  o,
-  a,
-  l,
-  !1,
-  null,
-  "e222d603"
-);
-const g = d.exports;
-export {
-  g as default
-};

package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js

@@ -1,37 +0,0 @@
-import { defineComponent as d, computed as n } from "vue";
-import { useAccessibilityApi as c } from "../../../../composables/useAccessibilityApi.js";
-import { useTranslations as g } from "../../../../composables/useTranslations.js";
-import { useEditorStore as u } from "../../../../stores/editor.js";
-import { getTooltipOptions as e } from "../../../../utils/tooltipUtils.js";
-import { InSegments as _, InButtonV2 as f } from "@useinsider/design-system-vue";
-import w from "./ColorVisionSelect.vue.js";
-const A = /* @__PURE__ */ d({
-  __name: "AccessibilityToolbar",
-  setup(b) {
-    const t = u(), o = g(), {
-      toggleImages: r,
-      toggleCodeEditor: m,
-      switchToDesktopPreview: i,
-      switchToMobilePreview: s
-    } = c(), l = n(() => [
-      {
-        text: "",
-        icon: "line-desktop",
-        value: "desktop",
-        tooltipText: o("newsletter.desktop"),
-        tooltipOptions: e("guido__a11y-view-desktop")
-      },
-      {
-        text: "",
-        icon: "line-menu-mobileapp",
-        value: "mobile",
-        tooltipText: o("newsletter.mobile"),
-        tooltipOptions: e("guido__a11y-view-mobile")
-      }
-    ]), p = n(() => t.imagesHidden ? o("email-editor.a11y-show-images") : o("email-editor.a11y-hide-images"));
-    return { __sfc: !0, editorStore: t, trans: o, toggleImages: r, toggleCodeEditor: m, switchToDesktopPreview: i, switchToMobilePreview: s, segmentList: l, imagesTooltip: p, handleView: (a) => a === "mobile" ? s() : i(), getTooltipOptions: e, InButtonV2: f, InSegments: _, ColorVisionSelect: w };
-  }
-});
-export {
-  A as default
-};

package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js

@@ -1,24 +0,0 @@
-import i from "./ColorVisionSelect.vue2.js";
-/* empty css                       */
-import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { ref: "root", staticClass: "color-vision-select p-r" }, [t("button", { staticClass: "color-vision-select__trigger d-f a-i-c", attrs: { id: "guido__a11y-color-vision-trigger", type: "button", disabled: s.editorStore.loadingStatus }, on: { click: function(o) {
-    s.isOpen = !s.isOpen;
-  } } }, [t(s.InIcons, { staticClass: "mr-2", attrs: { name: "line-show-on", size: "16" } }), t("span", { staticClass: "color-vision-select__label f-s-2" }, [e._v(e._s(s.selectedLabel))]), t(s.InIcons, { staticClass: "ml-2", attrs: { name: "line-chevron-small-down", size: "16" } })], 1), s.isOpen ? t("div", { staticClass: "color-vision-select__menu p-a" }, e._l(s.OPTIONS, function(o) {
-    return t("button", { key: o.value || "none", staticClass: "color-vision-select__option d-f f-d-c", class: { "color-vision-select__option_selected": o.value === s.editorStore.colorVisionDeficiency }, attrs: { type: "button" }, on: { click: function(_) {
-      return s.select(o.value);
-    } } }, [t("span", { staticClass: "color-vision-select__option-label f-s-2" }, [e._v(e._s(s.trans(o.labelKey)))]), o.descriptionKey ? t("span", { staticClass: "color-vision-select__option-description f-s-1 t-c-55" }, [e._v(" " + e._s(s.trans(o.descriptionKey)) + " ")]) : e._e()]);
-  }), 0) : e._e()]);
-}, c = [], r = /* @__PURE__ */ n(
-  i,
-  l,
-  c,
-  !1,
-  null,
-  "383f6378"
-);
-const p = r.exports;
-export {
-  p as default
-};

package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js

@@ -1,48 +0,0 @@
-import { defineComponent as p, ref as c, computed as m } from "vue";
-import { useAccessibilityApi as u } from "../../../../composables/useAccessibilityApi.js";
-import { useTranslations as v } from "../../../../composables/useTranslations.js";
-import { useEditorStore as f } from "../../../../stores/editor.js";
-import { InIcons as y } from "@useinsider/design-system-vue";
-import { onClickOutside as K } from "../../../../node_modules/@vueuse/core/index.js";
-const V = /* @__PURE__ */ p({
-  __name: "ColorVisionSelect",
-  setup(b) {
-    const e = [
-      {
-        value: "",
-        labelKey: "email-editor.cvd-none"
-      },
-      {
-        value: "protanopia",
-        labelKey: "email-editor.cvd-protanopia",
-        descriptionKey: "email-editor.cvd-protanopia-description"
-      },
-      {
-        value: "deuteranopia",
-        labelKey: "email-editor.cvd-deuteranopia",
-        descriptionKey: "email-editor.cvd-deuteranopia-description"
-      },
-      {
-        value: "tritanopia",
-        labelKey: "email-editor.cvd-tritanopia",
-        descriptionKey: "email-editor.cvd-tritanopia-description"
-      },
-      {
-        value: "achromatopsia",
-        labelKey: "email-editor.cvd-achromatopsia",
-        descriptionKey: "email-editor.cvd-achromatopsia-description"
-      }
-    ], t = f(), a = v(), { setColorVisionDeficiency: r } = u(), o = c(!1), n = c(null), s = m(() => {
-      const i = e.find((d) => d.value === t.colorVisionDeficiency) ?? e[0];
-      return a(i.labelKey);
-    }), l = (i) => {
-      r(i), o.value = !1;
-    };
-    return K(n, () => {
-      o.value = !1;
-    }), { __sfc: !0, OPTIONS: e, editorStore: t, trans: a, setColorVisionDeficiency: r, isOpen: o, root: n, selectedLabel: s, select: l, InIcons: y };
-  }
-});
-export {
-  V as default
-};

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

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

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

@@ -1,74 +0,0 @@
-import { defineComponent as p, computed as d, watch as x } from "vue";
-import { useRibbonOffset as B } from "../../../composables/useRibbonOffset.js";
-import { useTranslations as m } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as k } from "../../../stores/onboarding.js";
-import { InOnboard as T } from "@useinsider/design-system-vue";
-const y = /* @__PURE__ */ p({
-  __name: "EditorTabBarOnboarding",
-  setup(f) {
-    const n = "editorTabBarOnboarding", t = m(), i = k(), { getTopPosition: a } = B(), r = () => i.next(n), c = () => i.previous(n), s = () => void i.close(n), b = d(() => [
-      {
-        classes: "guido-tab-bar-onboarding",
-        right: "150px",
-        top: a(56),
-        position: "Right Top",
-        title: t("email-editor.onboarding-kebab-title"),
-        description: t("email-editor.onboarding-kebab-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: t("action-builder.next"),
-        nextButtonClick: r
-      },
-      {
-        classes: "guido-tab-bar-onboarding",
-        right: "320px",
-        top: a(56),
-        position: "Right Top",
-        title: t("email-editor.onboarding-autosave-title"),
-        description: t("email-editor.onboarding-autosave-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: t("action-builder.back"),
-        backButtonClick: c,
-        nextButtonType: "text",
-        nextButtonText: t("action-builder.next"),
-        nextButtonClick: r
-      },
-      {
-        classes: "guido-tab-bar-onboarding",
-        right: "150px",
-        top: a(56),
-        position: "Right Top",
-        title: t("email-editor.onboarding-accessibility-title"),
-        description: t("email-editor.onboarding-accessibility-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: t("action-builder.back"),
-        backButtonClick: c,
-        nextButtonType: "text",
-        nextButtonText: t("action-builder.ok"),
-        nextButtonClick: s
-      }
-    ]), u = d(
-      () => i.onboardings.editorTabBarOnboarding.config.length > 0 && i.onboardings.editorTabBarOnboarding.isActive
-    ), g = () => {
-      var o, e;
-      (e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.nextButtonClick) == null || e.call(o);
-    }, l = () => {
-      var o, e;
-      (e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.backButtonClick) == null || e.call(o);
-    };
-    return x(
-      () => i.onboardings.editorTabBarOnboarding.isActive,
-      (o) => {
-        o && i.setConfig(n, b.value);
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, ONBOARDING: n, trans: t, onboardingStore: i, getTopPosition: a, goNext: r, goBack: c, finish: s, onboardingCardsConfig: b, isVisible: u, handleNext: g, handleBack: l, InOnboard: T };
-  }
-});
-export {
-  y as default
-};

package/dist/composables/useAccessibilityApi.js

@@ -1,31 +0,0 @@
-import { useEditorStore as r } from "../stores/editor.js";
-const A = () => {
-  const e = r(), i = () => window.StripoEditorApi.accessibilityApi, s = () => {
-    i().openAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !0;
-  }, o = () => {
-    i().closeAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !1, e.imagesHidden = !1, e.colorVisionDeficiency = "";
-  }, g = () => e.isAccessibilityTestingOpen ? o() : s(), l = () => i().isAccessibilityTestingModeOpen(), t = () => {
-    i().showImages(), e.imagesHidden = !1;
-  }, c = () => {
-    i().hideImages(), e.imagesHidden = !0;
-  };
-  return {
-    openAccessibilityTestingMode: s,
-    closeAccessibilityTestingMode: o,
-    toggleAccessibilityTestingMode: g,
-    isAccessibilityTestingModeOpen: l,
-    showImages: t,
-    hideImages: c,
-    toggleImages: () => e.imagesHidden ? t() : c(),
-    setColorVisionDeficiency: (n) => {
-      i().setColorVisionDeficiency(n), e.colorVisionDeficiency = n;
-    },
-    getColorVisionDeficiency: () => i().getColorVisionDeficiency(),
-    switchToDesktopPreview: () => i().switchToDesktopPreview(),
-    switchToMobilePreview: () => i().switchToMobilePreview(),
-    toggleCodeEditor: () => i().emitToggleCodeEditor()
-  };
-};
-export {
-  A as useAccessibilityApi
-};