@useinsider/guido 3.18.0-beta.1eb210f → 3.18.0-beta.206bb3f

package/dist/stores/onboarding.js

@@ -1,17 +1,18 @@
 import { useOnboardingApi as s } from "../services/onboardingApi.js";
 import { defineStore as e } from "pinia";
-const t = () => ({
+const r = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
 }), a = () => ({
   onboardings: {
-    newVersionPopup: t(),
-    genericOnboarding: t(),
-    textBlockOnboarding: t(),
-    versionHistoryOnboarding: t(),
-    ampOnboarding: t(),
-    itemsOnboarding: t()
+    newVersionPopup: r(),
+    genericOnboarding: r(),
+    textBlockOnboarding: r(),
+    versionHistoryOnboarding: r(),
+    ampOnboarding: r(),
+    itemsOnboarding: r(),
+    editorTabBarOnboarding: r()
   },
   userModalState: {},
   isFetched: !1
@@ -44,6 +45,10 @@ const t = () => ({
       const { itemsOnboarding: i } = n.onboardings;
       return i.config[i.cardIndex];
     },
+    getEditorTabBarCurrentCard: (n) => {
+      const { editorTabBarOnboarding: i } = n.onboardings;
+      return i.config[i.cardIndex];
+    },
     shouldShowOnboarding: (n) => (i) => {
       const o = n.userModalState.Guido;
       return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
@@ -72,8 +77,8 @@ const t = () => ({
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
     updateCardPosition(n, i, o) {
-      const r = this.onboardings[n].config[i];
-      r && (r.top = o.top, r.position = o.position);
+      const t = this.onboardings[n].config[i];
+      t && (t.top = o.top, t.position = o.position);
     },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
@@ -101,8 +106,8 @@ const t = () => ({
       }
     },
     async setUserModalState(n, i, o) {
-      const { setUserModalState: r } = s();
-      await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
+      const { setUserModalState: t } = s();
+      await t(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });

package/dist/utils/timeUtil.js

@@ -1,19 +1,9 @@
-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;
-};
+const a = (t) => String(t).padStart(2, "0"), g = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), i = (t, e = /* @__PURE__ */ new Date()) => ({
+  isToday: g(t, e),
+  time: `${a(t.getHours())}:${a(t.getMinutes())}`,
+  // Locale-aware order (US reads MM/DD/YYYY, TR reads DD.MM.YYYY) — mirrors formatLocalTime's Intl use.
+  date: t.toLocaleDateString([], { day: "2-digit", month: "2-digit", year: "numeric" })
+});
 export {
-  c as formatLocalTime
+  i as autoSaveTimestamp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.0-beta.1eb210f",
+  "version": "3.18.0-beta.206bb3f",
   "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/AutoSaveToggle.vue.js

@@ -1,22 +0,0 @@
-import o from "./AutoSaveToggle.vue2.js";
-/* empty css                    */
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return t.isFeatureEnabled("autosave") ? a("div", { staticClass: "d-f a-i-c mr-3 auto-save-toggle", on: { mouseenter: function(s) {
-    t.isHovered = !0;
-  }, mouseleave: function(s) {
-    t.isHovered = !1;
-  } } }, [a(t.InToggle, { attrs: { id: "guido__autosave-toggle", name: "guido-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggle } }), a("span", { staticClass: "ml-2 auto-save-toggle__label t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.auto-save")) + " ")]), t.autosaveStore.status === t.AUTOSAVE_STATUS.SAVING ? a("span", { staticClass: "ml-2 d-f a-i-c f-s-1" }, [a(t.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), a("span", { staticClass: "ml-1 t-c-53" }, [e._v(" " + e._s(t.trans("newsletter.saving")) + " ")])], 1) : t.lastSavedLabel ? a("span", { staticClass: "ml-2 f-s-1 t-c-53" }, [e._v(" " + e._s(t.lastSavedLabel) + " ")]) : e._e(), t.isHovered ? a(t.InInfoBox, { staticClass: "auto-save-toggle__info-box", attrs: { id: "guido__autosave-info-box", size: "small", variant: "information", "description-text": t.trans("email-editor.auto-save-description"), "title-text": t.trans("email-editor.auto-save-title") } }) : e._e()], 1) : e._e();
-}, l = [], r = /* @__PURE__ */ i(
-  o,
-  n,
-  l,
-  !1,
-  null,
-  "2c964af4"
-);
-const d = r.exports;
-export {
-  d as default
-};

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

@@ -1,19 +0,0 @@
-import { defineComponent as i, ref as f, computed as u } from "vue";
-import { useConfig as l } from "../../../composables/useConfig.js";
-import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useAutosaveStore as c, AUTOSAVE_STATUS as t } from "../../../stores/autosave.js";
-import { useEditorStore as S } from "../../../stores/editor.js";
-import { formatLocalTime as d } from "../../../utils/timeUtil.js";
-import { InToggle as g, InLoading as _, InInfoBox as A } from "@useinsider/design-system-vue";
-const U = /* @__PURE__ */ i({
-  __name: "AutoSaveToggle",
-  setup(v) {
-    const { isFeatureEnabled: e } = l(), r = S(), o = c(), s = p(), n = f(!1), a = u(() => o.status !== t.SAVED || !o.lastSavedAt ? "" : d(o.lastSavedAt));
-    return { __sfc: !0, isFeatureEnabled: e, editorStore: r, autosaveStore: o, trans: s, isHovered: n, lastSavedLabel: a, toggle: (m) => {
-      o.isOn = m;
-    }, AUTOSAVE_STATUS: t, InInfoBox: A, InLoading: _, InToggle: g };
-  }
-});
-export {
-  U as default
-};