@useinsider/guido 3.11.0-beta.181af4d → 3.11.0-beta.1fde696

package/dist/src/stores/editor.d.ts

@@ -1,13 +1,9 @@
-import type { ColorVisionDeficiency } from '@@/Types/api/accessibility-api';
 export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEditor", {
     loadingStatus: boolean;
     isCodeEditorOpen: boolean;
     isSaveAsTemplateDrawerOpen: boolean;
     isVersionHistoryOpen: boolean;
     isPreviewModeOpen: boolean;
-    isAccessibilityTestingOpen: boolean;
-    imagesHidden: boolean;
-    colorVisionDeficiency: ColorVisionDeficiency;
     editorVisualMode: string;
     hasChanges: boolean;
     isStripoInitialized: boolean;
@@ -20,9 +16,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -34,38 +27,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
-        editorVisualMode: string;
-        hasChanges: boolean;
-        isStripoInitialized: boolean;
-        templateId: string;
-        syncModulesEnabled: boolean;
-    }>) => boolean;
-    isAccessibilityModeActive: (state: {
-        loadingStatus: boolean;
-        isCodeEditorOpen: boolean;
-        isSaveAsTemplateDrawerOpen: boolean;
-        isVersionHistoryOpen: boolean;
-        isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
-        editorVisualMode: string;
-        hasChanges: boolean;
-        isStripoInitialized: boolean;
-        templateId: string;
-        syncModulesEnabled: boolean;
-    } & import("pinia").PiniaCustomStateProperties<{
-        loadingStatus: boolean;
-        isCodeEditorOpen: boolean;
-        isSaveAsTemplateDrawerOpen: boolean;
-        isVersionHistoryOpen: boolean;
-        isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -78,9 +39,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -92,9 +50,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -107,9 +62,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -121,9 +73,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -136,9 +85,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -150,9 +96,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -165,9 +108,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -179,9 +119,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -194,9 +131,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -208,9 +142,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -223,9 +154,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -237,9 +165,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -252,9 +177,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -266,9 +188,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -281,9 +200,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -295,9 +211,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -310,9 +223,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -324,9 +234,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -339,9 +246,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -353,9 +257,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -368,9 +269,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
@@ -382,9 +280,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isSaveAsTemplateDrawerOpen: boolean;
         isVersionHistoryOpen: boolean;
         isPreviewModeOpen: boolean;
-        isAccessibilityTestingOpen: boolean;
-        imagesHidden: boolean;
-        colorVisionDeficiency: ColorVisionDeficiency;
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;

package/dist/src/stores/version-history.d.ts

@@ -1,4 +1,4 @@
-import type { VersionHistoryState } from '@@/Types/api/version-history-api';
+import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }

package/dist/src/utils/dynamicContentConverter.d.ts

@@ -0,0 +1,31 @@
+import type { DynamicContent } from '@@/Types/generic';
+export interface DynamicContentConversionResult {
+    html: string;
+    /** Distinct label-form tokens that had no match in the lookup (left unchanged). */
+    unresolved: string[];
+}
+/**
+ * Builds a label→item lookup from one or more dynamic-content lists, keyed by
+ * normalized label (trimmed, lowercased). When lists overlap, a later list wins
+ * for a shared key.
+ */
+export declare const buildDynamicContentLookup: (...lists: DynamicContent[][]) => Map<string, DynamicContent>;
+/**
+ * Rewrites label-form dynamic-content tokens in a dropped module's HTML into
+ * their canonical `{{token}}` form, using `lookup` (label→item).
+ *
+ * Legacy saved modules can serialize merge-tag chips by their display label —
+ * both multi-word (`{{ Phone Number }}`) and single-word (`{{Email}}`) — which
+ * the backend can't resolve (its attribute match is case-sensitive). Every tag's
+ * name is looked up case-insensitively and a match is rewritten to its canonical
+ * token — but a name that is ALREADY a clean identifier is only rewritten when
+ * the match is the same attribute in a different case (e.g. `{{Email}}` →
+ * `{{email}}`); if the matched value differs by more than case, the name merely
+ * coincides with an unrelated display label, so it is left as-is rather than
+ * silently corrupted into a different attribute. A name with no match is left as
+ * well, and reported in `unresolved` ONLY when it is not already a clean
+ * identifier — a clean identifier is treated as a valid token we simply weren't
+ * given, so it never triggers a false warning. Allowed system tokens and `data-*`
+ * attribute values (backend-resolved product tags) are never touched.
+ */
+export declare const convertModuleDynamicContent: (html: string, lookup: Map<string, DynamicContent>, liquidSyntax: boolean) => DynamicContentConversionResult;

package/dist/src/utils/genericUtil.d.ts

@@ -1,6 +1,13 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
+/**
+ * Builds the editor merge-tag entries from the template's preselected list plus
+ * the account's full available list, deduped by token value (preselected wins so
+ * its fallback/format is kept). Registering the full list lets every recognized
+ * token — including ones repaired on module drop — render as a chip.
+ */
+export declare const buildMergeTagEntries: (preselected: DynamicContent[], available: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
  * URL Parameter utilities

package/dist/src/utils/timeUtil.d.ts

@@ -6,13 +6,3 @@
  * @example formatLocalTime(date, true)        -> 12:20:02 (UTC+3 Istanbul)
  */
 export declare const formatLocalTime: (date: Date, useTimezone?: boolean) => string;
-/**
- * Auto-save timestamp parts for the header status label. The component picks the
- * copy: same day -> "Autosaved at {time}, Today"; earlier -> "Autosaved at {date}".
- * @example autoSaveTimestamp(date) -> { isToday: true, time: '20:01', date: '16.07.2026' }
- */
-export declare const autoSaveTimestamp: (date: Date, now?: Date) => {
-    isToday: boolean;
-    time: string;
-    date: string;
-};

package/dist/stores/editor.js

@@ -6,9 +6,6 @@ const o = e("guidoEditor", {
     isSaveAsTemplateDrawerOpen: !1,
     isVersionHistoryOpen: !1,
     isPreviewModeOpen: !1,
-    isAccessibilityTestingOpen: !1,
-    imagesHidden: !1,
-    colorVisionDeficiency: "",
     editorVisualMode: "desktop",
     hasChanges: !1,
     isStripoInitialized: !1,
@@ -17,8 +14,7 @@ const o = e("guidoEditor", {
   }),
   getters: {
     // Middle Slot
-    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isAccessibilityTestingOpen,
-    isAccessibilityModeActive: (i) => i.isAccessibilityTestingOpen,
+    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
     isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,

package/dist/utils/dynamicContentConverter.js

@@ -0,0 +1,33 @@
+import { DATA_ATTRIBUTE_REGEX as _, DYNAMIC_CONTENT_TAG_REGEX as D, ALLOWED_DYNAMIC_SYSTEM_TOKENS as m, VALID_DYNAMIC_VARIABLE_REGEX as A } from "../enums/html-validator.js";
+import { dynamicContentToMergeTags as M } from "./genericUtil.js";
+const T = "guidoDataMask", p = "EndDataMask", f = /guidoDataMask(\d+)EndDataMask/g, u = (r) => r.trim().toLowerCase(), S = (...r) => {
+  const a = /* @__PURE__ */ new Map();
+  return r.forEach((d) => {
+    d.forEach((s) => {
+      const n = u(s.text);
+      n && a.set(n, s);
+    });
+  }), a;
+}, L = (r, a, d) => {
+  const s = /* @__PURE__ */ new Set(), n = [];
+  return { html: r.replace(_, (t) => (n.push(t), `${T}${n.length - 1}${p}`)).replace(D, (t) => {
+    const o = t.slice(2, -2), c = o.indexOf("|"), l = c === -1 ? o : o.slice(0, c), e = l.trim();
+    if (e === "" || m.includes(e))
+      return t;
+    const i = a.get(u(e));
+    if (i) {
+      if (A.test(e) && u(i.value) !== u(e))
+        return t;
+      if (c !== -1) {
+        const E = o.slice(c);
+        return `{{${l.replace(e, () => i.value)}${E}}}`;
+      }
+      return M([i], d)[0].value;
+    }
+    return A.test(e) || s.add(e), t;
+  }).replace(f, (t, o) => n[Number(o)]), unresolved: [...s] };
+};
+export {
+  S as buildDynamicContentLookup,
+  L as convertModuleDynamicContent
+};

package/dist/utils/genericUtil.js

@@ -1,47 +1,54 @@
-const s = (e) => {
-  const a = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, c = {
-    text: e.label,
+const u = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, e = {
+    text: t.label,
     value: n || ""
   };
   if (a.length >= 2) {
-    const [, l, r] = a;
+    const [, l, f] = a;
     if (l.startsWith("default:")) {
-      let t = l.slice(8).trim();
-      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), c.fallback = t;
+      let r = l.slice(8).trim();
+      r.startsWith('"') && r.endsWith('"') && (r = r.slice(1, -1)), e.fallback = r;
     } else {
-      const t = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      t ? c.format = t : r || (c.fallback = l), r && (c.fallback = r);
+      const r = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      r ? e.format = r : f || (e.fallback = l), f && (e.fallback = f);
     }
   }
-  return c;
-}, u = (e, f = !1) => e.map((a) => {
+  return e;
+}, s = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (f) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
         value: `{{ ${a.value} }}`
       };
-    const c = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    const e = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
     return {
       label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${c} }}`
+      value: `{{ ${a.value} | default: ${e} }}`
     };
   }
   return {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), o = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+}), o = (t, c, a = !1) => {
+  const n = new Set(t.map((l) => l.value)), e = c.filter((l) => n.has(l.value) ? !1 : (n.add(l.value), !0));
+  return [
+    ...s(t, a),
+    ...s(e, a)
+  ];
+}, b = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
 };
 export {
-  u as dynamicContentToMergeTags,
-  o as getCsrfToken,
-  s as mergeTagToDynamicContent
+  o as buildMergeTagEntries,
+  s as dynamicContentToMergeTags,
+  b as getCsrfToken,
+  u as mergeTagToDynamicContent
 };

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.11.0-beta.181af4d",
+  "version": "3.11.0-beta.1fde696",
   "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",
@@ -34,8 +34,6 @@
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
-    "test:mutation": "stryker run",
-    "test:mutation:since": "CHANGED=$(git diff --name-only --diff-filter=AMR origin/develop...HEAD -- 'src/**/*.ts' ':(glob)src/components/organisms/onboarding/**/*.vue' ':(glob)src/components/organisms/header/**/*.vue' ':(glob)src/components/organisms/unsubscribe/**/*.vue' ':(glob)src/components/organisms/save-as-template/**/*.vue' ':(glob)src/components/organisms/email-preview/**/*.vue' ':(glob)src/components/wrappers/**/*.vue' 'src/components/Guido.vue' ':(exclude)src/**/*.test.ts' ':(exclude)src/**/index.ts' ':(exclude)src/@types/**' ':(exclude)src/enums/**' ':(exclude)src/mock/**' ':(exclude)src/**/_Boilerplate/**' | paste -sd, -); if [ -n \"$CHANGED\" ]; then stryker run --incremental --mutate \"$CHANGED\"; else echo \"No changed mutatable src files vs origin/develop\"; fi",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -59,8 +57,6 @@
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
     "@playwright/test": "1.57.0",
-    "@stryker-mutator/core": "9.6.1",
-    "@stryker-mutator/vitest-runner": "9.6.1",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

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 s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { ref: "root", staticClass: "editor-actions-menu p-r" }, [e(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 ? e("div", { staticClass: "editor-actions-menu__panel p-a" }, [t.isAutosaveVisible ? [e("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [s._v(" " + s._s(t.trans("email-editor.preferences")) + " ")]), e("div", { staticClass: "editor-actions-menu__row editor-actions-menu__row_static d-f a-i-c j-c-s-b" }, [e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("email-editor.auto-save")))]), e(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), e("div", { staticClass: "editor-actions-menu__divider" })] : s._e(), e("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [s._v(" " + s._s(t.trans("email-editor.actions")) + " ")]), t.isVersionHistoryVisible ? e("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 } }, [e(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-architect-version-history", size: "16" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("newsletter.version-history")))])], 1) : s._e(), t.isAccessibilityVisible ? e("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 } }, [e(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-menu-access-area", size: "16" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("email-editor.accessibility-test")))])], 1) : s._e(), t.isSaveAsVisible ? e("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 } }, [e(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-newsletter-save-as-template", size: "16" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("newsletter.save-templates")))])], 1) : s._e(), e("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 } }, [e(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-export", size: "16" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("newsletter.export")))])], 1)], 2) : s._e()], 1);
-}, n = [], r = /* @__PURE__ */ a(
-  i,
-  o,
-  n,
-  !1,
-  null,
-  "287a74e3"
-);
-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
-};