@useinsider/guido 3.11.0-beta.17c184c → 3.11.0-beta.181af4d

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

@@ -0,0 +1,39 @@
+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/MiddleSlot.vue.js

@@ -1,8 +1,8 @@
 import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var o = this, e = o._self._c, i = o._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
+  var o = this, i = o._self._c, e = o._self._setupProxy;
+  return i("div", { staticClass: "d-f a-i-c" }, [e.editorStore.isVersionHistoryOpen ? i("div", { staticClass: "d-f" }, [i(e.VersionHistory), i(e.VersionHistoryViewOptions)], 1) : e.editorStore.isPreviewModeOpen ? i("div", { staticClass: "d-f" }, [i(e.EmailSizeIndicator), i(e.AmpToggle)], 1) : e.editorStore.isAccessibilityTestingOpen ? i(e.AccessibilityToolbar) : o._e(), i(e.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: e.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
 }, a = [], n = /* @__PURE__ */ s(
   r,
   t,
@@ -11,7 +11,7 @@ var t = function() {
   null,
   null
 );
-const c = n.exports;
+const _ = n.exports;
 export {
-  c as default
+  _ as default
 };

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

@@ -2,15 +2,16 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./EditorToolbar.vue.js";
-import m from "./version-history/VersionHistory.vue.js";
-import p from "./version-history/ViewOptions.vue.js";
-const S = /* @__PURE__ */ o({
+import e from "./accessibility/AccessibilityToolbar.vue.js";
+import m from "./EditorToolbar.vue.js";
+import p from "./version-history/VersionHistory.vue.js";
+import s from "./version-history/ViewOptions.vue.js";
+const y = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(s) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
+  setup(f) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AccessibilityToolbar: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
   }
 });
 export {
-  S as default
+  y as default
 };

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

@@ -1,11 +1,11 @@
-import s from "./RightSlot.vue2.js";
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var i = this, e = i._self._c, t = i._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? i._e() : e(t.AutoSaveToggle), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : i._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
-}, a = [], n = /* @__PURE__ */ o(
-  s,
-  r,
+import i from "./RightSlot.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? s._e() : e(t.AutoSaveStatus), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : s._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
+}, a = [], n = /* @__PURE__ */ r(
+  i,
+  o,
   a,
   !1,
   null,

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

@@ -1,23 +1,23 @@
-import { defineComponent as a, ref as f, computed as p } from "vue";
-import { useConfig as u } from "../../../composables/useConfig.js";
+import { defineComponent as a, ref as u, computed as f } from "vue";
+import { useConfig as p } from "../../../composables/useConfig.js";
 import { useTranslations as d } from "../../../composables/useTranslations.js";
-import { useEditorStore as l } from "../../../stores/editor.js";
-import { InChips as c } from "@useinsider/design-system-vue";
-import _ from "./AutoSaveToggle.vue.js";
-import S from "./EditorActions.vue.js";
-import g from "./version-history/RestoreButton.vue.js";
-const T = /* @__PURE__ */ a({
+import { useEditorStore as c } from "../../../stores/editor.js";
+import { InChips as l } from "@useinsider/design-system-vue";
+import S from "./AutoSaveStatus.vue.js";
+import _ from "./EditorActions.vue.js";
+import h from "./version-history/RestoreButton.vue.js";
+const y = /* @__PURE__ */ a({
   __name: "RightSlot",
-  setup(h, { expose: r }) {
-    const { isFeatureEnabled: o } = u(), i = d(), n = l(), t = f(null), s = p(() => o("liquidSyntax"));
-    return r({
+  setup(v, { expose: e }) {
+    const { isFeatureEnabled: o } = p(), i = d(), n = c(), t = u(null), s = f(() => o("liquidSyntax"));
+    return e({
       handleSave: (m) => {
-        var e;
-        return (e = t.value) == null ? void 0 : e.handleSave(m);
+        var r;
+        return (r = t.value) == null ? void 0 : r.handleSave(m);
       }
-    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: c, AutoSaveToggle: _, EditorActions: S, RestoreButton: g };
+    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: l, AutoSaveStatus: S, EditorActions: _, RestoreButton: h };
   }
 });
 export {
-  T as default
+  y as default
 };

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

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

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

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

@@ -0,0 +1,48 @@
+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/composables/useAccessibilityApi.js

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

package/dist/config/i18n/en/labels.json.js

@@ -5,6 +5,23 @@ const e = "Items", o = {
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
+  "email-editor.a11y-hide-images": "Hide images",
+  "email-editor.a11y-show-images": "Show images",
+  "email-editor.cvd-none": "No Color Deficiency",
+  "email-editor.cvd-protanopia": "Protanopia",
+  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
+  "email-editor.cvd-deuteranopia": "Deuteranopia",
+  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
+  "email-editor.cvd-tritanopia": "Tritanopia",
+  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
+  "email-editor.cvd-achromatopsia": "Achromatopsia",
+  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
+  "email-editor.more-actions": "More actions",
+  "email-editor.preferences": "Preferences",
+  "email-editor.actions": "Actions",
+  "email-editor.accessibility-test": "Accessibility Test",
+  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
+  "email-editor.autosaved-at-date": "Autosaved at {date}",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"

package/dist/enums/unsubscribe.js

@@ -1,42 +1,38 @@
 import { useTranslations as R } from "../composables/useTranslations.js";
 import { ProductType as s } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { getEnvironmentPrefix as n } from "../utils/environmentUtil.js";
+import { getEnvironmentPrefix as _ } from "../utils/environmentUtil.js";
 const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, i = {
+}, C = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, C = {
-  get UNSUBSCRIBE_URL() {
-    return `https://mail.${n()}.com/user/v1/unsub`;
-  },
-  get PREFERENCES_URL() {
-    return `https://mail.${n()}.com/user/v1/prefs`;
-  }
-}, U = {
+}, e = _(), U = {
+  UNSUBSCRIBE_URL: `https://mail.${e}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${e}.com/user/v1/prefs`
+}, o = {
   [s.EMAIL]: "email",
   [s.ARCHITECT]: "journey",
   [s.UNSUBSCRIBE_PAGES]: "email"
-}, c = "iid", S = "G", _ = "P", o = [
+}, c = "iid", S = "G", N = "P", u = [
   S,
-  _
-], u = () => ({
+  N
+], T = () => ({
   name: R()("onboarding-center.email-subscribers-global-unsub-card-title"),
   sendGridId: S
-}), T = "/email/unsubscribe-pages", E = {
+}), b = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, b = {
+}, P = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, P = {
+}, L = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -46,16 +42,16 @@ const B = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, L = () => {
-  const e = R();
+}, O = () => {
+  const n = R();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, O = {
+}, p = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
@@ -63,17 +59,17 @@ const B = {
 export {
   S as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
   c as INSIDER_ID,
-  i as LINK_REGEXES,
+  C as LINK_REGEXES,
   B as LINK_TYPES,
-  O as MERGE_TAGS,
+  p as MERGE_TAGS,
   E as PAGE_TYPES,
-  _ as PIXEL_TRACKING_SEND_GRID_ID,
-  U as PRODUCT_TYPE_URL_SEGMENTS,
-  P as TYPE_COLLECTIONS,
-  T as UNSUBSCRIBE_PAGES_LINK,
-  o as UNSUBSCRIBE_SENTINEL_SEND_GRID_IDS,
-  b as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  C as URLS,
-  u as getDefaultUnsubscribeGroup,
-  L as getTypeTranslations
+  N as PIXEL_TRACKING_SEND_GRID_ID,
+  o as PRODUCT_TYPE_URL_SEGMENTS,
+  L as TYPE_COLLECTIONS,
+  b as UNSUBSCRIBE_PAGES_LINK,
+  u as UNSUBSCRIBE_SENTINEL_SEND_GRID_IDS,
+  P as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  U as URLS,
+  T as getDefaultUnsubscribeGroup,
+  O as getTypeTranslations
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__trigger[data-v-383f6378]{height:32px;padding:0 8px;border:none;border-radius:6px;background-color:#f1f3fe;cursor:pointer}.color-vision-select__trigger[data-v-383f6378]:disabled{cursor:not-allowed;opacity:.6}.color-vision-select__label[data-v-383f6378]{white-space:nowrap}.color-vision-select__menu[data-v-383f6378]{top:calc(100% + 4px);left:0;z-index:20;width:320px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.color-vision-select__option[data-v-383f6378]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-383f6378]:hover,.color-vision-select__option_selected[data-v-383f6378]{background-color:#f1f3fe}.color-vision-select__option-description[data-v-383f6378]{margin-top:2px}.accessibility-toolbar[data-v-e222d603]{gap:8px}.accessibility-toolbar__divider[data-v-e222d603]{width:1px;height:24px;background-color:#e5e7f0}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions-menu__panel[data-v-287a74e3]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.editor-actions-menu__section[data-v-287a74e3]{padding:8px 8px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__row[data-v-287a74e3]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-287a74e3]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-287a74e3]{cursor:default}.editor-actions-menu__row[data-v-287a74e3]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-287a74e3]{height:1px;margin:4px 0;background-color:#e5e7f0}.editor-actions[data-v-d51fb931]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@vueuse/core/index.js

@@ -0,0 +1,102 @@
+import { noop as b, isIOS as F, isClient as O, toValue as h, isObject as T, tryOnScopeDispose as C } from "../shared/index.js";
+import { createFilterWrapper as x, debounceFilter as D, useDebounceFn as j } from "../shared/index.js";
+import "../../vue-demi/lib/index.js";
+import { watch as I } from "vue";
+const P = O ? window : void 0;
+function p(n) {
+  var i;
+  const o = h(n);
+  return (i = o == null ? void 0 : o.$el) != null ? i : o;
+}
+function k(...n) {
+  let i, o, r, d;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([o, r, d] = n, i = P) : [i, o, r, d] = n, !i)
+    return b;
+  Array.isArray(o) || (o = [o]), Array.isArray(r) || (r = [r]);
+  const m = [], y = () => {
+    m.forEach((c) => c()), m.length = 0;
+  }, a = (c, l, u, f) => (c.addEventListener(l, u, f), () => c.removeEventListener(l, u, f)), E = I(
+    () => [p(i), h(d)],
+    ([c, l]) => {
+      if (y(), !c)
+        return;
+      const u = T(l) ? { ...l } : l;
+      m.push(
+        ...o.flatMap((f) => r.map((w) => a(c, f, w, u)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), A = () => {
+    E(), y();
+  };
+  return C(A), A;
+}
+let L = !1;
+function $(n, i, o = {}) {
+  const { window: r = P, ignore: d = [], capture: m = !0, detectIframe: y = !1 } = o;
+  if (!r)
+    return b;
+  F && !L && (L = !0, Array.from(r.document.body.children).forEach((e) => e.addEventListener("click", b)), r.document.documentElement.addEventListener("click", b));
+  let a = !0;
+  const E = (e) => h(d).some((t) => {
+    if (typeof t == "string")
+      return Array.from(r.document.querySelectorAll(t)).some((s) => s === e.target || e.composedPath().includes(s));
+    {
+      const s = p(t);
+      return s && (e.target === s || e.composedPath().includes(s));
+    }
+  });
+  function A(e) {
+    const t = h(e);
+    return t && t.$.subTree.shapeFlag === 16;
+  }
+  function c(e, t) {
+    const s = h(e), v = s.$.subTree && s.$.subTree.children;
+    return v == null || !Array.isArray(v) ? !1 : v.some((g) => g.el === t.target || t.composedPath().includes(g.el));
+  }
+  const l = (e) => {
+    const t = p(n);
+    if (e.target != null && !(!(t instanceof Element) && A(n) && c(n, e)) && !(!t || t === e.target || e.composedPath().includes(t))) {
+      if (e.detail === 0 && (a = !E(e)), !a) {
+        a = !0;
+        return;
+      }
+      i(e);
+    }
+  };
+  let u = !1;
+  const f = [
+    k(r, "click", (e) => {
+      u || (u = !0, setTimeout(() => {
+        u = !1;
+      }, 0), l(e));
+    }, { passive: !0, capture: m }),
+    k(r, "pointerdown", (e) => {
+      const t = p(n);
+      a = !E(e) && !!(t && !e.composedPath().includes(t));
+    }, { passive: !0 }),
+    y && k(r, "blur", (e) => {
+      setTimeout(() => {
+        var t;
+        const s = p(n);
+        ((t = r.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(s != null && s.contains(r.document.activeElement)) && i(e);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => f.forEach((e) => e());
+}
+export {
+  x as createFilterWrapper,
+  D as debounceFilter,
+  P as defaultWindow,
+  O as isClient,
+  F as isIOS,
+  T as isObject,
+  b as noop,
+  $ as onClickOutside,
+  h as toValue,
+  C as tryOnScopeDispose,
+  p as unrefElement,
+  j as useDebounceFn,
+  k as useEventListener
+};