@useinsider/guido 1.0.0-beta.7f477db → 1.0.0-beta.80693fc

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js

@@ -0,0 +1,266 @@
+import { __exports as t } from "../../../../_virtual/index2.js";
+import { __require as J } from "./ui-elements/UIElement.js";
+import { __require as K } from "./controls/Control.js";
+import { __require as Q } from "./controls/SettingsPanelRegistry.js";
+import { __require as W } from "./blocks/ContextAction.js";
+import { __require as X } from "./blocks/BlockRenderer.js";
+import { __require as Y } from "./blocks/Block.js";
+import { __require as Z } from "./ExtensionBuilder.js";
+import { __require as $ } from "./Extension.js";
+import { __require as x } from "./ui-elements/UIElementTagRegistry.js";
+import { __require as ee } from "./modifications/ModificationDescription.js";
+import { __require as re } from "./controls/SettingsPanelTab.js";
+import { __require as te } from "./constants/UIElementType.js";
+import { __require as ne } from "./constants/BuiltInControlTypes.js";
+import { __require as oe } from "./constants/SettingsTab.js";
+import { __require as ie } from "./constants/UIElementsAttributes.js";
+import { __require as ue } from "./constants/BlockType.js";
+import { __require as le } from "./constants/ContextActionType.js";
+import { __require as ae } from "./constants/BlockCompositionType.js";
+import { __require as ce } from "./constants/BlockAttributes.js";
+import { __require as Ce } from "./constants/AiAssistantValueType.js";
+import { __require as me } from "./constants/AddCustomFont.js";
+import { __require as Be } from "./controls/BuiltInControl.js";
+import { __require as fe } from "./controls/FontFamilyBuiltInControl.js";
+import { __require as de } from "./controls/BackgroundColorBuiltInControl.js";
+import { __require as be } from "./controls/BlockPaddingsBuiltInControl.js";
+import { __require as _e } from "./controls/BackgroundImageBuiltInControl.js";
+import { __require as ge } from "./constants/EditorStatePropertyType.js";
+import { __require as Ie } from "./constants/PreviewDeviceMode.js";
+import { __require as ye } from "./controls/StructurePaddingsBuiltInControl.js";
+import { __require as Pe } from "./controls/TextColorBuiltInControl.js";
+import { __require as se } from "./controls/ButtonFontColorBuiltInControl.js";
+import { __require as Te } from "./controls/ButtonColorBuiltInControl.js";
+import { __require as qe } from "./controls/ButtonInternalIndentsBuiltInControl.js";
+import { __require as Oe } from "./controls/StructureBorderBuiltInControl.js";
+import { __require as je } from "./controls/TextSizeBuiltInControl.js";
+import { __require as Se } from "./controls/TextStyleBuiltInControl.js";
+import { __require as ve } from "./controls/LinkColorBuiltInControl.js";
+import { __require as ke } from "./controls/ButtonTextBuiltInControl.js";
+import { __require as pe } from "./controls/ButtonBorderBuiltInControl.js";
+import { __require as Ae } from "./controls/TextLineSpacingBuiltInControl.js";
+import { __require as Ee } from "./blocks/BlocksPanel.js";
+import { __require as Fe } from "./constants/PanelPosition.js";
+var n;
+function Tr() {
+  return n ? t : (n = 1, function(e) {
+    Object.defineProperty(e, "__esModule", { value: !0 }), e.ButtonTextBuiltInControl = e.LinkColorBuiltInControl = e.BackgroundImageBuiltInControl = e.BackgroundColorBuiltInControl = e.FontFamilyBuiltInControl = e.BuiltInControl = e.ADD_CUSTOM_FONT_OPTION = e.BlockAttr = e.AiAssistantValueType = e.BlockCompositionType = e.AmpFormControls = e.GeneralControls = e.GeneralStylesControls = e.MessageSettingsControls = e.ContainerControls = e.StructureControls = e.StripeControls = e.CarouselControls = e.AccordionControls = e.MenuControls = e.SocialControls = e.CustomTextControls = e.CustomImageControls = e.CustomLinkControls = e.HTMLControls = e.ImageControls = e.SpacerControls = e.TimerControls = e.VideoControls = e.TextControls = e.ButtonControls = e.BannerChildControls = e.BannerControls = e.BlockType = e.SettingsTab = e.BuiltInControlTypes = e.ContextActionType = e.UEAttr = e.UIElementType = e.ModificationDescription = e.Extension = e.ExtensionBuilder = e.SettingsPanelTab = e.Block = e.BlockRenderer = e.ContextAction = e.SettingsPanelRegistry = e.Control = e.UIElementTagRegistry = e.UIElement = void 0, e.TextLineSpacingBuiltInControl = e.ButtonBorderBuiltInControl = e.PanelPosition = e.BlocksPanel = e.StructureBorderBuiltInControl = e.TextStyleBuiltInControl = e.TextSizeBuiltInControl = e.PreviewDeviceMode = e.EditorStatePropertyType = e.ButtonColorBuiltInControl = e.ButtonFontColorBuiltInControl = e.TextColorBuiltInControl = e.ButtonInternalIndentsBuiltInControl = e.StructurePaddingsBuiltInControl = e.BlockPaddingsBuiltInControl = void 0;
+    var o = J();
+    Object.defineProperty(e, "UIElement", { enumerable: !0, get: function() {
+      return o.UIElement;
+    } });
+    var i = K();
+    Object.defineProperty(e, "Control", { enumerable: !0, get: function() {
+      return i.Control;
+    } });
+    var u = Q();
+    Object.defineProperty(e, "SettingsPanelRegistry", { enumerable: !0, get: function() {
+      return u.SettingsPanelRegistry;
+    } });
+    var l = W();
+    Object.defineProperty(e, "ContextAction", { enumerable: !0, get: function() {
+      return l.ContextAction;
+    } });
+    var a = X();
+    Object.defineProperty(e, "BlockRenderer", { enumerable: !0, get: function() {
+      return a.BlockRenderer;
+    } });
+    var c = Y();
+    Object.defineProperty(e, "Block", { enumerable: !0, get: function() {
+      return c.Block;
+    } });
+    var C = Z();
+    Object.defineProperty(e, "ExtensionBuilder", { enumerable: !0, get: function() {
+      return C.ExtensionBuilder;
+    } });
+    var m = $();
+    Object.defineProperty(e, "Extension", { enumerable: !0, get: function() {
+      return m.Extension;
+    } });
+    var B = x();
+    Object.defineProperty(e, "UIElementTagRegistry", { enumerable: !0, get: function() {
+      return B.UIElementTagRegistry;
+    } });
+    var f = ee();
+    Object.defineProperty(e, "ModificationDescription", { enumerable: !0, get: function() {
+      return f.ModificationDescription;
+    } });
+    var d = re();
+    Object.defineProperty(e, "SettingsPanelTab", { enumerable: !0, get: function() {
+      return d.SettingsPanelTab;
+    } });
+    var b = te();
+    Object.defineProperty(e, "UIElementType", { enumerable: !0, get: function() {
+      return b.UIElementType;
+    } });
+    var r = ne();
+    Object.defineProperty(e, "AccordionControls", { enumerable: !0, get: function() {
+      return r.AccordionControls;
+    } }), Object.defineProperty(e, "AmpFormControls", { enumerable: !0, get: function() {
+      return r.AmpFormControls;
+    } }), Object.defineProperty(e, "BannerChildControls", { enumerable: !0, get: function() {
+      return r.BannerChildControls;
+    } }), Object.defineProperty(e, "BannerControls", { enumerable: !0, get: function() {
+      return r.BannerControls;
+    } }), Object.defineProperty(e, "BuiltInControlTypes", { enumerable: !0, get: function() {
+      return r.BuiltInControlTypes;
+    } }), Object.defineProperty(e, "ButtonControls", { enumerable: !0, get: function() {
+      return r.ButtonControls;
+    } }), Object.defineProperty(e, "CarouselControls", { enumerable: !0, get: function() {
+      return r.CarouselControls;
+    } }), Object.defineProperty(e, "ContainerControls", { enumerable: !0, get: function() {
+      return r.ContainerControls;
+    } }), Object.defineProperty(e, "CustomImageControls", { enumerable: !0, get: function() {
+      return r.CustomImageControls;
+    } }), Object.defineProperty(e, "CustomLinkControls", { enumerable: !0, get: function() {
+      return r.CustomLinkControls;
+    } }), Object.defineProperty(e, "CustomTextControls", { enumerable: !0, get: function() {
+      return r.CustomTextControls;
+    } }), Object.defineProperty(e, "GeneralControls", { enumerable: !0, get: function() {
+      return r.GeneralControls;
+    } }), Object.defineProperty(e, "GeneralStylesControls", { enumerable: !0, get: function() {
+      return r.GeneralStylesControls;
+    } }), Object.defineProperty(e, "HTMLControls", { enumerable: !0, get: function() {
+      return r.HTMLControls;
+    } }), Object.defineProperty(e, "ImageControls", { enumerable: !0, get: function() {
+      return r.ImageControls;
+    } }), Object.defineProperty(e, "MenuControls", { enumerable: !0, get: function() {
+      return r.MenuControls;
+    } }), Object.defineProperty(e, "MessageSettingsControls", { enumerable: !0, get: function() {
+      return r.MessageSettingsControls;
+    } }), Object.defineProperty(e, "SocialControls", { enumerable: !0, get: function() {
+      return r.SocialControls;
+    } }), Object.defineProperty(e, "SpacerControls", { enumerable: !0, get: function() {
+      return r.SpacerControls;
+    } }), Object.defineProperty(e, "StripeControls", { enumerable: !0, get: function() {
+      return r.StripeControls;
+    } }), Object.defineProperty(e, "StructureControls", { enumerable: !0, get: function() {
+      return r.StructureControls;
+    } }), Object.defineProperty(e, "TextControls", { enumerable: !0, get: function() {
+      return r.TextControls;
+    } }), Object.defineProperty(e, "TimerControls", { enumerable: !0, get: function() {
+      return r.TimerControls;
+    } }), Object.defineProperty(e, "VideoControls", { enumerable: !0, get: function() {
+      return r.VideoControls;
+    } });
+    var _ = oe();
+    Object.defineProperty(e, "SettingsTab", { enumerable: !0, get: function() {
+      return _.SettingsTab;
+    } });
+    var g = ie();
+    Object.defineProperty(e, "UEAttr", { enumerable: !0, get: function() {
+      return g.UEAttr;
+    } });
+    var I = ue();
+    Object.defineProperty(e, "BlockType", { enumerable: !0, get: function() {
+      return I.BlockType;
+    } });
+    var y = le();
+    Object.defineProperty(e, "ContextActionType", { enumerable: !0, get: function() {
+      return y.ContextActionType;
+    } });
+    var P = ae();
+    Object.defineProperty(e, "BlockCompositionType", { enumerable: !0, get: function() {
+      return P.BlockCompositionType;
+    } });
+    var s = ce();
+    Object.defineProperty(e, "BlockAttr", { enumerable: !0, get: function() {
+      return s.BlockAttr;
+    } });
+    var T = Ce();
+    Object.defineProperty(e, "AiAssistantValueType", { enumerable: !0, get: function() {
+      return T.AiAssistantValueType;
+    } });
+    var q = me();
+    Object.defineProperty(e, "ADD_CUSTOM_FONT_OPTION", { enumerable: !0, get: function() {
+      return q.ADD_CUSTOM_FONT_OPTION;
+    } });
+    var O = Be();
+    Object.defineProperty(e, "BuiltInControl", { enumerable: !0, get: function() {
+      return O.BuiltInControl;
+    } });
+    var j = fe();
+    Object.defineProperty(e, "FontFamilyBuiltInControl", { enumerable: !0, get: function() {
+      return j.FontFamilyBuiltInControl;
+    } });
+    var S = de();
+    Object.defineProperty(e, "BackgroundColorBuiltInControl", { enumerable: !0, get: function() {
+      return S.BackgroundColorBuiltInControl;
+    } });
+    var v = be();
+    Object.defineProperty(e, "BlockPaddingsBuiltInControl", { enumerable: !0, get: function() {
+      return v.BlockPaddingsBuiltInControl;
+    } });
+    var k = _e();
+    Object.defineProperty(e, "BackgroundImageBuiltInControl", { enumerable: !0, get: function() {
+      return k.BackgroundImageBuiltInControl;
+    } });
+    var p = ge();
+    Object.defineProperty(e, "EditorStatePropertyType", { enumerable: !0, get: function() {
+      return p.EditorStatePropertyType;
+    } });
+    var A = Ie();
+    Object.defineProperty(e, "PreviewDeviceMode", { enumerable: !0, get: function() {
+      return A.PreviewDeviceMode;
+    } });
+    var E = ye();
+    Object.defineProperty(e, "StructurePaddingsBuiltInControl", { enumerable: !0, get: function() {
+      return E.StructurePaddingsBuiltInControl;
+    } });
+    var F = Pe();
+    Object.defineProperty(e, "TextColorBuiltInControl", { enumerable: !0, get: function() {
+      return F.TextColorBuiltInControl;
+    } });
+    var M = se();
+    Object.defineProperty(e, "ButtonFontColorBuiltInControl", { enumerable: !0, get: function() {
+      return M.ButtonFontColorBuiltInControl;
+    } });
+    var U = Te();
+    Object.defineProperty(e, "ButtonColorBuiltInControl", { enumerable: !0, get: function() {
+      return U.ButtonColorBuiltInControl;
+    } });
+    var D = qe();
+    Object.defineProperty(e, "ButtonInternalIndentsBuiltInControl", { enumerable: !0, get: function() {
+      return D.ButtonInternalIndentsBuiltInControl;
+    } });
+    var L = Oe();
+    Object.defineProperty(e, "StructureBorderBuiltInControl", { enumerable: !0, get: function() {
+      return L.StructureBorderBuiltInControl;
+    } });
+    var R = je();
+    Object.defineProperty(e, "TextSizeBuiltInControl", { enumerable: !0, get: function() {
+      return R.TextSizeBuiltInControl;
+    } });
+    var V = Se();
+    Object.defineProperty(e, "TextStyleBuiltInControl", { enumerable: !0, get: function() {
+      return V.TextStyleBuiltInControl;
+    } });
+    var G = ve();
+    Object.defineProperty(e, "LinkColorBuiltInControl", { enumerable: !0, get: function() {
+      return G.LinkColorBuiltInControl;
+    } });
+    var N = ke();
+    Object.defineProperty(e, "ButtonTextBuiltInControl", { enumerable: !0, get: function() {
+      return N.ButtonTextBuiltInControl;
+    } });
+    var w = pe();
+    Object.defineProperty(e, "ButtonBorderBuiltInControl", { enumerable: !0, get: function() {
+      return w.ButtonBorderBuiltInControl;
+    } });
+    var z = Ae();
+    Object.defineProperty(e, "TextLineSpacingBuiltInControl", { enumerable: !0, get: function() {
+      return z.TextLineSpacingBuiltInControl;
+    } });
+    var h = Ee();
+    Object.defineProperty(e, "BlocksPanel", { enumerable: !0, get: function() {
+      return h.BlocksPanel;
+    } });
+    var H = Fe();
+    Object.defineProperty(e, "PanelPosition", { enumerable: !0, get: function() {
+      return H.PanelPosition;
+    } });
+  }(t), t);
+}
+export {
+  Tr as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js

@@ -0,0 +1,26 @@
+import { __exports as i } from "../../../../../_virtual/ModificationDescription.js";
+var r;
+function a() {
+  if (r) return i;
+  r = 1, Object.defineProperty(i, "__esModule", { value: !0 }), i.ModificationDescription = void 0;
+  var e = (
+    /** @class */
+    function() {
+      function t(o) {
+        this.key = o;
+      }
+      return t.prototype.withParams = function(o) {
+        return this.params = o, this;
+      }, t.prototype.getValue = function() {
+        return {
+          key: this.key,
+          params: this.params
+        };
+      }, t;
+    }()
+  );
+  return i.ModificationDescription = e, i;
+}
+export {
+  a as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js

@@ -0,0 +1,22 @@
+import { __exports as t } from "../../../../../_virtual/UIElement.js";
+var n;
+function l() {
+  if (n) return t;
+  n = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.UIElement = void 0;
+  var r = (
+    /** @class */
+    function() {
+      function e() {
+      }
+      return e.prototype.onDestroy = function() {
+      }, e.prototype.getValue = function() {
+      }, e.prototype.setValue = function(o) {
+      }, e.prototype.onAttributeUpdated = function(o, u) {
+      }, e;
+    }()
+  );
+  return t.UIElement = r, t;
+}
+export {
+  l as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js

@@ -0,0 +1,18 @@
+import { __exports as e } from "../../../../../_virtual/UIElementTagRegistry.js";
+var r;
+function g() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.UIElementTagRegistry = void 0;
+  var t = (
+    /** @class */
+    /* @__PURE__ */ function() {
+      function i() {
+      }
+      return i;
+    }()
+  );
+  return e.UIElementTagRegistry = t, e;
+}
+export {
+  g as __require
+};

package/dist/stores/editor.d.ts

@@ -1,6 +1,6 @@
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isCodeEditorOpen: boolean;
     isVersionHistoryOpen: boolean;
+    isPreviewModeOpen: boolean;
     editorVisualMode: string;
-    isSaveTemplateModalOpen: boolean;
 }, {}, {}>;

package/dist/stores/editor.js

@@ -1,12 +1,12 @@
 import { defineStore as e } from "pinia";
-const t = e("editor", {
+const i = e("editor", {
   state: () => ({
     isCodeEditorOpen: !1,
     isVersionHistoryOpen: !1,
-    editorVisualMode: "desktop",
-    isSaveTemplateModalOpen: !1
+    isPreviewModeOpen: !1,
+    editorVisualMode: "desktop"
   })
 });
 export {
-  t as useEditorStore
+  i as useEditorStore
 };

package/dist/utils/htmlCompiler.d.ts

@@ -0,0 +1,12 @@
+import type { CompilerRule, CompilationResult, HtmlCompiler } from '@@/Types/html-compiler';
+export declare class HtmlCompilerEngine implements HtmlCompiler {
+    private rules;
+    constructor(rules?: CompilerRule[]);
+    compile(html: string, rules?: CompilerRule[]): CompilationResult;
+    private applyRule;
+    private applyReplaceRule;
+    private applyRegexRule;
+    private applyRemoveRule;
+    private applyCustomRule;
+}
+export declare const createHtmlCompiler: (rules?: CompilerRule[]) => HtmlCompiler;

package/dist/utils/htmlCompiler.js

@@ -0,0 +1,70 @@
+var y = Object.defineProperty;
+var g = (p, e, r) => e in p ? y(p, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[e] = r;
+var u = (p, e, r) => g(p, typeof e != "symbol" ? e + "" : e, r);
+import { useToaster as m } from "../composables/useToaster.js";
+class d {
+  constructor(e = []) {
+    u(this, "rules");
+    this.rules = e;
+  }
+  compile(e, r) {
+    const l = performance.now(), t = e, o = e.length;
+    let s = e;
+    const a = [];
+    (r || this.rules).sort((n, c) => n.priority - c.priority).forEach((n) => {
+      const c = s.length;
+      s = this.applyRule(s, n), s.length !== c && a.push(n.id);
+    });
+    const i = s.length, R = o > 0 ? (o - i) / o * 100 : 0;
+    return {
+      originalHtml: t,
+      compiledHtml: s,
+      appliedRules: a,
+      // TODO: We can use stats for monitoring in the future
+      stats: {
+        originalSize: o,
+        compiledSize: i,
+        reductionPercentage: R,
+        executionTime: performance.now() - l
+      }
+    };
+  }
+  applyRule(e, r) {
+    try {
+      switch (r.type) {
+        case "replace":
+          return this.applyReplaceRule(e, r);
+        case "regex":
+          return this.applyRegexRule(e, r);
+        case "remove":
+          return this.applyRemoveRule(e, r);
+        case "custom":
+          return this.applyCustomRule(e, r);
+        default:
+          return e;
+      }
+    } catch (l) {
+      const { handleError: t } = m();
+      return t(l, `Failed to apply rule ${r.id}:`), e;
+    }
+  }
+  applyReplaceRule(e, r) {
+    const { search: l, replacement: t, replaceAll: o = !0 } = r;
+    return o ? e.replaceAll(l, t) : e.replace(l, t);
+  }
+  applyRegexRule(e, r) {
+    const { pattern: l, replacement: t, flags: o = "g" } = r, s = new RegExp(l, o);
+    return e.replace(s, t);
+  }
+  applyRemoveRule(e, r) {
+    return r.targets.reduce((l, t) => t instanceof RegExp ? l.replace(t, "") : l.replaceAll(t, ""), e);
+  }
+  applyCustomRule(e, r) {
+    return r.processor(e);
+  }
+}
+const A = (p = []) => new d(p);
+export {
+  d as HtmlCompilerEngine,
+  A as createHtmlCompiler
+};

package/dist/utils/tooltipUtils.d.ts

@@ -0,0 +1,2 @@
+import type { TooltipOptions } from '../@types/generic';
+export declare const getTooltipOptions: (id: string) => TooltipOptions;

package/dist/utils/tooltipUtils.js

@@ -0,0 +1,9 @@
+const o = (t) => ({
+  id: t,
+  dynamicPosition: !0,
+  staticPosition: "top",
+  iconStatus: !1
+});
+export {
+  o as getTooltipOptions
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.7f477db",
+  "version": "1.0.0-beta.80693fc",
   "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",
@@ -29,7 +29,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@stripoinc/ui-editor-extensions": "^1.0.6",
     "@useinsider/design-system-vue": "0.14.8",
+    "@vuelidate/core": "2.0.3",
+    "@vuelidate/validators": "2.0.4",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
     "vite": "6.3.5",

package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    isOpen: boolean;
-}
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
-    close: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/organisms/save-template/SaveTemplateModal.vue.js

@@ -1,20 +0,0 @@
-import s from "./SaveTemplateModal.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var a = this, t = a._self._c, e = a._self._setupProxy;
-  return t(e.ModalWrapper, { attrs: { "cancel-button-text": e.trans("products.cancel"), description: e.trans("newsletter.save-template-description"), "is-open": e.props.isOpen, "primary-button-loading": e.saveState.saving, "primary-button-text": e.trans(e.saveState.saving ? "newsletter.saving" : "products.save"), title: e.trans("products.save-template") }, on: { cancel: e.closeModal, close: e.closeModal, save: e.saveTemplate } }, [t(e.InBasicTextInput, { staticClass: "mb-5 w-1", attrs: { id: "template-name-input", name: "templateName", "character-counter-status": !1, "disabled-status": e.saveState.saving, "label-text": e.trans("products.template-name"), "placeholder-text": e.trans("newsletter.enter-template-name"), "state-message": e.getValidationMessage(), states: e.hasError() ? "error" : "", "tooltip-status": !1, value: e.templateName }, on: { input: e.templateNameInputHandler } }), t(e.InMultiSelect, { staticClass: "template-category-dropdown mb-5 w-1", attrs: { "create-option-status": "", "search-status": "", "button-status": !1, "character-limit-validation-text": e.trans("validation-v2.duration-value", {
-    min: 1,
-    max: e.templateCategorySearchInputLimit
-  }), "create-button-label": e.trans("products.create-new-category"), "disabled-status": e.saveState.saving, "label-text": e.trans("products.template-category"), "loading-state": e.categoriesStore.loading || e.categoriesStore.loadingCreate, "max-character-limit": e.templateCategorySearchInputLimit, options: e.categoriesStore.mappedCategories, "placeholder-text": e.trans("products.select-template-category"), value: e.categoriesStore.selectedCategories }, on: { addOption: e.addOption, change: e.categoriesStore.setSelectedCategories, resetAllOptions: e.categoriesStore.setSelectedCategories, selectAllOptions: e.categoriesStore.setSelectedCategories } })], 1);
-}, n = [], l = /* @__PURE__ */ r(
-  s,
-  o,
-  n,
-  !1,
-  null,
-  null
-);
-const d = l.exports;
-export {
-  d as default
-};

package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js

@@ -1,78 +0,0 @@
-import { defineComponent as b, ref as u, computed as A, watch as H } from "vue";
-import L from "../../wrappers/ModalWrapper.vue.js";
-import { useActionsApi as N } from "../../../composables/useActionsApi.js";
-import { useToaster as V } from "../../../composables/useToaster.js";
-import { useTranslations as j } from "../../../composables/useTranslations.js";
-import { useTemplateCategoriesStore as x } from "../../../stores/template-categories.js";
-import { InMultiSelect as B, InBasicTextInput as P } from "@useinsider/design-system-vue";
-import { useSaveAsTemplate as E } from "../../../composables/useSaveAsTemplate.js";
-import { useTemplateNameValidation as R } from "../../../composables/useTemplateNameValidation.js";
-const U = /* @__PURE__ */ b({
-  __name: "SaveTemplateModal",
-  props: {
-    isOpen: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(S, { emit: p }) {
-    const v = S, n = j(), { showToaster: c } = V(), { getRawTemplateData: f } = N(), a = x(), {
-      state: t,
-      saveTemplate: d
-    } = E(), {
-      templateName: s,
-      getValidationMessage: I,
-      hasError: w,
-      validateInputs: g,
-      resetValidation: i
-    } = R(), l = u(!1), o = u(""), r = u(""), C = 40, y = A(() => t.saving || l.value || a.loading || a.loadingCreate), m = () => {
-      s.value = "", o.value = "", r.value = "", a.resetSelection(), i();
-    }, M = (e) => {
-      s.value = e, i();
-    }, T = () => {
-      m(), p("close");
-    }, _ = async () => {
-      if (!y.value) {
-        if (t.saving = !0, !await g()) {
-          t.saving = !1;
-          return;
-        }
-        try {
-          await d({
-            name: s.value,
-            htmlContent: o.value,
-            categoryIds: a.getSelectedCategoryIds,
-            css: r.value
-          }) && (t.saving = !1, c({
-            message: n("journey-builder.template-saved-successfully", { name: s.value }),
-            type: "success"
-          }), T());
-        } catch {
-          t.saving = !1, c({
-            message: n("journey-builder.template-save-error", { name: s.value }),
-            type: "error"
-          });
-        }
-      }
-    }, h = async () => {
-      l.value = !0;
-      try {
-        const { html: e, css: O } = await f();
-        r.value = O || "", o.value = e || "";
-      } catch {
-        o.value = "", r.value = "";
-      } finally {
-        l.value = !1;
-      }
-    }, D = async (e) => {
-      await a.createCategory(e);
-    };
-    return H(() => v.isOpen, async (e) => {
-      e ? await Promise.all([
-        h(),
-        a.fetchCategories()
-      ]) : m();
-    }), { __sfc: !0, props: v, emit: p, trans: n, showToaster: c, getRawTemplateData: f, categoriesStore: a, saveState: t, saveTemplateToLibrary: d, templateName: s, getValidationMessage: I, hasError: w, validateInputs: g, resetValidation: i, isLoadingHtml: l, htmlData: o, cssData: r, templateCategorySearchInputLimit: C, isOperationInProgress: y, resetModalState: m, templateNameInputHandler: M, closeModal: T, saveTemplate: _, fetchHtmlData: h, addOption: D, ModalWrapper: L, InBasicTextInput: P, InMultiSelect: B };
-  }
-});
-export {
-  U as default
-};