@useinsider/guido 1.0.0-beta.53042a3 → 1.0.0-beta.57ed29f

package/README.md

@@ -27,15 +27,10 @@ npm install @useinsider/guido
   <div>
     <Guido
       ref="guidoEditor"
-      :template-id="templateId"
+      :email-id="emailId"
       :user-id="userId"
       :guido-config="guidoConfig"
-      :html="initialHtml"
-      :css="initialCss"
       @dynamic-content:open="handleDynamicContentOpen"
-      @back="handleBack"
-      @save:start="handleSaveStart"
-      @save:complete="handleSaveComplete"
     />
   </div>
 </template>
@@ -49,55 +44,36 @@ export default {
   },
   data() {
     return {
-      templateId: 'template-123',
-      userId: 'user-456',
-      initialHtml: '<p>Initial HTML content</p>',
-      initialCss: 'p { color: #333; }',
+      emailId: 'abc123',
+      userId: '12345',
       guidoConfig: {
         translationsPath: 'window.trans.en',
         htmlCompilerRules: [],
         ignoreDefaultHtmlCompilerRules: false,
-      },
+      }
       dynamicContentModalVisible: false
     };
   },
 
   methods: {
-    handleDynamicContentOpen(detail) {
-      console.log('Dynamic content requested:', detail);
+    handleDynamicContentOpen() {
       this.dynamicContentModalVisible = true;
-    },
-    
-    handleBack() {
-      console.log('User clicked back button');
-      // Handle navigation back
-    },
-    
-    handleSaveStart() {
-      console.log('Save process started');
-      // Show loading indicator
-    },
-    
-    handleSaveComplete(template) {
-      console.log('Save completed:', template);
-      // Handle saved template data
-    },
-    
+    }
     // ⚠️ Your own Dynamic Content Modal should have this id: #guido-dynamic-content-modal
     handleDynamicContentInsert() {
-      this.$refs.guidoEditor?.dynamicContent.insert({
-        text: 'Display Text', 
-        value: 'actual-value', 
-        fallback: 'Fallback Text'
+      this.$ref.guidoEditor?.dynamicContent.insert({
+        text: 'Text', 
+        value: 'Value', 
+        fallback: 'Fallback'
       });
 
       this.dynamicContentModalVisible = false;
     },
-    
     // ⚠️ It's mandatory. There is no way to understand if user closes the modal without selection.
     handleDynamicContentClose() {
-      this.$refs.guidoEditor?.dynamicContent.close();
+      this.$ref.guidoEditor?.dynamicContent.close();
     }
+
   }
 };
 </script>
@@ -109,14 +85,12 @@ export default {
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `templateId` | `string` | ✅ | - | Unique identifier for the email template |
-| `userId` | `string` | ✅ | - | Unique identifier for the user |
+| `emailId` | `string` | ✅ | - | Unique identifier for the email draft |
+| `userId` | `string` | ✅ | - | Unique identifier for the user draft |
+| `username` | `string` | ⚪ | Guido User | User name |
+| `partnerName` | `string` | ⚪ | Getting from URL host | Unique identifier for the partner draft |
+| `productType` | `string` | ⚪ | Getting from URL path | Unique identifier for the product draft |
 | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
-| `partnerName` | `string` | ⚪ | From URL host | Partner identifier |
-| `productType` | `string` | ⚪ | From URL path | Product type identifier |
-| `username` | `string` | ⚪ | `'Guido User'` | Display name for the user |
-| `html` | `string` | ⚪ | `''` | Initial HTML content for the template |
-| `css` | `string` | ⚪ | `''` | Initial CSS styles for the template |
 
 ### Guido Exposed Methods
 ```typescript
@@ -403,87 +377,6 @@ src/
 └── library.ts          # Main export
 ```
 
-## 🔌 Provide/Inject Utilities
-
-Guido includes type-safe utilities for Vue's provide/inject system to facilitate dependency injection between components.
-
-### useProvideInject
-
-The `useProvideInject` composable provides two helper functions for type-safe dependency injection:
-
-#### Basic Usage
-
-```typescript
-// Parent component
-import { provideValue } from '@useinsider/guido';
-import { InjectionKey } from 'vue';
-
-// Define a typed injection key
-const MyServiceKey: InjectionKey<MyService> = Symbol('MyService');
-
-// Provide the value
-const myService = new MyService();
-provideValue(MyServiceKey, myService);
-
-// Child component
-import { useInjectedValue } from '@useinsider/guido';
-
-// Inject the value with type safety
-const myService = useInjectedValue(MyServiceKey);
-```
-
-#### With Default Value
-
-```typescript
-// Inject with a fallback value
-const myService = useInjectedValue(MyServiceKey, new DefaultService());
-```
-
-#### Error Handling
-
-The `useInjectedValue` function will throw a descriptive error if no provider is found and no default value is provided:
-
-```typescript
-// This will throw an error if no provider exists
-try {
-  const myService = useInjectedValue(MyServiceKey);
-} catch (error) {
-  console.error('No provider found for MyService');
-}
-```
-
-### API Reference
-
-#### `provideValue`
-
-```typescript
-provideValue<T>(key: InjectionKey<T>, value: T): void
-```
-
-Provides a value using Vue's provide system with type safety.
-
-| Parameter | Type | Description |
-|-----------|------|-------------|
-| `key` | `InjectionKey<T>` | The typed injection key |
-| `value` | `T` | The value to provide |
-
-#### `useInjectedValue`
-
-```typescript
-useInjectedValue<T>(key: InjectionKey<T>, defaultValue?: T): T
-```
-
-Injects a value using Vue's inject system with type safety and error handling.
-
-| Parameter | Type | Required | Description |
-|-----------|------|----------|-------------|
-| `key` | `InjectionKey<T>` | ✅ | The typed injection key |
-| `defaultValue` | `T` | ⚪ | Optional fallback value |
-
-**Returns:** `T` - The injected value
-
-**Throws:** `Error` - When no provider is found and no default value is provided
-
 ## 🌐 i18n
 Before running the project, it sends to request to inone.useinsider.com/translations and writes the JSON file into - [trans.json](src/mock/responses/trans.json). 
 It allows to use production or local translations on your code. 🚀

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

@@ -1,5 +1,4 @@
 import type { DynamicContent, GuidoConfig } from '@@/Types/generic';
-import type { Template } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
     userId: string;
@@ -17,9 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     };
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: DynamicContent | null) => void;
-    back: () => void;
-    "save:start": () => void;
-    "save:complete": (template: Omit<Template, "forceRecreate">) => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Guido.vue.js

@@ -10,7 +10,7 @@ var s = function() {
   _,
   !1,
   null,
-  "89bedf08"
+  "f7e1afcb"
 );
 const f = a.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,11 +1,10 @@
-import { defineComponent as h, onMounted as w } from "vue";
-import { provideGuidoActions as D } from "../composables/useGuidoActions.js";
+import { defineComponent as w, onMounted as D } from "vue";
 import { usePartner as E } from "../composables/usePartner.js";
-import { useStripo as S } from "../composables/useStripo.js";
-import { DefaultUsername as _, DefaultGuidoConfig as G } from "../enums/defaults.js";
-import I from "./organisms/header/HeaderWrapper.vue.js";
-import { useStripoApi as k } from "../services/stripoApi.js";
-const B = /* @__PURE__ */ h({
+import { useStripo as _ } from "../composables/useStripo.js";
+import { DefaultUsername as b, DefaultGuidoConfig as I } from "../enums/defaults.js";
+import G from "./organisms/header/HeaderWrapper.vue.js";
+import { useStripoApi as P } from "../services/stripoApi.js";
+const A = /* @__PURE__ */ w({
   __name: "Guido",
   props: {
     templateId: null,
@@ -17,64 +16,50 @@ const B = /* @__PURE__ */ h({
     css: null,
     guidoConfig: null
   },
-  emits: ["dynamic-content:open", "back", "save:start", "save:complete"],
-  setup(C, { expose: b, emit: t }) {
-    const o = C, { getPartnerName: n, getProductType: a } = E(), {
+  emits: ["dynamic-content:open"],
+  setup(h, { expose: v, emit: t }) {
+    const n = h, { getPartnerName: o, getProductType: i } = E(), {
       templateId: c,
-      userId: s,
-      guidoConfig: i,
-      html: r = "",
+      userId: a,
+      guidoConfig: r,
+      html: s = "",
       css: l = "",
-      partnerName: d = n(),
-      productType: u = a(),
-      username: m = _
-    } = o;
+      partnerName: d = o(),
+      productType: m = i(),
+      username: u = b
+    } = n;
     window.GuidoConfig = {
-      ...G,
-      ...i
+      ...I,
+      ...r
     };
-    const { initPlugin: p } = S({ emailId: c, userId: s, username: m, partnerName: d, productType: u }), { getDefaultTemplate: g } = k();
-    D({
-      onBack: () => {
-        console.debug("guido:back"), t("back");
-      },
-      onSaveStart: () => {
-        console.debug("guido:save:start"), t("save:start");
-      },
-      onSaveComplete: (e) => {
-        console.debug("guido:save:complete", e), t("save:complete", e);
-      }
-    });
-    const f = (e) => {
+    const { initPlugin: p } = _({ emailId: c, userId: a, username: u, partnerName: d, productType: m }), { getDefaultTemplate: f } = P(), y = (e) => {
       console.debug("dynamic-content:close", e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, y = () => {
+    }, g = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return w(async () => {
+    return D(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
-          html: r,
-          css: l,
-          forceRecreate: !0
-          // TODO: It should be false for old templates. We will communicate with Stripo
+          html: s,
+          css: l
         };
-        e.html || (e = await g()), await p(e);
+        e.html || (e = await f()), await p(e);
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", (e) => {
-        const v = e;
-        console.debug("dynamic-content:open", v.detail), t("dynamic-content:open", v.detail);
+        const C = e;
+        console.debug("dynamic-content:open", C.detail), t("dynamic-content:open", C.detail);
       });
-    }), b({
+    }), v({
       dynamicContent: {
-        insert: f,
-        close: y
+        insert: y,
+        close: g
       }
-    }), { __sfc: !0, props: o, getPartnerName: n, getProductType: a, templateId: c, userId: s, guidoConfig: i, html: r, css: l, partnerName: d, productType: u, username: m, emit: t, initPlugin: p, getDefaultTemplate: g, insertDynamicContent: f, closeDynamicContent: y, HeaderWrapper: I };
+    }), { __sfc: !0, props: n, getPartnerName: o, getProductType: i, templateId: c, userId: a, guidoConfig: r, html: s, css: l, partnerName: d, productType: m, username: u, emit: t, initPlugin: p, getDefaultTemplate: f, insertDynamicContent: y, closeDynamicContent: g, HeaderWrapper: G };
   }
 });
 export {
-  B as default
+  A as default
 };

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

@@ -1,11 +1,11 @@
-import n from "./LeftSlot.vue2.js";
+import r from "./LeftSlot.vue2.js";
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" }, on: { click: t.handleBack } }), t.editorStore.isVersionHistoryOpen ? s(t.RestoreButton, { staticClass: "ml-3" }) : e._e()], 1);
+var n = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [e(s.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" } }), s.editorStore.isVersionHistoryOpen ? e(s.RestoreButton, { staticClass: "ml-3" }) : t._e()], 1);
 }, a = [], i = /* @__PURE__ */ o(
-  n,
   r,
+  n,
   a,
   !1,
   null,

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

@@ -1,15 +1,13 @@
-import { defineComponent as r } from "vue";
-import { useBack as e } from "../../../composables/useGuidoActions.js";
-import { useEditorStore as m } from "../../../stores/editor.js";
-import { InButtonV2 as n } from "@useinsider/design-system-vue";
-import s from "./version-history/RestoreButton.vue.js";
-const c = /* @__PURE__ */ r({
+import { defineComponent as t } from "vue";
+import { useEditorStore as o } from "../../../stores/editor.js";
+import { InButtonV2 as r } from "@useinsider/design-system-vue";
+import e from "./version-history/RestoreButton.vue.js";
+const _ = /* @__PURE__ */ t({
   __name: "LeftSlot",
-  setup(f) {
-    const o = m(), t = e();
-    return { __sfc: !0, editorStore: o, handleBack: t, InButtonV2: n, RestoreButton: s };
+  setup(m) {
+    return { __sfc: !0, editorStore: o(), InButtonV2: r, RestoreButton: e };
   }
 });
 export {
-  c as default
+  _ as default
 };

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

@@ -2,7 +2,7 @@ import o from "./RightSlot.vue2.js";
 import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
   var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleSave } })], 1);
+  return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.editorStore.isVersionHistoryOpen } })], 1);
 }, r = [], a = /* @__PURE__ */ i(
   o,
   n,

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

@@ -1,35 +1,21 @@
-import { defineComponent as m } from "vue";
-import { useActionsApi as p } from "../../../composables/useActionsApi.js";
-import { useExport as c } from "../../../composables/useExport.js";
-import { useSaveStart as l, useSaveComplete as f } from "../../../composables/useGuidoActions.js";
-import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
-import { InButtonV2 as S } from "@useinsider/design-system-vue";
-const E = /* @__PURE__ */ m({
+import { defineComponent as s } from "vue";
+import { useExport as i } from "../../../composables/useExport.js";
+import { useVersionHistoryApi as n } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as p } from "../../../stores/editor.js";
+import { InButtonV2 as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ s({
   __name: "RightSlot",
-  setup(h) {
-    const { exportHtml: a } = c(), { getCompiledEmail: t } = p(), e = l(), r = f(), { openVersionHistory: s, closeVersionHistory: n } = u(), i = d();
-    return { __sfc: !0, exportHtml: a, getCompiledEmail: t, saveStart: e, saveComplete: r, openVersionHistory: s, closeVersionHistory: n, editorStore: i, handleVersionHistory: () => {
-      if (i.isVersionHistoryOpen) {
-        n();
+  setup(f) {
+    const { exportHtml: e } = i(), { openVersionHistory: o, closeVersionHistory: r } = n(), t = p();
+    return { __sfc: !0, exportHtml: e, openVersionHistory: o, closeVersionHistory: r, editorStore: t, handleVersionHistory: () => {
+      if (t.isVersionHistoryOpen) {
+        r();
         return;
       }
-      s();
-    }, handleSave: async () => {
-      e();
-      try {
-        const { html: o } = await t();
-        r({
-          html: o || "",
-          css: ""
-          // CSS is embedded in HTML from Stripo
-        });
-      } catch (o) {
-        console.error("Failed to get template data for save:", o);
-      }
-    }, InButtonV2: S };
+      o();
+    }, InButtonV2: m };
   }
 });
 export {
-  E as default
+  d as default
 };

package/dist/composables/useStripo.js

@@ -1,20 +1,20 @@
-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 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 { useActionsApi as m } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as g } from "./useCustomInterfaceAppearance.js";
+import { useToaster as f } from "./useToaster.js";
+import { displayConditions as E } from "../enums/displayConditions.js";
+import S from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as y } from "../services/stripoApi.js";
+import { useEditorStore as C } from "../stores/editor.js";
+const x = (a) => {
+  const { handleError: d } = f(), { getToken: c, getCustomFonts: u } = y(), l = (e, r = []) => {
+    const i = C(), { html: t, css: s } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: a,
         html: t,
         css: s,
-        forceRecreate: m,
+        forceRecreate: !0,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,7 +30,7 @@ const A = (a) => {
                 `,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: S,
+        conditionCategories: E,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -47,7 +47,7 @@ const A = (a) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
+            const { importCss: o } = g(), { activateCustomViewStyles: n } = m();
             o(), n();
           } catch (o) {
             d(o, "Failed to load custom interface appearance");
@@ -63,7 +63,7 @@ const A = (a) => {
           i.isVersionHistoryOpen = o;
         },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [y]
+        extensions: [S]
       }
     );
   }, p = (e) => new Promise((r, i) => {
@@ -87,5 +87,5 @@ const A = (a) => {
   } };
 };
 export {
-  A as useStripo
+  x as useStripo
 };

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-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-89bedf08],.guido-editor__container[data-v-89bedf08]{width:100%;height:calc(100vh - 75px)}
+.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-f7e1afcb],.guido-editor__container[data-v-f7e1afcb]{width:100%;height:calc(100vh - 75px)}

package/dist/services/stripoApi.js

@@ -25,16 +25,12 @@ const m = () => {
     getDefaultTemplate: async () => {
       const t = {
         html: "",
-        css: "",
-        forceRecreate: !0
+        css: ""
       };
       try {
         const { data: e } = await r("/stripo/default-template");
         try {
-          return {
-            ...JSON.parse(e),
-            forceRecreate: !0
-          };
+          return JSON.parse(e);
         } catch {
           return t;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.53042a3",
+  "version": "1.0.0-beta.57ed29f",
   "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",

package/dist/composables/useGuidoActions.d.ts

@@ -1,46 +0,0 @@
-import type { Template } from '@@/Types/stripo';
-import type { InjectionKey } from 'vue';
-export type BackHandler = () => void;
-export type SaveStartHandler = () => void;
-export type SaveCompleteHandler = (template: Omit<Template, 'forceRecreate'>) => void;
-export declare const BACK_KEY: InjectionKey<BackHandler>;
-export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
-export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-/**
- * Provides Guido action handlers to child components
- */
-export declare const provideGuidoActions: (actions: {
-    onBack: BackHandler;
-    onSaveStart: SaveStartHandler;
-    onSaveComplete: SaveCompleteHandler;
-}) => void;
-/**
- * Provides individual Guido action handlers
- */
-export declare const provideBackHandler: (handler: BackHandler) => void;
-export declare const provideSaveStartHandler: (handler: SaveStartHandler) => void;
-export declare const provideSaveCompleteHandler: (handler: SaveCompleteHandler) => void;
-/**
- * Hook to use the back navigation handler
- * @returns Back navigation function
- */
-export declare const useBack: () => BackHandler;
-/**
- * Hook to use the save start handler
- * @returns Save start function
- */
-export declare const useSaveStart: () => SaveStartHandler;
-/**
- * Hook to use the save complete handler
- * @returns Save complete function
- */
-export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Convenience hook to get all Guido actions
- * @returns Object containing all action handlers
- */
-export declare const useGuidoActions: () => {
-    back: BackHandler;
-    saveStart: SaveStartHandler;
-    saveComplete: SaveCompleteHandler;
-};

package/dist/composables/useGuidoActions.js

@@ -1,37 +0,0 @@
-import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
-}, u = () => {
-  try {
-    return t(r);
-  } catch {
-    throw new Error(
-      "useBack: No back handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, d = () => {
-  try {
-    return t(n);
-  } catch {
-    throw new Error(
-      "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, i = () => {
-  try {
-    return t(a);
-  } catch {
-    throw new Error(
-      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-};
-export {
-  r as BACK_KEY,
-  a as SAVE_COMPLETE_KEY,
-  n as SAVE_START_KEY,
-  s as provideGuidoActions,
-  u as useBack,
-  i as useSaveComplete,
-  d as useSaveStart
-};

package/dist/composables/useProvideInject.d.ts

@@ -1,14 +0,0 @@
-import { type InjectionKey } from 'vue';
-/**
- * Provides a value using Vue's provide/inject system
- * @param key - The injection key
- * @param value - The value to provide
- */
-export declare const provideValue: <T>(key: InjectionKey<T>, value: T) => void;
-/**
- * Injects a value using Vue's provide/inject system
- * @param key - The injection key
- * @param defaultValue - Optional default value if injection fails
- * @returns The injected value
- */
-export declare const useInjectedValue: <T>(key: InjectionKey<T>, defaultValue?: T) => T;

package/dist/composables/useProvideInject.js

@@ -1,17 +0,0 @@
-import { provide as t, inject as i } from "vue";
-const d = (e, o) => {
-  t(e, o);
-}, s = (e, o) => {
-  const r = i(e, o);
-  if (r === void 0 && o === void 0) {
-    const n = e.description || String(e);
-    throw new Error(
-      `useInjectedValue: No provider found for key "${n}". Make sure a parent component provides this value.`
-    );
-  }
-  return r;
-};
-export {
-  d as provideValue,
-  s as useInjectedValue
-};