@useinsider/guido 3.2.0-beta.ec6228c → 3.2.0-beta.ecc7c6c

package/dist/components/organisms/AutoSaveController.vue2.js

@@ -1,13 +0,0 @@
-import { defineComponent as t } from "vue";
-import { useAutoSave as r } from "../../composables/useAutoSave.js";
-import { useSave as s } from "../../composables/useSave.js";
-const f = /* @__PURE__ */ t({
-  __name: "AutoSaveController",
-  setup(a) {
-    const { save: e } = s(), o = () => e(!1);
-    return r(o), { __sfc: !0, save: e, backgroundSave: o };
-  }
-});
-export {
-  f as default
-};

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 === "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,
-  "4cbf0abd"
-);
-const d = r.exports;
-export {
-  d as default
-};

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

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

package/dist/composables/useAutoSave.js

@@ -1,68 +0,0 @@
-import { useConfig as m } from "./useConfig.js";
-import { useAutosaveStore as p } from "../stores/autosave.js";
-import { useEditorStore as S } from "../stores/editor.js";
-import { computed as E, watch as f, onUnmounted as y } from "vue";
-const A = 18e4, c = 6e4, O = (l) => {
-  const { isFeatureEnabled: b } = m(), s = S(), t = p();
-  let o = null, u = 0;
-  const n = E(
-    () => b("autosave") && t.isOn
-  ), g = () => s.hasChanges && !s.isSaveButtonDisabled && !s.isCodeEditorOpen, h = () => ({
-    hasChanges: s.hasChanges,
-    isSaveButtonDisabled: s.isSaveButtonDisabled,
-    isCodeEditorOpen: s.isCodeEditorOpen
-  }), r = async (e) => {
-    if (!n.value) {
-      console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
-      return;
-    }
-    if (!g()) {
-      console.debug("guido:autosave:skipped", { trigger: e, reason: "gates-blocked", gates: h() });
-      return;
-    }
-    if (t.status === "saving") {
-      console.debug("guido:autosave:skipped", { trigger: e, reason: "already-saving" });
-      return;
-    }
-    console.debug("guido:autosave:save-start", { trigger: e }), t.status = "saving";
-    try {
-      await l(), s.hasChanges = !1, t.status = "saved", t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
-    } catch (i) {
-      console.debug("guido:autosave:error", { trigger: e, error: i }), t.status = "error";
-    }
-  }, a = () => {
-    const { visibilityState: e } = document;
-    if (console.debug("guido:autosave:visibility-change", {
-      visibilityState: e,
-      isActive: n.value
-    }), e !== "hidden")
-      return;
-    const i = Date.now() - u;
-    if (i < c) {
-      console.debug("guido:autosave:visibility-debounced", {
-        sinceLastMs: i,
-        debounceMs: c
-      });
-      return;
-    }
-    u = Date.now(), r("visibility");
-  }, d = () => {
-    o && (clearInterval(o), o = null);
-  }, v = () => {
-    document.removeEventListener("visibilitychange", a), window.removeEventListener("pagehide", a);
-  };
-  f(
-    n,
-    (e) => {
-      console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), o = setInterval(() => {
-        console.debug("guido:autosave:interval-tick"), r("interval");
-      }, A), document.addEventListener("visibilitychange", a), window.addEventListener("pagehide", a)) : (d(), v(), t.status = "idle");
-    },
-    { immediate: !0 }
-  ), y(() => {
-    d(), v();
-  });
-};
-export {
-  O as useAutoSave
-};

package/dist/enums/displayConditions.js

@@ -1,80 +0,0 @@
-const e = [
-  {
-    category: "Demographics",
-    conditions: [
-      {
-        id: 1,
-        name: "Language",
-        description: "Users who are in the English will see the banner",
-        beforeScript: '{% if language == "en_US" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 2,
-        name: "Country",
-        description: "Only people who live in Australia will see the banner",
-        beforeScript: '{% if country == "Australia" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 3,
-        name: "Country & City",
-        description: "Only people who are located in that country and city",
-        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 4,
-        name: "Age (Less than operator)",
-        description: "Users whose age is less than 18",
-        beforeScript: "{% if age < 18 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 5,
-        name: "Age (Equal and greater than operator)",
-        description: "Users whose age is equal or greater than 25",
-        beforeScript: "{% if age >= 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 6,
-        name: "Age (Greater than & less than operators)",
-        description: "Users whose age is between 18 and 25",
-        beforeScript: "{% if age > 18 and age < 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 7,
-        name: "Gender",
-        description: "Users whose gender is Female",
-        beforeScript: '{% if gender == "Female" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 8,
-        name: "State",
-        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
-        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 9,
-        name: "VIP User",
-        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_vip_user %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 10,
-        name: "Membership Type",
-        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-        afterScript: "{% endif %}"
-      }
-    ]
-  }
-];
-export {
-  e as displayConditions
-};

package/dist/src/components/organisms/AutoSaveController.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/organisms/header/AutoSaveToggle.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/composables/useAutoSave.d.ts

@@ -1,3 +0,0 @@
-type SaveSilent = () => unknown;
-export declare const useAutoSave: (saveSilent: SaveSilent) => void;
-export {};

package/dist/src/enums/displayConditions.d.ts

@@ -1,2 +0,0 @@
-import type { ConditionCategories } from '@@/Types/condition-categories';
-export declare const displayConditions: ConditionCategories;

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

@@ -1,6 +0,0 @@
-export type AutosaveStatus = 'idle' | 'saving' | 'saved' | 'error';
-export declare const useAutosaveStore: import("pinia").StoreDefinition<"guidoAutosave", {
-    isOn: boolean;
-    lastSavedAt: Date | null;
-    status: AutosaveStatus;
-}, {}, {}>;

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

@@ -1,8 +0,0 @@
-/**
- * Formats a Date as local time in 24-hour format.
- * Pass `useTimezone = true` to append the UTC offset and city name — useful when the
- * timestamp must clearly communicate the client's timezone.
- * @example formatLocalTime(date)              -> 12:20:02
- * @example formatLocalTime(date, true)        -> 12:20:02 (UTC+3 Istanbul)
- */
-export declare const formatLocalTime: (date: Date, useTimezone?: boolean) => string;

package/dist/stores/autosave.js

@@ -1,11 +0,0 @@
-import { defineStore as t } from "pinia";
-const s = t("guidoAutosave", {
-  state: () => ({
-    isOn: !1,
-    lastSavedAt: null,
-    status: "idle"
-  })
-});
-export {
-  s as useAutosaveStore
-};

package/dist/utils/timeUtil.js

@@ -1,19 +0,0 @@
-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 {
-  c as formatLocalTime
-};