@useinsider/guido 1.4.4-beta.42313ae → 1.4.4-beta.8b3f647

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

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as m, computed as _ } from "vue";
+import { defineComponent as H, ref as c, 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";
@@ -10,25 +10,25 @@ import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
 import { InButtonV2 as A } from "@useinsider/design-system-vue";
 const J = /* @__PURE__ */ H({
   __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 = () => {
+  setup(k, { expose: u }) {
+    const { config: f } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = c(!1), s = c(!1), v = x(), d = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, d = async () => {
+    }, y = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, y = () => {
+    }, S = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+    }, g = _(() => 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;
+      const m = await n(p);
+      return s.value = !1, (p || !m) && (o.loadingStatus = !1), m;
     };
-    return c({
+    return u({
       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, config: f, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: v, handleVersionHistory: d, handleExport: y, handleSaveAs: S, versionHistoryTooltipText: g, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {

package/dist/composables/useSave.js

@@ -1,15 +1,16 @@
-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) => {
+import { useConfig as n } from "./useConfig.js";
+import { useSaveStart as l, useSaveComplete as m } from "./useGuidoActions.js";
+import { useTemplatePreparation as c } from "../utils/templatePreparation.js";
+import { useHtmlValidator as p } from "./useHtmlValidator.js";
+const C = () => {
+  const e = l(), i = m(), { validateHtml: o } = p(), { config: a } = n();
+  return { save: async (r = !1) => {
     e();
-    const { prepareTemplateDetails: r } = n(), t = await r();
-    if (await s(t.compiledHtml, t.dynamicContentList, !0))
-      return o || a(t), t;
+    const { prepareTemplateDetails: s } = c(), t = await s();
+    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !(a.externalValidation && !await a.externalValidation(t)))
+      return r || i(t), t;
   } };
 };
 export {
-  f as useSave
+  C as useSave
 };

package/dist/enums/defaults.js

@@ -23,11 +23,11 @@ const e = {
 }, t = {
   promotional: 1,
   transactional: 2
-}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = 13, u = {
+}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = {
   email: 60,
   architect: 49,
   unsubscribePages: 97
-}, r = [
+}, u = [
   "alfredtesting",
   "electio",
   "eurekatest",
@@ -65,8 +65,7 @@ export {
   a as DefaultProductType,
   o as DefaultUsername,
   n as EditorType,
-  i as MAX_DEFAULT_TEMPLATE_ID,
-  u as ProductIds,
-  r as TEST_PARTNER_LIST,
+  i as ProductIds,
+  u as TEST_PARTNER_LIST,
   t as TemplateTypes
 };

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/services/stripoApi.js

@@ -1,8 +1,7 @@
-import { useHttp as m } from "../composables/useHttp.js";
-import { useToaster as u } from "../composables/useToaster.js";
-import { MAX_DEFAULT_TEMPLATE_ID as i } from "../enums/defaults.js";
-const y = () => {
-  const { get: r } = m(), { handleError: o } = u();
+import { useHttp as a } from "../composables/useHttp.js";
+import { useToaster as s } from "../composables/useToaster.js";
+const m = () => {
+  const { get: r } = a(), { handleError: o } = s();
   return {
     getToken: async () => {
       try {
@@ -30,13 +29,15 @@ const y = () => {
         forceRecreate: !0
       };
       try {
-        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= i ? s : 0, { data: n } = await r(
-          `/stripo/default-template/${l}`
-        ), a = typeof n == "string" ? JSON.parse(n) : n;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : {
-          ...a,
-          forceRecreate: !0
-        };
+        const { data: e } = await r("/stripo/default-template/0");
+        try {
+          return {
+            ...JSON.parse(e),
+            forceRecreate: !0
+          };
+        } catch {
+          return t;
+        }
       } catch (e) {
         return o(e, "Failed to fetch default template"), t;
       }
@@ -44,5 +45,5 @@ const y = () => {
   };
 };
 export {
-  y as useStripoApi
+  m as useStripoApi
 };

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

@@ -1,4 +1,5 @@
 import type { CompilerRule } from './html-compiler';
+import type { SavedTemplateDetails } from './stripo';
 type Extensions = {
     unsubscribe?: boolean;
 };
@@ -20,6 +21,7 @@ type BlocksConfig = {
     excludeDefaults?: GuidoBlockType[];
     includeCustoms?: GuidoCustomBlockType[];
 };
+export type ExternalValidationHandler = (data: SavedTemplateDetails) => Promise<boolean>;
 export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
@@ -32,6 +34,7 @@ export type GuidoConfig = {
     features?: Features;
     blocks?: BlocksConfig;
     backButtonLabel?: string;
+    externalValidation?: ExternalValidationHandler;
 };
 export type TemplateConfig = {
     preselectedDynamicContentList?: DynamicContent[];

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

@@ -8,6 +8,5 @@ export declare const DefaultProductType = "email";
 export declare const DefaultUsername = "Guido User";
 export declare const DefaultMessageType: number;
 export declare const EditorType: number;
-export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
 export declare const ProductIds: Record<string, number>;
 export declare const TEST_PARTNER_LIST: string[];

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

@@ -85,6 +85,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfi
                 includeCustoms?: import("@@/Types/generic").GuidoCustomBlockType[] | undefined;
             } | undefined;
             backButtonLabel?: string | undefined;
+            externalValidation?: import("@@/Types/generic").ExternalValidationHandler | undefined;
         };
         templateConfig?: {
             preselectedDynamicContentList?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.4.4-beta.42313ae",
+  "version": "1.4.4-beta.8b3f647",
   "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",