@useinsider/guido 3.21.0-beta.1bd7edd → 3.21.0-beta.c433290

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

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

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

@@ -1,8 +1,5 @@
-/**
- * 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;
+export declare const autoSaveTimestamp: (date: Date, now?: Date) => {
+    isToday: boolean;
+    time: string;
+    date: string;
+};

package/dist/static/styles/components/accessibility.css.js

@@ -0,0 +1,234 @@
+const n = `
+ue-ui-simple-panel.accessibility-panel,
+ue-accessibility-panel {
+    height: 100%;
+}
+
+ue-accessibility-panel .header-control-panel-right {
+    min-width: 50px;
+    min-height: 50px;
+}
+
+ue-accessibility-panel .tabs-header .accent {
+    min-width: 21px;
+    margin-left: 8px;
+    padding: 3px 5px;
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+    background-color: var(--guido-color-white);
+    color: var(--guido-color-gray-800);
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 16px;
+}
+
+ue-accessibility-panel .tabs-header button.checked .accent {
+    border-color: var(--guido-color-primary-500);
+    color: var(--guido-color-primary-500);
+}
+
+ue-accessibility-panel .issue-card-surface {
+    border-radius: 8px;
+    outline: 1px solid var(--guido-color-gray-300);
+    outline-offset: -1px;
+}
+
+ue-accessibility-panel .issue-card-surface--active {
+    outline-color: var(--guido-color-primary-500);
+}
+
+ue-accessibility-panel .issue-card-title {
+    color: var(--guido-color-gray-800);
+}
+
+ue-accessibility-panel .issue-card-header-row .icon-help {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    color: var(--guido-color-gray-600);
+}
+
+ue-accessibility-panel .issue-card-header-row .icon-help svg {
+    width: 14px;
+    height: 14px;
+}
+
+ue-accessibility-panel .issue-card-header-row ue-icon-component.danger {
+    color: var(--guido-color-danger-500);
+}
+
+ue-accessibility-panel .issue-card-header-row ue-icon-component.warning {
+    color: var(--guido-color-warning-500);
+}
+
+ue-accessibility-panel .issue-card-header-row ue-icon-component.info {
+    color: var(--guido-color-primary-500);
+}
+
+ue-accessibility-passed-tab input,
+ue-accessibility-passed-tab ue-select .toggle-select-button {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+ue-accessibility-panel .controls-separator-line:has(.fit-to-color) {
+    padding: 10px;
+}
+
+ue-accessibility-passed-tab .controls-separator-line:has(.fit-to-color) {
+    padding-bottom: 34px;
+}
+
+ue-accessibility-panel .controls-separator-line:has(.fit-to-color) .sub-container.two-columns {
+    box-sizing: border-box;
+    min-height: 50px;
+    padding: 5px 16px;
+    align-items: center;
+}
+
+ue-accessibility-panel .controls-list.fit-to-color {
+    justify-content: flex-end;
+    align-items: center;
+    gap: 0;
+    font-size: 13px;
+    line-height: 16px;
+}
+
+ue-accessibility-panel .controls-list.fit-to-color ue-icon-component {
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    margin: 0;
+}
+
+ue-accessibility-panel .controls-list.fit-to-color ue-icon-component svg {
+    width: 16px;
+    height: 16px;
+}
+
+ue-accessibility-panel .controls-list.fit-to-color ue-icon-component.warning {
+    color: var(--guido-color-warning-500);
+}
+
+ue-accessibility-panel {
+    --ue-accessibility-image-width: 240px;
+    --ue-accessibility-image-height: 240px;
+}
+
+ue-accessibility-panel ue-scrollable-container:has(.accessibility-list-empty, ue-accessibility-passed-tab:empty) {
+    flex-grow: 1;
+}
+
+ue-accessibility-panel ue-scrollable-container:has(.accessibility-list-empty, ue-accessibility-passed-tab:empty) .ue-scrollable {
+    height: 100%;
+}
+
+ue-accessibility-panel .ue-scrollable-content:has(.accessibility-list-empty, ue-accessibility-passed-tab:empty) {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    min-height: 100%;
+}
+
+ue-accessibility-panel .accessibility-list-empty.light-theme.failed-list,
+ue-accessibility-panel .accessibility-list-empty.light-theme.ignored-list,
+ue-accessibility-passed-tab:empty::before {
+    display: block;
+    height: auto;
+    margin: 0;
+    padding: 248px 16px 0;
+    background: url("https://image.useinsider.com/insider-design-system/img/speacial/no-personalization.svg") no-repeat center top / 240px 240px;
+    color: var(--guido-color-neutral-500);
+    font-size: 15px;
+    line-height: 24px;
+    text-align: center;
+    white-space: pre-line;
+}
+
+ue-accessibility-passed-tab:empty {
+    display: block;
+}
+
+ue-accessibility-passed-tab:empty::before {
+    content: "No Passed Items\\A You have no passed items.";
+}
+
+ue-accessibility-panel .accessibility-list-empty::first-line,
+ue-accessibility-passed-tab:empty::first-line {
+    color: var(--guido-color-neutral-700);
+    font-size: 18px;
+    line-height: 40px;
+}
+
+ue-accessibility-panel .e2e-ignore-button > .button,
+ue-accessibility-panel .e2e-unignore-button > .button,
+ue-accessibility-panel .e2e-auto-tune-button > .button {
+    border: none;
+    background-color: var(--guido-color-neutral-200);
+    color: var(--guido-color-neutral-800);
+}
+
+ue-accessibility-panel .e2e-ignore-button > .button .icon-button,
+ue-accessibility-panel .e2e-unignore-button > .button .icon-button,
+ue-accessibility-panel .e2e-auto-tune-button > .button .icon-button {
+    color: var(--guido-color-neutral-800);
+}
+
+ue-accessibility-panel .e2e-ignore-button > .button:hover:not(:disabled,.disabled),
+ue-accessibility-panel .e2e-unignore-button > .button:hover:not(:disabled,.disabled),
+ue-accessibility-panel .e2e-auto-tune-button > .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-neutral-100);
+}
+
+ue-accessibility-panel .e2e-apply-button > .button {
+    border: none;
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+}
+
+ue-accessibility-panel .e2e-apply-button > .button .icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+ue-accessibility-panel .e2e-apply-button > .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-primary-0);
+}
+
+.e2e-accessibility-refresh .icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+.ue-popover.dark,
+.ue-popover.dark-tiny {
+    border-radius: 4px;
+    background: var(--guido-color-gray-800);
+    box-shadow: 0 15px 17.5px rgb(0 0 0 / 10%), 0 8px 5px rgb(0 0 0 / 10%);
+    color: var(--guido-color-white);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.ue-popover.dark .popup-pointer ue-icon-component svg,
+.ue-popover.dark-tiny .popup-pointer ue-icon-component svg {
+    fill: var(--guido-color-gray-800);
+}
+
+.ue-popover.dark a,
+.ue-popover.dark-tiny a,
+.ue-popover.dark ue-description a,
+.ue-popover.dark-tiny ue-description a {
+    color: var(--guido-color-white);
+    text-decoration: underline;
+}
+
+.ue-popover ue-description a[href^="https://act-rules.github.io/"],
+.ue-popover ue-description a[href^="https://dequeuniversity.com/"] {
+    display: inline;
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/variables.css.js

@@ -14,8 +14,10 @@ const o = `:host {
     --guido-color-gray-0: #F9F9F9;
     --guido-color-neutral-800: #222938;
     --guido-color-neutral-700: #2C3546;
+    --guido-color-neutral-500: #5D6980;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
+    --guido-color-warning-500: #FFBF00;
     --guido-color-danger-300: #e84342;
     --guido-color-danger-500: #DC2A2A; 
     --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);

package/dist/stores/autosave.js

@@ -1,17 +1,22 @@
-import { defineStore as t } from "pinia";
-const e = {
+import { defineStore as e } from "pinia";
+const s = {
   IDLE: "idle",
   SAVING: "saving",
   SAVED: "saved",
   ERROR: "error"
-}, o = t("guidoAutosave", {
+}, S = e("guidoAutosave", {
   state: () => ({
     isOn: !0,
     lastSavedAt: null,
-    status: e.IDLE
-  })
+    status: s.IDLE
+  }),
+  getters: {
+    // Whether the header actually renders autosave text: the divider beside it must not be
+    // left hanging over empty space when it does not.
+    hasStatusLabel: (t) => t.status === s.SAVING || t.status === s.SAVED && t.lastSavedAt !== null
+  }
 });
 export {
-  e as AUTOSAVE_STATUS,
-  o as useAutosaveStore
+  s as AUTOSAVE_STATUS,
+  S as useAutosaveStore
 };

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { MessageType as a } from "../@types/config/schemas.js";
+import { MessageType as r } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as o } from "../@types/config/validator.js";
-import { defineStore as l } from "pinia";
-const g = l("guido-config", {
+import { parseConfig as a } from "../@types/config/validator.js";
+import { defineStore as o } from "pinia";
+const g = o("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -132,7 +132,7 @@ const g = l("guido-config", {
      * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
      */
     isTransactional() {
-      return this.messageType === a.TRANSACTIONAL;
+      return this.messageType === r.TRANSACTIONAL;
     },
     /**
      * Soft-save policy: may the editor persist a template with validation errors?
@@ -158,13 +158,6 @@ const g = l("guido-config", {
       var e, t;
       return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
-    /**
-     * Check if the Insider display-condition UI replaces Stripo's
-     */
-    externalDisplayConditions: (i) => {
-      var e, t, n, r;
-      return (((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.externalDisplayConditions) ?? !1) && (((r = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : r.displayConditions) ?? !0);
-    },
     /**
      * Check if a specific feature is enabled.
      * Returns false before init (config null) so header controls don't
@@ -181,7 +174,7 @@ const g = l("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = o(i);
+      const e = a(i);
       this.config = e, this.initialized = !0;
     },
     /**

package/dist/stores/editor.js

@@ -6,6 +6,9 @@ const o = e("guidoEditor", {
     isSaveAsTemplateDrawerOpen: !1,
     isVersionHistoryOpen: !1,
     isPreviewModeOpen: !1,
+    isAccessibilityTestingOpen: !1,
+    imagesHidden: !1,
+    colorVisionDeficiency: "",
     editorVisualMode: "desktop",
     hasChanges: !1,
     // Bumped on every Stripo document change. `hasChanges` is a latch that stays
@@ -21,19 +24,21 @@ const o = e("guidoEditor", {
   }),
   getters: {
     // Middle Slot
-    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
+    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isAccessibilityTestingOpen,
     isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isPreviewButtonDisabled: (i) => i.loadingStatus,
     isViewOptionsDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     // Right Slot
+    isNormalMode: (i) => !i.isVersionHistoryOpen && !i.isAccessibilityTestingOpen,
     isVersionHistoryButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
-    // Autosave
+    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen || i.isAccessibilityTestingOpen,
+    // Accessibility Test is absent on purpose: it only simulates, but its Apply / Auto-tune
+    // edit the document, so pausing autosave there would lose those fixes.
     isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
   }
 });

package/dist/stores/onboarding.js

@@ -1,23 +1,26 @@
-import { useOnboardingApi as e } from "../services/onboardingApi.js";
+import { useOnboardingApi as t } from "../services/onboardingApi.js";
 import { defineStore as s } from "pinia";
-const t = () => ({
+const e = () => ({
   cardIndex: 0,
   isActive: !1,
-  config: []
+  config: [],
+  cardOffset: 0
 }), a = () => ({
   onboardings: {
-    newVersionPopup: t(),
-    genericOnboarding: t(),
-    textBlockOnboarding: t(),
-    versionHistoryOnboarding: t(),
-    ampOnboarding: t(),
-    itemsOnboarding: t(),
-    recommendationStrategyOnboarding: t(),
-    recommendationLegacyStrategyOnboarding: t()
+    newVersionPopup: e(),
+    genericOnboarding: e(),
+    textBlockOnboarding: e(),
+    versionHistoryOnboarding: e(),
+    ampOnboarding: e(),
+    itemsOnboarding: e(),
+    editorTabBarOnboarding: e(),
+    recommendationStrategyOnboarding: e(),
+    recommendationLegacyStrategyOnboarding: e()
   },
   userModalState: {},
-  isFetched: !1
-}), c = s("guidoOnboarding", {
+  isFetched: !1,
+  closedThisSession: []
+}), g = s("guidoOnboarding", {
   state: () => a(),
   getters: {
     /** @deprecated Components use the type-specific getters. Slated for deletion, see the SD-667788 dead-code ledger. */
@@ -48,6 +51,14 @@ const t = () => ({
       const { itemsOnboarding: o } = n.onboardings;
       return o.config[o.cardIndex];
     },
+    getEditorTabBarCurrentCard: (n) => {
+      const { editorTabBarOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    isEditorActionsMenuPinned: (n) => {
+      const { editorTabBarOnboarding: o } = n.onboardings, i = o.config[o.cardIndex];
+      return o.isActive && !!(i != null && i.pinsMenu);
+    },
     getRecommendationStrategyCurrentCard: (n) => {
       const { recommendationStrategyOnboarding: o } = n.onboardings;
       return o.config[o.cardIndex];
@@ -65,7 +76,10 @@ const t = () => ({
     closeOtherOnboardings(n) {
       Object.keys(this.onboardings).forEach((o) => {
         const i = o;
-        i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
+        if (i !== n && this.onboardings[i].isActive) {
+          const r = this.onboardings[i];
+          r.cardOffset += r.cardIndex, r.isActive = !1, r.cardIndex = 0, r.config = [];
+        }
       });
     },
     start(n) {
@@ -74,8 +88,16 @@ const t = () => ({
     startOnboarding(n) {
       this.shouldShowOnboarding(n) && !this.isActive(n) && this.start(n);
     },
+    closeForSession(n) {
+      this.closedThisSession.includes(n) || this.closedThisSession.push(n), this.onboardings[n].isActive = !1, this.onboardings[n].cardIndex = 0, this.onboardings[n].config = [], this.onboardings[n].cardOffset = 0;
+    },
     async close(n) {
-      await this.setUserModalState(n, "true", "Guido"), this.onboardings[n].isActive = !1, this.onboardings[n].cardIndex = 0, this.onboardings[n].config = [];
+      this.closeForSession(n);
+      try {
+        await this.setUserModalState(n, "true", "Guido");
+      } catch (o) {
+        console.warn("guido:onboarding:close-not-persisted", n, o);
+      }
     },
     next(n) {
       this.onboardings[n].cardIndex < this.onboardings[n].config.length - 1 && this.onboardings[n].cardIndex++;
@@ -88,11 +110,16 @@ const t = () => ({
       const r = this.onboardings[n].config[o];
       r && (r.top = i.top, r.position = i.position);
     },
-    setConfig(n, o) {
-      this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
+    // InOnboard always opens on its first slide, so a tour re-installing its config after a
+    // Guido remount has to come back to the first card or the two point at different ones.
+    resetCardIndex(n) {
+      this.onboardings[n].cardIndex = 0;
+    },
+    setConfig(n, o, i = 0) {
+      this.onboardings[n].config = o ?? [], this.onboardings[n].cardOffset = i, this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
     },
     async onDiscoverNowClicked() {
-      await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
+      this.start("genericOnboarding"), await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido");
     },
     onRemindMeLater() {
       sessionStorage.setItem("newVersionPopupDismissed", "true");
@@ -100,14 +127,13 @@ const t = () => ({
     async onNewVersionPopupClose() {
       await this.setUserModalState("newVersionPopup", "true", "Guido");
     },
-    /** @deprecated No caller in src/. Slated for deletion, see the SD-667788 dead-code ledger. */
     isOnboardingActive() {
       return Object.values(this.onboardings).some((n) => n.isActive);
     },
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = e();
+      const { fetchUserModalState: n } = t();
       try {
         const o = await n();
         this.userModalState = o, this.isFetched = !0;
@@ -115,11 +141,11 @@ const t = () => ({
       }
     },
     async setUserModalState(n, o, i) {
-      const { setUserModalState: r } = e();
+      const { setUserModalState: r } = t();
       await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });
 export {
-  c as useOnboardingStore
+  g as useOnboardingStore
 };

package/dist/utils/pairProductVariables.js

@@ -1,29 +1,28 @@
-import { ITEMS_CURRENCY_ATTR as N, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
+import { ITEMS_CURRENCY_ATTR as x, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as P } from "./preserveTextStyles.js";
-import { protectTableText as v, restoreTableText as B } from "./protectTableText.js";
-import { unwrapProductNameLinks as j } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as v } from "./unwrapProductNameLink.js";
 const O = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
 }, q = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function Q(S, y, b) {
+function B(S, y, b) {
   let h = y;
   for (; h > 0 && /\s/.test(S[h - 1]); )
     h -= 1;
   return b.some((I) => S.endsWith(I, h));
 }
-function rt(S) {
-  const y = q(v(S)), b = new DOMParser().parseFromString(y, "text/html");
-  j(b);
+function Z(S) {
+  const y = q(S), b = new DOMParser().parseFromString(y, "text/html");
+  v(b);
   const h = w.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 $, F, x, D;
+        var $, F, D, N;
         const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[g];
         if (f)
           switch (n) {
@@ -41,7 +40,7 @@ function rt(S) {
               }
               const i = (F = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : F.ATTR;
               if (i && e.setAttribute("alt", `{{${i}_${o}}}`), a) {
-                const s = (x = h.itemLink) == null ? void 0 : x[g];
+                const s = (D = h.itemLink) == null ? void 0 : D[g];
                 if (s) {
                   const _ = s.HREF, R = s.DEFAULT_HREF || "#!", u = a.href;
                   (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(R) || u === `${window.location.href}${R}` || !u || u === window.location.href) && (a.href = `{{${_}_${o}}}`);
@@ -61,18 +60,18 @@ function rt(S) {
             }
             case "price":
             case "originalPrice": {
-              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute(N.POSITION) || "before";
+              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute(x.POSITION) || "before";
               let _;
               i ? _ = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = c ? e.PRICE_FORMATTED : e.PRICE;
               const R = e.CURRENCY;
               let u = `{{${_}_${o}}}`;
-              const H = (t.getAttribute(N.SYMBOL) || "").trim(), G = Y(H);
+              const H = (t.getAttribute(x.SYMBOL) || "").trim(), G = Y(H);
               let C = "";
               G ? C = H : R && (C = `{{${R}_${o}}}`), C && (u = s === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = P(t, u);
               break;
             }
             case "quantity": {
-              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (D = t.textContent) == null ? void 0 : D.trim();
+              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (N = t.textContent) == null ? void 0 : N.trim();
               c && l.includes(c) && (t.innerHTML = P(t, `{{${a}_${o}}}`));
               break;
             }
@@ -140,12 +139,12 @@ function rt(S) {
     const E = w.PAIRS_FOR_EXTENSION.price[d].PRICE, m = w.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, q(T)];
     let g = "", o = 0, f = 0, $ = A.indexOf(r);
     for (; $ !== -1; ) {
-      const F = p[f] === !0 && !Q(A, $, t);
+      const F = p[f] === !0 && !B(A, $, t);
       g += A.slice(o, $) + (F ? `${T}${r}{% endif %}` : r), o = $ + r.length, f += 1, $ = A.indexOf(r, o);
     }
     A = g + A.slice(o);
-  }), B(A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}"));
+  }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  rt as pairProductVariables
+  Z as pairProductVariables
 };

package/dist/utils/timeUtil.js

@@ -1,19 +1,8 @@
-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 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()}`
+});
 export {
-  c as formatLocalTime
+  o as autoSaveTimestamp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.0-beta.1bd7edd",
+  "version": "3.21.0-beta.c433290",
   "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/@types/display-condition.js

@@ -1,25 +0,0 @@
-import { object as e, optional as a, string as o, nullish as i, number as t, picklist as n, array as c } from "../node_modules/valibot/dist/index.js";
-const s = n(["liquid", "pongo"]), d = n(["codeOnly", "logicBuilder"]), r = e({
-  id: t(),
-  name: o(),
-  description: i(o(), ""),
-  syntax: s,
-  method: d,
-  codeBefore: o(),
-  codeAfter: i(o(), ""),
-  createdAt: a(o())
-}), p = e({
-  data: c(r),
-  meta: e({
-    totalCount: t(),
-    perPage: t(),
-    currentPage: t(),
-    lastPage: t()
-  })
-});
-export {
-  p as DisplayConditionListResponseSchema,
-  d as DisplayConditionMethodSchema,
-  s as DisplayConditionSyntaxSchema,
-  r as SavedDisplayConditionSchema
-};