@useinsider/guido 3.2.0-beta.bbb580a → 3.2.0-beta.c08c480

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

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

@@ -0,0 +1,19 @@
+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/components/organisms/header/RightSlot.vue.js

@@ -1,11 +1,11 @@
-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.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-3", 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,
+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,
   a,
   !1,
   null,

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

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

package/dist/composables/useAutoSave.js

@@ -0,0 +1,72 @@
+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 f, watch as E, onUnmounted as y } from "vue";
+const A = 18e4, c = 6e4, k = (l) => {
+  const { isFeatureEnabled: b } = m(), s = S(), t = p();
+  let a = null, u = 0;
+  const n = f(
+    () => 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 {
+      if (await l() === void 0) {
+        console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = "error";
+        return;
+      }
+      s.hasChanges = !1, t.status = "saved", t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
+    } catch (o) {
+      console.debug("guido:autosave:error", { trigger: e, error: o }), t.status = "error";
+    }
+  }, i = () => {
+    const { visibilityState: e } = document;
+    if (console.debug("guido:autosave:visibility-change", {
+      visibilityState: e,
+      isActive: n.value
+    }), e !== "hidden")
+      return;
+    const o = Date.now() - u;
+    if (o < c) {
+      console.debug("guido:autosave:visibility-debounced", {
+        sinceLastMs: o,
+        debounceMs: c
+      });
+      return;
+    }
+    u = Date.now(), r("visibility");
+  }, d = () => {
+    a && (clearInterval(a), a = null);
+  }, v = () => {
+    document.removeEventListener("visibilitychange", i), window.removeEventListener("pagehide", i);
+  };
+  E(
+    n,
+    (e) => {
+      console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), a = setInterval(() => {
+        console.debug("guido:autosave:interval-tick"), r("interval");
+      }, A), document.addEventListener("visibilitychange", i), window.addEventListener("pagehide", i)) : (d(), v(), t.status = "idle");
+    },
+    { immediate: !0 }
+  ), y(() => {
+    d(), v(), t.$reset();
+  });
+};
+export {
+  k as useAutoSave
+};

package/dist/composables/useSave.js

@@ -1,17 +1,17 @@
-import { useActionsApi as S } from "./useActionsApi.js";
-import { useConfig as V } from "./useConfig.js";
-import { useSaveStart as x, useSaveComplete as y } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as w } from "./useSyncModuleExtractor.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
-import { useHtmlValidator as H } from "./useHtmlValidator.js";
-import { useLiquidValidator as L } from "./validators/useLiquidValidator.js";
-const F = () => {
-  const o = x(), s = y(), { validateHtml: r } = H(), { validateLiquidSyntax: n } = L(), { callbacks: a, isFeatureEnabled: l } = V(), { extractSyncModuleData: d } = w(), { setSyncModuleUnsubscriptionPages: u } = b(), { editorSave: c } = S();
-  return { save: async (m = !1) => {
+import { useActionsApi as V } from "./useActionsApi.js";
+import { useConfig as x } from "./useConfig.js";
+import { useSaveStart as y, useSaveComplete as w } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as b } from "./useSyncModuleExtractor.js";
+import { useStripoApi as q } from "../services/stripoApi.js";
+import { useTemplatePreparation as H } from "../utils/templatePreparation.js";
+import { useHtmlValidator as L } from "./useHtmlValidator.js";
+import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
+const U = () => {
+  const o = y(), s = w(), { validateHtml: r } = L(), { validateLiquidSyntax: n } = P(), { callbacks: a, isFeatureEnabled: l } = x(), { extractSyncModuleData: d } = b(), { setSyncModuleUnsubscriptionPages: u } = q(), { editorSave: c } = V();
+  return { save: async (m = !1, p = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: p } = q(), t = await p();
+    const { prepareTemplateDetails: f } = H(), t = await f();
     if (l("liquidSyntax")) {
       if (!await n(t.compiledHtml))
         return;
@@ -20,10 +20,10 @@ const F = () => {
     if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
       return;
     await c();
-    const { unsubscribePayload: f, stripoModules: v } = d(t.rawHtml);
-    return await u(f), t.modules = v, m || s(t), t;
+    const { unsubscribePayload: v, stripoModules: S } = d(t.rawHtml);
+    return await u(v), t.modules = S, m || s({ ...t, silent: p }), t;
   } };
 };
 export {
-  F as useSave
+  U as useSave
 };

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,44 @@
-import { usePartner as y } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
-import { parsePageList as I } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-const G = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as R, LINK_TYPES as _, INSIDER_ID as m, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as N } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as C } from "../../stores/config.js";
+import { useDynamicContentStore as L } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as P } from "../../stores/unsubscribe.js";
+import { ProductType as B } from "../../@types/config/schemas.js";
+import "../../@types/config/defaults.js";
+const F = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (t) => {
-      const { getPartnerName: i } = y(), o = N(), s = U(), d = C(), a = o.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
-      let c = !1, l = !1;
-      return E.forEach((f) => {
-        var b;
-        const u = f.getAttribute("data-unsubscribe-page-list");
+    processor: (s) => {
+      const { getPartnerName: i } = U(), n = C(), t = L(), E = P(), c = n.variationId;
+      if (!c)
+        return s;
+      const r = R[n.productType] ?? R[B.EMAIL];
+      let e = s;
+      const d = `/${i()}/${r}/${c}?user={{iid}}`, f = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      let a = !1, l = !1;
+      return f.forEach((g) => {
+        var S;
+        const u = g.getAttribute("data-unsubscribe-page-list");
         if (!u)
           return;
-        const _ = I(u), g = ((b = d.templates) == null ? void 0 : b.filter(
-          (n) => _.includes(n.id)
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
+          (o) => I.includes(o.id)
         )) ?? [];
-        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
-      }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
+        a = a || b.some((o) => o.type === _.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === _.PREFERENCES_LINK_TYPE);
+      }), (a || l) && (t.selectedDynamicContentList.some((u) => u.value === m) || t.selectedDynamicContentList.push({
         text: m,
         value: m,
         fallback: ""
-      })), c && (e = e.replace(
+      })), a && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        R.UNSUBSCRIBE_URL + r
+        y.UNSUBSCRIBE_URL + d
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        R.PREFERENCES_URL + r
-      )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
+        y.PREFERENCES_URL + d
+      )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -52,25 +55,25 @@ const G = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (s) => s.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (t) => {
-      let i = t;
-      const o = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return o && o.forEach((s) => {
-        if (s.includes("insEmail=1"))
+    processor: (s) => {
+      let i = s;
+      const n = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return n && n.forEach((t) => {
+        if (t.includes("insEmail=1"))
           return;
-        if (s.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = s.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
-            const r = e.slice(6, e.length - 1).trim();
-            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
+        if (t.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const c = t.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
+            const e = r.slice(6, r.length - 1).trim();
+            return r.includes("?") || r.includes("#") ? e.slice(-1) === "&" ? r.replace(e, `${e}insEmail=1`) : r.replace(e, `${e}&insEmail=1`) : r.replace(e, `${e}?insEmail=1`);
           });
-          i = i.replace(s, a);
+          i = i.replace(t, c);
         }
       }), i;
     },
@@ -78,5 +81,5 @@ const G = [
   }
 ];
 export {
-  G as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };

package/dist/enums/date.js

@@ -1,6 +1,6 @@
-const t = "en-US", L = "default", T = "UTC";
+const t = "tr-TR", T = "default", L = "UTC";
 export {
-  L as DEFAULT,
+  T as DEFAULT,
   t as DEFAULT_LOCALE,
-  T as DEFAULT_TZ
+  L as DEFAULT_TZ
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,8 +1,8 @@
-const i = {
+const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, u = {
+}, i = {
   CLIENT_ID: "clientId"
-}, l = [
+}, u = [
   { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
   { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
   { id: 13, key: "userBased", name: "User Based", path: "user-based" },
@@ -13,72 +13,71 @@ const i = {
   { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
   { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
   { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], c = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], d = [
+], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], p = [
+], d = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], m = [
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], a = "||", e = [
+], e = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
-], o = [
+  { text: "any of", value: "||" }
+], a = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
+  { text: "any of", value: "||" }
 ], r = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], n = [
+], o = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], s = [
+], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], v = (t) => {
+], m = (t) => {
   if (!t)
     return e;
   switch (t) {
     case "Boolean":
-      return s;
-    case "Date":
       return n;
+    case "Date":
+      return o;
     case "Number":
       return r;
     case "String":
       return e;
     case "Strings":
-      return o;
+      return a;
     default:
       return e;
   }
 };
 export {
-  a as OP_ANY_OF,
-  c as PriceAttributes,
-  u as QUERY_PARAMS,
-  l as RecommendationFeedSourceMaps,
-  i as URLS,
-  m as currencyDecimalCounts,
-  d as currencyLocationMaps,
-  p as currencyOperators,
-  v as getOperatorOptions,
-  o as operatorOptionsForArrayOfStrings,
-  s as operatorOptionsForBooleans,
-  n as operatorOptionsForDates,
+  l as PriceAttributes,
+  i as QUERY_PARAMS,
+  u as RecommendationFeedSourceMaps,
+  s as URLS,
+  p as currencyDecimalCounts,
+  c as currencyLocationMaps,
+  d as currencyOperators,
+  m as getOperatorOptions,
+  a as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForBooleans,
+  o as operatorOptionsForDates,
   r as operatorOptionsForNumbers,
   e as operatorOptionsForStrings
 };

package/dist/enums/unsubscribe.js

@@ -1,29 +1,35 @@
-import { useTranslations as e } from "../composables/useTranslations.js";
-import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const _ = {
+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 S } from "../utils/environmentUtil.js";
+const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, i = {
   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
-}, n = R(), r = {
+}, n = S(), C = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, B = "iid", i = {
+}, U = {
+  [s.EMAIL]: "email",
+  [s.ARCHITECT]: "journey",
+  [s.UNSUBSCRIBE_PAGES]: "email"
+}, t = "iid", o = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, C = "/email/unsubscribe-pages", E = {
+}, c = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, U = {
+}, u = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, t = {
+}, T = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -33,30 +39,31 @@ const _ = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, c = () => {
-  const s = e();
+}, b = () => {
+  const e = R();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
+    [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")
   };
-}, o = {
+}, P = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  i as DEFAULT_UNSUBSCRIBE_GROUP,
-  B as INSIDER_ID,
-  I as LINK_REGEXES,
-  _ as LINK_TYPES,
-  o as MERGE_TAGS,
+  o as DEFAULT_UNSUBSCRIBE_GROUP,
+  t as INSIDER_ID,
+  i as LINK_REGEXES,
+  B as LINK_TYPES,
+  P as MERGE_TAGS,
   E as PAGE_TYPES,
-  t as TYPE_COLLECTIONS,
-  C as UNSUBSCRIBE_PAGES_LINK,
-  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  r as URLS,
-  c as getTypeTranslations
+  U as PRODUCT_TYPE_URL_SEGMENTS,
+  T as TYPE_COLLECTIONS,
+  c as UNSUBSCRIBE_PAGES_LINK,
+  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  C as URLS,
+  b as getTypeTranslations
 };

package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js

@@ -1,9 +1,8 @@
-import { OP_ANY_OF as l } from "../../../../enums/extensions/recommendationBlock.js";
-function m(t) {
+function l(t) {
   if (t.length === 0)
     return "";
   const o = t.sort((r, e) => r.filterNumber - e.filterNumber), u = o.map((r) => {
-    const e = r.operator === l, a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join(l) : r.value;
+    const e = r.operator === "||", a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join("||") : r.value;
     return `[${r.attribute}][${a}][${c}]`;
   }), [s, ...p] = u;
   let n = s;
@@ -13,12 +12,12 @@ function m(t) {
   }
   return `(${n})`;
 }
-function y(t) {
+function G(t) {
   if (!t || t.length === 0)
     return "";
   const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), s = u.map((r) => {
     const e = o[r];
-    return m(e);
+    return l(e);
   }), [p, ...n] = s;
   let i = p;
   for (let r = 0; r < n.length; r++) {
@@ -28,5 +27,5 @@ function y(t) {
   return i.trim();
 }
 export {
-  y as generateCompleteFilterQuery
+  G as generateCompleteFilterQuery
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-73d5d4a4],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .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-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{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[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-25780af6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-25780af6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-25780af6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .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-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{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-4cbf0abd]{position:relative}.auto-save-toggle__info-box[data-v-4cbf0abd]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-fffc13d6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-fffc13d6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-fffc13d6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/@types/config/schemas.d.ts

@@ -178,6 +178,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable Liquid template syntax */
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
+    readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -501,6 +503,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable Liquid template syntax */
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
+        readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/components/Guido.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
-    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata"> | undefined> | undefined;
+    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

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

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