@useinsider/guido 2.0.0-beta.a716078 → 2.0.0-beta.abf145c

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

@@ -1,36 +1,19 @@
-import { defineComponent as H, ref as m, computed as _ } from "vue";
-import { useConfig as h } from "../../../composables/useConfig.js";
-import { useExport as V } from "../../../composables/useExport.js";
-import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
-import { useSave as E } from "../../../composables/useSave.js";
-import { useTranslations as T } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as C } from "../../../stores/editor.js";
-import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as A } from "@useinsider/design-system-vue";
-const J = /* @__PURE__ */ H({
+import { defineComponent as i, ref as s } from "vue";
+import { useEditorStore as m } from "../../../stores/editor.js";
+import f from "./EditorActions.vue.js";
+import a from "./version-history/RestoreButton.vue.js";
+const l = /* @__PURE__ */ i({
   __name: "RightSlot",
-  setup(k, { expose: c }) {
-    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
-      if (o.isVersionHistoryOpen) {
-        a();
-        return;
+  setup(p, { expose: e }) {
+    const r = m(), o = s(null);
+    return e({
+      handleSave: (n) => {
+        var t;
+        return (t = o.value) == null ? void 0 : t.handleSave(n);
       }
-      i();
-    }, d = async () => {
-      e.value = !0, await r(), e.value = !1;
-    }, y = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
-      s.value = !0, o.loadingStatus = !0;
-      const g = await n(p);
-      return s.value = !1, p && (o.loadingStatus = !1), g;
-    };
-    return c({
-      handleSave: l
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
+    }), { __sfc: !0, editorStore: r, editorActionsRef: o, EditorActions: f, RestoreButton: a };
   }
 });
 export {
-  J as default
+  l as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,25 +1,25 @@
 import { defineComponent as v, ref as D, computed as o } from "vue";
-import h from "../../wrappers/WpModal.vue.js";
-import { useConfig as y } from "../../../composables/useConfig.js";
-import { useTranslations as _ } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINK as c } from "../../../enums/onboarding.js";
-import C from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as L } from "../../../stores/onboarding.js";
-import { isAfterDate as w, formatShortDate as N } from "../../../utils/dateUtil.js";
-const E = /* @__PURE__ */ v({
+import _ from "../../wrappers/WpModal.vue.js";
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { useTranslations as y } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
+import L from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as C } from "../../../stores/onboarding.js";
+import { isAfterDate as w, formatShortDate as A } from "../../../utils/dateUtil.js";
+const V = /* @__PURE__ */ v({
   __name: "NewVersionPopup",
   emits: ["onboarding-finished"],
-  setup(S, { emit: a }) {
-    const e = _(), t = L(), s = D(!0), { config: p } = y(), i = o(() => {
+  setup(I, { emit: a }) {
+    const e = y(), t = C(), s = D(!0), { config: p } = h(), i = o(() => {
       var l, m;
       return (m = (l = p.value) == null ? void 0 : l.editor) == null ? void 0 : m.migrationDate;
-    }), n = o(() => w(i.value || 0)), d = o(() => N(
+    }), n = o(() => w(i.value || 0)), d = o(() => A(
       i.value || 0
     )), f = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), g = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
       sunsetDate: d.value,
-      academyLink: c
+      academyLink: c.EMAIL_EDITOR
     }) : e("email-editor.onboarding-description", {
-      academyLink: c
+      academyLink: c.EMAIL_EDITOR
     })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), b = o(() => ({
       primaryButton: {
         type: "primary",
@@ -38,9 +38,9 @@ const E = /* @__PURE__ */ v({
       t.onRemindMeLater(), r();
     }, handleClose: () => {
       t.onNewVersionPopupClose(), r();
-    }, WpModal: h, onboardingImageSvg: C };
+    }, WpModal: _, onboardingImageSvg: L };
   }
 });
 export {
-  E as default
+  V as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -10,7 +10,7 @@ var i = function() {
   r,
   !1,
   null,
-  "bb3bb07c"
+  "43c617a7"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -1,18 +1,19 @@
-import { defineComponent as v, ref as b, computed as m, watch as _ } from "vue";
-import B from "../../wrappers/WpDrawer.vue.js";
+import { defineComponent as h, ref as b, computed as g, watch as _ } from "vue";
+import v from "../../wrappers/WpDrawer.vue.js";
 import { useToaster as U } from "../../../composables/useToaster.js";
-import { useTranslations as w } from "../../../composables/useTranslations.js";
-import { ToasterTypeOptions as N } from "../../../enums/toaster.js";
-import { PAGE_TYPES as l, ACADEMY_LINK as D, getTypeTranslations as P, UNSUBSCRIBE_PAGES_LINK as R } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as I } from "../../../stores/unsubscribe.js";
+import { useTranslations as N } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as w } from "../../../enums/academy.js";
+import { ToasterTypeOptions as R } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, getTypeTranslations as D, UNSUBSCRIBE_PAGES_LINK as I } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as P } from "../../../stores/unsubscribe.js";
 import { InSegments as G } from "@useinsider/design-system-vue";
-const K = /* @__PURE__ */ v({
+const V = /* @__PURE__ */ h({
   __name: "UnsubscribeTypeSelection",
-  setup(x) {
-    const e = w(), { showToaster: f } = U(), t = I(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+  setup(L) {
+    const e = N(), { showToaster: f } = U(), t = P(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
       "unsubscription-preference.select-unsubscribe-page-description",
-      { action: `<a href="${D}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
-    ), T = m(() => [
+      { action: `<a href="${w.GLOBAL_UNSUBSCRIBE}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
+    ), T = g(() => [
       {
         description: e("unsubscription-preference.type-global-unsubscribe-description"),
         icon: "line-contact-global-unsub-page",
@@ -30,7 +31,7 @@ const K = /* @__PURE__ */ v({
         disable: t.isSubscriptionPreferencesCenterDisabled,
         tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
       }
-    ]), y = m(() => ({
+    ]), y = g(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -56,13 +57,13 @@ const K = /* @__PURE__ */ v({
       }, 500);
     }, E = (s) => {
       o.value = s;
-    }, g = () => {
+    }, m = () => {
       const s = t.hasTemplatesByCollectionType, r = [];
       if (Object.entries(s).forEach(([c, p]) => {
         p || r.push(Number(c));
       }), r.length === 0)
         return !0;
-      const h = P(), a = r.map((c) => h[c]);
+      const B = D(), a = r.map((c) => B[c]);
       let u = "";
       if (r.length === 1)
         u = e("unsubscription-preference.create-page-to-continue", {
@@ -81,17 +82,17 @@ const K = /* @__PURE__ */ v({
         });
       }
       return f({
-        type: N.Warning,
+        type: R.Warning,
         message: u,
         actionButton: {
           text: "Go to Unsubscribe Pages",
           onClick: () => {
-            window.location.href = R;
+            window.location.href = I;
           }
         }
       }), !1;
     }, C = async () => {
-      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
+      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !m()) {
         n.value = !1, d();
         return;
       }
@@ -99,9 +100,9 @@ const K = /* @__PURE__ */ v({
     };
     return _(() => t.typeSelectionDrawerStatus, (s) => {
       s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
-    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: B, InSegments: G };
+    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: m, selectCollection: C, WpDrawer: v, InSegments: G };
   }
 });
 export {
-  K as default
+  V as default
 };

package/dist/composables/useConfig.js

@@ -1,26 +1,27 @@
-import { useConfigStore as F } from "../stores/config.js";
-import { storeToRefs as I } from "pinia";
-const k = () => {
-  const e = F(), {
+import { useConfigStore as I } from "../stores/config.js";
+import { storeToRefs as T } from "pinia";
+const w = () => {
+  const e = I(), {
     config: t,
     initialized: o,
     identity: r,
     partner: i,
-    template: n,
-    editor: a,
+    template: a,
+    editor: n,
     ui: s,
-    features: u,
-    blocks: d,
-    compiler: p,
-    templateId: c,
+    features: c,
+    blocks: u,
+    compiler: d,
+    callbacks: l,
+    templateId: p,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: l,
-    messageType: b,
-    username: C,
-    showHeader: y
-  } = I(e);
+    productType: b,
+    messageType: C,
+    username: y,
+    showHeader: E
+  } = T(e);
   return {
     // State refs
     config: t,
@@ -28,26 +29,27 @@ const k = () => {
     // Section refs
     identity: r,
     partner: i,
-    template: n,
-    editor: a,
+    template: a,
+    editor: n,
     ui: s,
-    features: u,
-    blocks: d,
-    compiler: p,
+    features: c,
+    blocks: u,
+    compiler: d,
+    callbacks: l,
     // Convenience refs
-    templateId: c,
+    templateId: p,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: l,
-    messageType: b,
-    username: C,
-    showHeader: y,
+    productType: b,
+    messageType: C,
+    username: y,
+    showHeader: E,
     // Methods
     getConfig: () => t.value,
-    isFeatureEnabled: (E) => e.isFeatureEnabled(E)
+    isFeatureEnabled: (F) => e.isFeatureEnabled(F)
   };
 };
 export {
-  k as useConfig
+  w as useConfig
 };

package/dist/composables/useSave.js

@@ -1,15 +1,17 @@
-import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
-import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
-import { useHtmlValidator as l } from "./useHtmlValidator.js";
-const f = () => {
-  const e = i(), a = m(), { validateHtml: s } = l();
-  return { save: async (o = !1) => {
-    e();
-    const { prepareTemplateDetails: r } = n(), t = await r();
-    if (await s(t.compiledHtml, t.dynamicContentList, !0))
-      return o || a(t), t;
+import { useConfig as l } from "./useConfig.js";
+import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
+import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
+import { useHtmlValidator as p } from "./useHtmlValidator.js";
+const w = () => {
+  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
+  return { save: async (r = !1) => {
+    var e;
+    i();
+    const { prepareTemplateDetails: n } = d(), t = await n();
+    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
+      return r || s(t), t;
   } };
 };
 export {
-  f as useSave
+  w as useSave
 };

package/dist/enums/academy.js

@@ -0,0 +1,8 @@
+const e = "https://academy.insiderone.com/", o = {
+  EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
+  GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
+  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`
+};
+export {
+  o as ACADEMY_LINKS
+};

package/dist/enums/onboarding.js

@@ -2,9 +2,8 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper", a = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
 export {
-  a as ACADEMY_LINK,
   n as CARD_COMPOSITION_TAB_SELECTOR,
   o as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,

package/dist/enums/unsubscribe.js

@@ -1,26 +1,26 @@
-import { useTranslations as n } from "../composables/useTranslations.js";
+import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const N = {
+const I = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, r = {
   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
-}, s = R(), i = {
+}, s = R(), _ = {
   UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, _ = "iid", B = {
+}, i = "iid", B = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, t = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", 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
-}, c = {
+}, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -31,29 +31,28 @@ const N = {
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
 }, U = () => {
-  const e = n();
+  const n = e();
   return {
-    [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")
+    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, c = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  t as ACADEMY_LINK,
   B as DEFAULT_UNSUBSCRIBE_GROUP,
-  _ as INSIDER_ID,
-  I as LINK_REGEXES,
-  N as LINK_TYPES,
-  o as MERGE_TAGS,
+  i as INSIDER_ID,
+  r as LINK_REGEXES,
+  I as LINK_TYPES,
+  c as MERGE_TAGS,
   E as PAGE_TYPES,
-  c as TYPE_COLLECTIONS,
+  t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  i as URLS,
+  _ as URLS,
   U as getTypeTranslations
 };

package/dist/extensions/Blocks/Unsubscribe/extension.js

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
-import { SettingsPanel as s } from "./settingsPanel.js";
+import { PreviewUIElement as s } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
+import { SettingsPanel as r } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
-const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
+const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe Block",
-    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
+    "Unsubscribe Block": "Unsubscribe",
+    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
+}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
 export {
-  f as default
+  g as default
 };

package/dist/extensions/Blocks/common-control.js

@@ -1,12 +1,12 @@
 var c = Object.defineProperty;
 var I = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
+var u = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
 import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class _ extends O {
   constructor() {
     super(...arguments);
-    l(this, "currentNode");
-    l(this, "lastBlockInstanceId", null);
+    u(this, "currentNode");
+    u(this, "lastBlockInstanceId", null);
   }
   getContainer() {
     var e;
@@ -52,10 +52,9 @@ class _ extends O {
     const T = o !== this.lastBlockInstanceId;
     return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -170,9 +169,9 @@ class _ extends O {
   _GuOrderable(e, n) {
     let E = "";
     n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
+                <${t.ORDERABLE_ITEM} ${l}="${T.key}">
                     ${T.content}
                 </${t.ORDERABLE_ITEM}>
             `;

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.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}.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}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-2f1f7b92]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-2f1f7b92]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-2f1f7b92]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-eb2f9f20] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-aa6fa221] .in-button-v2__wrapper{line-height:0}[data-v-913a3417] .in-progress-wrapper__progress p span:last-child{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-wrapper[data-v-52a77eec]{gap:8px}.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}.header-wrapper[data-v-5df46e7a]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{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-a00b5f5f]{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-e59b43cb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-e59b43cb]{min-height:504px}.iframe-wrapper[data-v-f413124b]{width:258px}.iframe-scaled[data-v-f413124b]{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-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

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

@@ -7,8 +7,8 @@
  * - Default values for optional configuration
  * - Validation utilities
  */
-export { MessageType, ProductType, GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, DynamicContentSchema, EmailHeaderSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, CompilerRuleSchema, CompilerRuleTypeSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, } from './schemas';
-export type { GuidoConfig, GuidoConfigInput, IdentityConfig, IdentityConfigInput, PartnerConfig, PartnerConfigInput, TemplateConfig, TemplateConfigInput, EditorConfig, EditorConfigInput, UIConfig, UIConfigInput, FeaturesConfig, FeaturesConfigInput, BlocksConfig, BlocksConfigInput, CompilerConfig, CompilerConfigInput, EmailHeader, DynamicContent, DefaultBlockType, CustomBlockType, BlockType, FeatureName, CompilerRule, ReplaceRule, RegexRule, RemoveRule, CustomRule, DeepPartial, ConfigOverrides, } from './types';
+export { MessageType, ProductType, GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, CompilerRuleSchema, CompilerRuleTypeSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, } from './schemas';
+export type { GuidoConfig, GuidoConfigInput, IdentityConfig, IdentityConfigInput, PartnerConfig, PartnerConfigInput, TemplateConfig, TemplateConfigInput, EditorConfig, EditorConfigInput, UIConfig, UIConfigInput, FeaturesConfig, FeaturesConfigInput, BlocksConfig, BlocksConfigInput, CompilerConfig, CompilerConfigInput, CallbacksConfig, CallbacksConfigInput, ExternalValidationHandler, EmailHeader, DynamicContent, DefaultBlockType, CustomBlockType, BlockType, FeatureName, CompilerRule, ReplaceRule, RegexRule, RemoveRule, CustomRule, DeepPartial, ConfigOverrides, } from './types';
 export { DEFAULT_EMAIL_HEADER, DEFAULT_TEMPLATE, DEFAULT_EDITOR, DEFAULT_UI, DEFAULT_FEATURES, DEFAULT_BLOCKS, DEFAULT_COMPILER, DEFAULT_PRODUCT_TYPE, DEFAULT_MESSAGE_TYPE, DEFAULT_USERNAME, EDITOR_TYPE, TEST_PARTNERS, isTestPartner, } from './defaults';
 export { validateConfig, parseConfig, parseConfigSafe, getValidationErrors, isValidConfig, validateIdentity, validatePartner, } from './validator';
 export type { ValidationResult, ValidationError, } from './validator';

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

@@ -5,7 +5,14 @@
  * All types are inferred from these schemas to ensure single source of truth.
  * @module @types/config/schemas
  */
+import type { SavedTemplateDetails } from '../stripo';
 import * as v from 'valibot';
+/**
+ * Handler function for external validation before save
+ * @param data - The template details to validate
+ * @returns Promise<boolean> - true if valid, false to cancel save
+ */
+export type ExternalValidationHandler = (data: SavedTemplateDetails) => Promise<boolean>;
 /**
  * Message type constants for email templates
  */
@@ -346,6 +353,16 @@ export declare const CompilerSchema: v.ObjectSchema<{
     /** Skip default compiler rules */
     readonly ignoreDefaultRules: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
+/**
+ * Callbacks configuration - event handlers and hooks
+ */
+export declare const CallbacksSchema: v.ObjectSchema<{
+    /**
+     * External validation handler called before save completes.
+     * Return false to cancel the save operation.
+     */
+    readonly externalValidation: v.OptionalSchema<v.CustomSchema<ExternalValidationHandler, v.ErrorMessage<v.CustomIssue> | undefined>, undefined>;
+}, undefined>;
 /**
  * Complete Guido configuration schema
  *
@@ -358,6 +375,7 @@ export declare const CompilerSchema: v.ObjectSchema<{
  * - features: Feature toggles
  * - blocks: Block configuration
  * - compiler: HTML compilation
+ * - callbacks: Event handlers and hooks
  */
 export declare const GuidoConfigSchema: v.ObjectSchema<{
     /** Identity configuration (required) */
@@ -510,4 +528,12 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Skip default compiler rules */
         readonly ignoreDefaultRules: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
+    /** Callbacks and event handlers */
+    readonly callbacks: v.OptionalSchema<v.ObjectSchema<{
+        /**
+         * External validation handler called before save completes.
+         * Return false to cancel the save operation.
+         */
+        readonly externalValidation: v.OptionalSchema<v.CustomSchema<ExternalValidationHandler, v.ErrorMessage<v.CustomIssue> | undefined>, undefined>;
+    }, undefined>, {}>;
 }, undefined>;

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

@@ -5,7 +5,7 @@
  * This ensures type definitions are always in sync with validation.
  * @module @types/config/types
  */
-import type { GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema } from './schemas';
+import type { GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, ExternalValidationHandler } from './schemas';
 import type * as v from 'valibot';
 /**
  * Complete validated Guido configuration.
@@ -41,6 +41,10 @@ export type FeaturesConfig = v.InferOutput<typeof FeaturesSchema>;
 export type BlocksConfig = v.InferOutput<typeof BlocksSchema>;
 /** Compiler configuration (custom rules, ignore defaults) */
 export type CompilerConfig = v.InferOutput<typeof CompilerSchema>;
+/** Callbacks configuration (event handlers and hooks) */
+export type CallbacksConfig = v.InferOutput<typeof CallbacksSchema>;
+/** Re-export ExternalValidationHandler for convenience */
+export type { ExternalValidationHandler };
 /** Email header configuration (senderName, subject) */
 export type EmailHeader = v.InferOutput<typeof EmailHeaderSchema>;
 /** Dynamic content item */
@@ -85,6 +89,8 @@ export type FeaturesConfigInput = v.InferInput<typeof FeaturesSchema>;
 export type BlocksConfigInput = v.InferInput<typeof BlocksSchema>;
 /** Input type for compiler configuration */
 export type CompilerConfigInput = v.InferInput<typeof CompilerSchema>;
+/** Input type for callbacks configuration */
+export type CallbacksConfigInput = v.InferInput<typeof CallbacksSchema>;
 /** Default Stripo block types */
 export type DefaultBlockType = v.InferOutput<typeof DefaultBlockTypeSchema>;
 /** Custom Guido block types */

package/dist/src/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.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;

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

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo").SavedTemplateDetails | undefined>;
+}, {}, {}, {}, 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/EditorToolbar.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;

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

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo").SavedTemplateDetails | undefined>;
+    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo.js").SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;