@useinsider/guido 1.0.0-beta.637a8ae → 1.0.0-beta.63d99fe

package/dist/components/wrappers/WpDrawer.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as e } from "vue";
+import { InDrawer as o } from "@useinsider/design-system-vue";
+const r = /* @__PURE__ */ e({
+  __name: "WpDrawer",
+  props: {
+    id: null,
+    className: { default: "" },
+    size: { default: "small" },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    descriptionStatus: { type: Boolean, default: !1 },
+    descriptionText: { default: "" },
+    footerButtonGroupOptions: null,
+    status: { type: Boolean },
+    titleText: null
+  },
+  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent"],
+  setup(n, { emit: t }) {
+    return { __sfc: !0, emit: t, InDrawer: o };
+  }
+});
+export {
+  r as default
+};

package/dist/composables/useActionsApi.d.ts

@@ -1,7 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/stripo';
 import { GetCompiledEmailOptions, CompiledEmailResult } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     activateCustomViewStyles: (isActive?: boolean) => void;
-    getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
 };

package/dist/composables/useActionsApi.js

@@ -1,49 +1,38 @@
-const w = () => {
-  const i = (e = {}) => new Promise((t, s) => {
-    const o = { ...{
-      minimize: !0,
-      utmEntity: {
-        utmSource: "",
-        utmMedium: "",
-        utmCampaign: "",
-        utmContent: "",
-        utmTerm: "",
-        customUtms: [
-          {
-            name1: "val1",
-            name2: "val2"
-          }
-        ]
-      },
-      mergeTags: ["Tag1", "Tag2"],
-      forseAMP: !1,
-      resetDataSavedFlag: !1,
-      disableLineHeightsReplace: !0
-    }, ...e }, n = {
-      callback: (a, l, m, r, c) => {
-        a ? s(a) : t({
-          html: l,
-          AMPHtml: m,
-          AMPErrors: r,
-          displayConditions: c
-        });
-      },
-      ...o
-    };
-    window.StripoEditorApi.actionsApi.compileEmail(n);
-  });
-  return { getCompiledEmail: i, activateCustomViewStyles: (e = !0) => {
-    window.StripoEditorApi.actionsApi.activateCustomViewStyles(e);
-  }, getPreviewData: async (e) => {
-    const t = await i({ minimize: !1, resetDataSavedFlag: !1, ...e });
-    return {
-      html: t.html,
-      AMPHtml: t.AMPHtml ?? "",
-      AMPErrors: t.AMPErrors ?? [],
-      displayConditions: t.displayConditions
-    };
-  } };
-};
+const g = () => ({ getCompiledEmail: (t = {}) => new Promise((i, a) => {
+  const s = { ...{
+    minimize: !0,
+    utmEntity: {
+      utmSource: "",
+      utmMedium: "",
+      utmCampaign: "",
+      utmContent: "",
+      utmTerm: "",
+      customUtms: [
+        {
+          name1: "val1",
+          name2: "val2"
+        }
+      ]
+    },
+    mergeTags: ["Tag1", "Tag2"],
+    forseAmp: !1,
+    resetDataSavedFlag: !1,
+    disableLineHeightsReplace: !0
+  }, ...t }, o = {
+    callback: (e, m, l, n, c) => {
+      e ? a(e) : i({
+        html: m,
+        ampHtml: l,
+        ampErrors: n,
+        displayConditions: c
+      });
+    },
+    ...s
+  };
+  window.StripoEditorApi.actionsApi.compileEmail(o);
+}), activateCustomViewStyles: (t = !0) => {
+  window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+} });
 export {
-  w as useActionsApi
+  g as useActionsApi
 };

package/dist/composables/useStripo.js

@@ -1,20 +1,21 @@
 import { useActionsApi as g } from "./useActionsApi.js";
 import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as E } from "./useToaster.js";
-import { displayConditions as S } from "../enums/displayConditions.js";
+import { useToaster as S } from "./useToaster.js";
+import { displayConditions as C } from "../enums/displayConditions.js";
 import y from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as C } from "../services/stripoApi.js";
-import { useEditorStore as w } from "../stores/editor.js";
-const A = (a) => {
-  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = C(), l = (e, r = []) => {
-    const i = w(), { html: t, css: s, forceRecreate: m } = e;
+import { useStripoApi as E } from "../services/stripoApi.js";
+import { useEditorStore as h } from "../stores/editor.js";
+import { dynamicContentToMergeTags as w } from "../utils/genericUtil.js";
+const M = (d) => {
+  const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (e, r = []) => {
+    const i = h(), { html: t, css: s, forceRecreate: p } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
+        metadata: d,
         html: t,
         css: s,
-        forceRecreate: m,
+        forceRecreate: p,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,19 +31,25 @@ const A = (a) => {
                 `,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: S,
+        conditionCategories: C,
+        enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
           customFonts: r
         },
+        mergeTags: [
+          {
+            entries: w(d.preselectedDynamicContentList)
+          }
+        ],
         async onTokenRefreshRequest(o) {
           try {
             const n = await c();
             o(n);
           } catch (n) {
-            d(n, "Failed to refresh token");
+            a(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -50,7 +57,7 @@ const A = (a) => {
             const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
             o(), n();
           } catch (o) {
-            d(o, "Failed to load custom interface appearance");
+            a(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
@@ -62,11 +69,14 @@ const A = (a) => {
         onVersionHistoryVisibilityChanged(o) {
           i.isVersionHistoryOpen = o;
         },
+        onDataChanged() {
+          i.hasChanges = !0;
+        },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
         extensions: [y]
       }
     );
-  }, p = (e) => new Promise((r, i) => {
+  }, m = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
       e(), r();
       return;
@@ -80,12 +90,12 @@ const A = (a) => {
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (e) => {
-    await p(async () => {
+    await m(async () => {
       const r = await u();
       l(e, r);
     });
   } };
 };
 export {
-  A as useStripo
+  M as useStripo
 };

package/dist/composables/useValidation.d.ts

@@ -0,0 +1,30 @@
+import { type BaseIssue, type BaseSchema } from 'valibot';
+import { type Ref } from 'vue';
+type Base = BaseSchema<unknown, unknown, BaseIssue<unknown>>;
+type MaybeRefOrGetter<T> = T | Ref<T> | (() => T);
+export declare function useValidation<const Schema extends Base = Base>(input: MaybeRefOrGetter<unknown>, schema: Schema): {
+    schema: Schema;
+    validate: () => {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: import("valibot").InferOutput<Schema>;
+        issues: undefined;
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: import("valibot").InferOutput<Schema>;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    };
+};
+export {};

package/dist/composables/useValidation.js

@@ -0,0 +1,19 @@
+import { safeParse as i } from "../node_modules/valibot/dist/index.js";
+import { unref as u } from "vue";
+function l(a, e) {
+  return {
+    schema: e,
+    validate: () => {
+      var s, t, o;
+      const r = i(e, u(a), { abortPipeEarly: !0 });
+      return {
+        ...r,
+        error: (s = r.issues) == null ? void 0 : s[0],
+        errorMessage: ((o = (t = r.issues) == null ? void 0 : t[0]) == null ? void 0 : o.message) || ""
+      };
+    }
+  };
+}
+export {
+  l as useValidation
+};

package/dist/composables/validators/saveAsTemplate.d.ts

@@ -0,0 +1,26 @@
+import type { Ref } from 'vue';
+export declare const useTemplateNameValidator: (name: Ref<string>) => {
+    schema: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").NonEmptyAction<string, string>, import("valibot").MaxLengthAction<string, 255, string>]>;
+    validate: () => {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: string;
+        issues: undefined;
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: string;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>)[]];
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>)[]];
+    };
+};

package/dist/composables/validators/saveAsTemplate.js

@@ -0,0 +1,21 @@
+import { pipe as r, maxLength as i, nonEmpty as n, string as o } from "../../node_modules/valibot/dist/index.js";
+import { useTranslations as s } from "../useTranslations.js";
+import { useValidation as m } from "../useValidation.js";
+const u = (e) => {
+  const t = s(), a = 255;
+  return m(e, r(
+    o(),
+    n(t("whatsapp-business.template-name-required")),
+    i(
+      a,
+      t("validations.enter-up-to-x-characters", {
+        article: "a",
+        field: t("products.template-name"),
+        max: a
+      })
+    )
+  ));
+};
+export {
+  u as useTemplateNameValidator
+};

package/dist/enums/defaults.js

@@ -1,12 +1,8 @@
-const e = {
-  translationsPath: "window.trans.en",
-  emailHeader: {
-    senderName: "Default Sender",
-    subject: "Default Subject"
-  }
-}, t = "newsletter", a = "Guido User";
+const t = {
+  translationsPath: "window.trans.en"
+}, e = "newsletter", n = "Guido User";
 export {
-  e as DefaultGuidoConfig,
-  t as DefaultProductType,
-  a as DefaultUsername
+  t as DefaultGuidoConfig,
+  e as DefaultProductType,
+  n as DefaultUsername
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,15 +1,16 @@
-var l = Object.defineProperty;
-var o = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var r = (i, t, e) => o(i, typeof t != "symbol" ? t + "" : t, e);
+var o = Object.defineProperty;
+var m = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => m(i, typeof t != "symbol" ? t + "" : t, e);
+import { dynamicContentToMergeTags as l } from "../../utils/genericUtil.js";
 import { d as n } from "../../_virtual/index.js";
-import { ExternalMergeTagsLibrary as c } from "./dynamic-content-modal.js";
-const a = "external-dynamic-content-ui-element", m = "button-add-dynamic-content";
-class d extends n.UIElementTagRegistry {
+import { ExternalMergeTagsLibrary as g } from "./dynamic-content-modal.js";
+const a = "external-dynamic-content-ui-element", c = "button-add-dynamic-content";
+class p extends n.UIElementTagRegistry {
   registerUiElements(t) {
     t[n.UIElementType.MERGETAGS] = a;
   }
 }
-class b extends n.UIElement {
+class u extends n.UIElement {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -33,13 +34,10 @@ class b extends n.UIElement {
     this.openMergeTagLibrary();
   }
   openMergeTagLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new c()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new g()), this.mergeTagsLibrary.openMergeTagsLibrary(
       this.selectedDynamicContent,
       (e) => {
-        this.api.onValueChanged({
-          label: e.fallback ? `${e.text} | ${e.fallback}` : e.text,
-          value: e.fallback ? `{{${e.value}|${e.fallback}}}` : `{{${e.value}}}`
-        });
+        this.api.onValueChanged(l([e])[0]);
       }
     );
   }
@@ -49,7 +47,7 @@ class b extends n.UIElement {
                 <${n.UIElementType.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${n.UEAttr.BUTTON.name}="${m}">
+                    ${n.UEAttr.BUTTON.name}="${c}">
                         <${n.UIElementType.ICON} src="plus" class="icon icon-button color-primary">
                         </${n.UIElementType.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
@@ -58,6 +56,6 @@ class b extends n.UIElement {
   }
 }
 export {
-  d as DynamicContentTagRegistry,
-  b as DynamicContentUiElementExtension
+  p as DynamicContentTagRegistry,
+  u as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-b81a01c5] .guido__view-option-selection-desktop svg,[data-v-b81a01c5] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b81a01c5] .in-segments-wrapper__button_selected,[data-v-b81a01c5] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-988dfdfd],.guido-editor__container[data-v-988dfdfd]{width:100%;height:calc(100vh - 75px)}[data-v-9a504b0d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-9a504b0d],[data-v-9a504b0d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}
+.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-ac2711fd],.guido-editor__container[data-v-ac2711fd]{width:100%;height:calc(100vh - 75px)}

package/dist/mock/api/template-library.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/node_modules/valibot/dist/index.js

@@ -0,0 +1,157 @@
+var a;
+// @__NO_SIDE_EFFECTS__
+function f(e) {
+  return {
+    lang: (e == null ? void 0 : e.lang) ?? (a == null ? void 0 : a.lang),
+    message: e == null ? void 0 : e.message,
+    abortEarly: (e == null ? void 0 : e.abortEarly) ?? (a == null ? void 0 : a.abortEarly),
+    abortPipeEarly: (e == null ? void 0 : e.abortPipeEarly) ?? (a == null ? void 0 : a.abortPipeEarly)
+  };
+}
+var p;
+// @__NO_SIDE_EFFECTS__
+function E(e) {
+  return p == null ? void 0 : p.get(e);
+}
+var y;
+// @__NO_SIDE_EFFECTS__
+function k(e) {
+  return y == null ? void 0 : y.get(e);
+}
+var m;
+// @__NO_SIDE_EFFECTS__
+function P(e, n) {
+  var s;
+  return (s = m == null ? void 0 : m.get(e)) == null ? void 0 : s.get(n);
+}
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  var s, r;
+  const n = typeof e;
+  return n === "string" ? `"${e}"` : n === "number" || n === "bigint" || n === "boolean" ? `${e}` : n === "object" || n === "function" ? (e && ((r = (s = Object.getPrototypeOf(e)) == null ? void 0 : s.constructor) == null ? void 0 : r.name)) ?? "null" : n;
+}
+function c(e, n, s, r, u) {
+  const g = u && "input" in u ? u.input : s.value, t = (u == null ? void 0 : u.expected) ?? e.expects ?? null, v = (u == null ? void 0 : u.received) ?? /* @__PURE__ */ $(g), i = {
+    kind: e.kind,
+    type: e.type,
+    input: g,
+    expected: t,
+    received: v,
+    message: `Invalid ${n}: ${t ? `Expected ${t} but r` : "R"}eceived ${v}`,
+    requirement: e.requirement,
+    path: u == null ? void 0 : u.path,
+    issues: u == null ? void 0 : u.issues,
+    lang: r.lang,
+    abortEarly: r.abortEarly,
+    abortPipeEarly: r.abortPipeEarly
+  }, b = e.kind === "schema", l = (u == null ? void 0 : u.message) ?? e.message ?? /* @__PURE__ */ P(e.reference, i.lang) ?? (b ? /* @__PURE__ */ k(i.lang) : null) ?? r.message ?? /* @__PURE__ */ E(i.lang);
+  l !== void 0 && (i.message = typeof l == "function" ? (
+    // @ts-expect-error
+    l(i)
+  ) : l), b && (s.typed = !1), s.issues ? s.issues.push(i) : s.issues = [i];
+}
+// @__NO_SIDE_EFFECTS__
+function d(e) {
+  return {
+    version: 1,
+    vendor: "valibot",
+    validate(n) {
+      return e["~run"]({ value: n }, /* @__PURE__ */ f());
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function _(e, n) {
+  return {
+    kind: "validation",
+    type: "max_length",
+    reference: _,
+    async: !1,
+    expects: `<=${e}`,
+    requirement: e,
+    message: n,
+    "~run"(s, r) {
+      return s.typed && s.value.length > this.requirement && c(this, "length", s, r, {
+        received: `${s.value.length}`
+      }), s;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function x(e) {
+  return {
+    kind: "validation",
+    type: "non_empty",
+    reference: x,
+    async: !1,
+    expects: "!0",
+    message: e,
+    "~run"(n, s) {
+      return n.typed && n.value.length === 0 && c(this, "length", n, s, {
+        received: "0"
+      }), n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function S(e) {
+  return {
+    kind: "schema",
+    type: "string",
+    reference: S,
+    expects: "string",
+    async: !1,
+    message: e,
+    get "~standard"() {
+      return /* @__PURE__ */ d(this);
+    },
+    "~run"(n, s) {
+      return typeof n.value == "string" ? n.typed = !0 : c(this, "type", n, s), n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function M(...e) {
+  return {
+    ...e[0],
+    pipe: e,
+    get "~standard"() {
+      return /* @__PURE__ */ d(this);
+    },
+    "~run"(n, s) {
+      for (const r of e)
+        if (r.kind !== "metadata") {
+          if (n.issues && (r.kind === "schema" || r.kind === "transformation")) {
+            n.typed = !1;
+            break;
+          }
+          (!n.issues || !s.abortEarly && !s.abortPipeEarly) && (n = r["~run"](n, s));
+        }
+      return n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function j(e, n, s) {
+  const r = e["~run"]({ value: n }, /* @__PURE__ */ f(s));
+  return {
+    typed: r.typed,
+    success: !r.issues,
+    output: r.value,
+    issues: r.issues
+  };
+}
+export {
+  c as _addIssue,
+  d as _getStandardProps,
+  $ as _stringify,
+  f as getGlobalConfig,
+  E as getGlobalMessage,
+  k as getSchemaMessage,
+  P as getSpecificMessage,
+  _ as maxLength,
+  x as nonEmpty,
+  M as pipe,
+  j as safeParse,
+  S as string
+};

package/dist/stores/dynamic-content.d.ts

@@ -0,0 +1,27 @@
+import type { DynamicContent } from '@@/Types/generic';
+export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dynamicContent", {
+    selectedDynamicContent: DynamicContent;
+    selectedDynamicContentList: DynamicContent[];
+}, {
+    getSelectedDynamicContentList: (state: {
+        selectedDynamicContent: {
+            value: string;
+            text: string;
+            fallback?: string | undefined;
+        };
+        selectedDynamicContentList: {
+            value: string;
+            text: string;
+            fallback?: string | undefined;
+        }[];
+    } & import("pinia").PiniaCustomStateProperties<{
+        selectedDynamicContent: DynamicContent;
+        selectedDynamicContentList: DynamicContent[];
+    }>) => {
+        text: string;
+        value: string;
+        fallback: string | undefined;
+    }[];
+}, {
+    setSelectedDynamicContent(dynamicContent: DynamicContent): void;
+}>;

package/dist/stores/dynamic-content.js

@@ -0,0 +1,23 @@
+import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
+import { defineStore as a } from "pinia";
+const s = a("dynamicContent", {
+  state: () => ({
+    selectedDynamicContent: { text: "", value: "", fallback: "" },
+    selectedDynamicContentList: []
+  }),
+  actions: {
+    setSelectedDynamicContent(e) {
+      this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
+    }
+  },
+  getters: {
+    getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
+      text: t.text,
+      value: t.value,
+      fallback: t.fallback
+    })) || []
+  }
+});
+export {
+  s as useDynamicContentStore
+};

package/dist/stores/editor.d.ts

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

package/dist/stores/editor.js

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

package/dist/stores/save-as-template.d.ts

@@ -0,0 +1,25 @@
+import type { MappedCategory } from '@@/Types/save-as-template';
+interface StoreState {
+    templateName: string;
+    categories: MappedCategory[];
+    selectedCategories: MappedCategory[];
+    skeletonStatus: boolean;
+}
+export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"saveAsTemplate", StoreState, {
+    getTemplateName: (state: {
+        templateName: string;
+        categories: {
+            value: string;
+            text: string;
+        }[];
+        selectedCategories: {
+            value: string;
+            text: string;
+        }[];
+        skeletonStatus: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => string;
+}, {
+    fetchCategories(): Promise<void>;
+    createCategory(category: string): Promise<void>;
+}>;
+export {};