@useinsider/guido 1.0.2-beta.ad1dcd9 → 1.0.2-beta.b11c72f

package/README.md

@@ -643,6 +643,6 @@ ISC License
 ## 🎯 TODO:
 - CSS part should be optimized with variables & `sass-loader`.
 - Master Version Generator should be fixed.
-- Playwright integrationBoilerplate/control.ts
+- Playwright integration
 - Commitlint & Precommit Hooks integration
 - Get Pre-built display conditions from API

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

@@ -1,7 +1,4 @@
 import type { CompilerRule } from './html-compiler';
-type Extensions = {
-    unsubscribe?: boolean;
-};
 type Features = {
     dynamicContent?: boolean;
     saveAsTemplate?: boolean;
@@ -19,13 +16,8 @@ export type GuidoConfig = {
     useHeader?: boolean;
     emailHeader: EmailHeader;
     partner?: Partner;
-    extensions?: Extensions;
     features?: Features;
 };
-export type TemplateConfig = {
-    preselectedDynamicContentList: DynamicContent[];
-    selectedUnsubscribePages?: number[];
-};
 export type DynamicContent = {
     value: string;
     text: string;

package/dist/_virtual/AddCustomFont.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/AiAssistantValueType.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/BackgroundColorBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/BackgroundImageBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/Block.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/BlockAttributes.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/BlockCompositionType.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/BlockPaddingsBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/BlockRenderer.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/BlockType.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/BlocksPanel.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/BuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/BuiltInControlTypes.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/ButtonBorderBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/ButtonColorBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/ButtonFontColorBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/ButtonTextBuiltInControl.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/ContextAction.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/ContextActionType.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/Control.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/EditorStatePropertyType.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/Extension.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/ExtensionBuilder.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/FontFamilyBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/LinkColorBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/ModificationDescription.js

@@ -0,0 +1,4 @@
+var i = {};
+export {
+  i as __exports
+};

package/dist/_virtual/PanelPosition.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/PreviewDeviceMode.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/SettingsPanelRegistry.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/SettingsPanelTab.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/SettingsTab.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/StructureBorderBuiltInControl.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/StructurePaddingsBuiltInControl.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/TextColorBuiltInControl.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/TextLineSpacingBuiltInControl.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/TextSizeBuiltInControl.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/TextStyleBuiltInControl.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/UIElement.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/UIElementTagRegistry.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/UIElementType.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/UIElementsAttributes.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/index.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/index.js";
+var i = r();
+export {
+  i as d
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -9,8 +9,8 @@ type __VLS_Props = {
     username?: string;
     html?: string;
     css?: string;
+    preselectedDynamicContentList: DynamicContent[];
     guidoConfig: GuidoConfig;
-    templateConfig?: TemplateConfig;
 };
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {
     dynamicContent: {

package/dist/components/Guido.vue.js

@@ -1,16 +1,16 @@
 import a from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, t = [], d = /* @__PURE__ */ i(
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.LoadingWrapper)], 1);
+}, s = [], d = /* @__PURE__ */ i(
   a,
-  s,
   t,
+  s,
   !1,
   null,
-  "85d64228"
+  "cc1f9260"
 );
 const v = d.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,21 +1,18 @@
-import { defineComponent as R, defineAsyncComponent as G, ref as x, computed as U, watch as F, onMounted as M, onUnmounted as z } from "vue";
-import { provideGuidoActions as B } from "../composables/useGuidoActions.js";
-import { usePartner as K } from "../composables/usePartner.js";
-import { useStripo as O } from "../composables/useStripo.js";
-import { migrate as I } from "../config/migrator/index.js";
-import { DefaultUsername as j, DefaultMessageType as q, DefaultGuidoConfig as J } from "../enums/defaults.js";
-import Q from "./organisms/base/Toaster.vue.js";
-import V from "./organisms/header/HeaderWrapper.vue.js";
-import X from "./organisms/LoadingWrapper.vue.js";
-import Y from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Z from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as $ } from "../services/stripoApi.js";
-import { useDynamicContentStore as ee } from "../stores/dynamic-content.js";
-import { useEditorStore as oe } from "../stores/editor.js";
-import { usePreviewStore as te } from "../stores/preview.js";
-import { useUnsubscribeStore as ne } from "../stores/unsubscribe.js";
-import re from "../node_modules/lodash-es/merge.js";
-const Se = /* @__PURE__ */ R({
+import { defineComponent as N, defineAsyncComponent as E, ref as H, computed as G, watch as R, onMounted as U, onUnmounted as x } from "vue";
+import { provideGuidoActions as F } from "../composables/useGuidoActions.js";
+import { usePartner as M } from "../composables/usePartner.js";
+import { useStripo as z } from "../composables/useStripo.js";
+import { DefaultUsername as B, DefaultMessageType as K, DefaultGuidoConfig as O } from "../enums/defaults.js";
+import j from "./organisms/base/Toaster.vue.js";
+import q from "./organisms/header/HeaderWrapper.vue.js";
+import J from "./organisms/LoadingWrapper.vue.js";
+import Q from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import { useStripoApi as V } from "../services/stripoApi.js";
+import { useDynamicContentStore as X } from "../stores/dynamic-content.js";
+import { useEditorStore as Y } from "../stores/editor.js";
+import { usePreviewStore as Z } from "../stores/preview.js";
+import $ from "../node_modules/lodash-es/merge.js";
+const ge = /* @__PURE__ */ N({
   __name: "Guido",
   props: {
     templateId: null,
@@ -26,50 +23,49 @@ const Se = /* @__PURE__ */ R({
     username: null,
     html: null,
     css: null,
-    guidoConfig: null,
-    templateConfig: null
+    preselectedDynamicContentList: null,
+    guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
-  setup(W, { expose: _, emit: o }) {
-    const d = W, L = G(
+  setup(P, { expose: I, emit: o }) {
+    const n = P, L = E(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), k = G(
+    ), _ = E(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), m = x(), s = ee(), u = ne(), l = oe(), A = te(), n = U(() => l.hasChanges), { getPartnerName: p, getProductType: g, isTestPartner: N } = K(), f = () => {
+    ), c = H(), r = X(), d = Y(), W = Z(), t = G(() => d.hasChanges), a = n.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: l, isTestPartner: k } = M(), u = () => {
       var e;
-      return (e = m.value) == null ? void 0 : e.handleSave(!0);
+      return (e = c.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: y,
-      userId: v,
-      guidoConfig: b,
-      templateConfig: t,
-      html: r = "",
-      css: h = "",
-      partnerName: a = p(),
-      productType: i = g(),
-      messageType: C = q,
-      username: w = j
-    } = d, c = (t == null ? void 0 : t.preselectedDynamicContentList) || [];
-    window.GuidoConfig = re(J, b), window.GuidoConfig.partner = {
-      partnerName: a,
-      productType: i,
+      templateId: p,
+      userId: g,
+      guidoConfig: f,
+      html: y = "",
+      css: v = "",
+      partnerName: i = m(),
+      productType: s = l(),
+      messageType: C = K,
+      username: h = B
+    } = n;
+    window.GuidoConfig = $(O, f), window.GuidoConfig.partner = {
+      partnerName: i,
+      productType: s,
       messageType: C
     };
-    const { initPlugin: S } = O({
-      emailId: y,
-      userId: v,
-      username: w,
-      partnerName: a,
-      productType: i,
-      preselectedDynamicContentList: c,
+    const { initPlugin: w } = z({
+      emailId: p,
+      userId: g,
+      username: h,
+      partnerName: i,
+      productType: s,
+      preselectedDynamicContentList: a,
       onReady: () => {
         console.debug("guido:ready"), o("ready");
       }
-    }), { getDefaultTemplate: D } = $(), H = U(() => {
+    }), { getDefaultTemplate: S } = V(), A = G(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    B({
+    F({
       onBack: () => {
         console.debug("guido:back"), o("back");
       },
@@ -80,47 +76,46 @@ const Se = /* @__PURE__ */ R({
         console.debug("guido:save:complete", e), o("save:complete", e);
       }
     });
-    const T = (e) => {
-      console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, E = () => {
+    const b = (e) => {
+      console.debug("dynamic-content:close", e), r.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, D = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return F(() => n.value, () => {
-      o("on-change", n.value);
-    }), M(async () => {
+    return R(() => t.value, () => {
+      o("on-change", t.value);
+    }), U(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        u.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
         let e = {
-          html: r && await I(r),
-          css: h,
+          html: y,
+          css: v,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await D(), e.html = await I(e.html)), await S(e), s.selectedDynamicContentList = c;
+        e.html || (e = await S()), await w(e), r.selectedDynamicContentList = a;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", (e) => {
-        const P = e;
-        console.debug("dynamic-content:open", P.detail), o("dynamic-content:open", P.detail);
+        const T = e;
+        console.debug("dynamic-content:open", T.detail), o("dynamic-content:open", T.detail);
       });
-    }), z(() => {
+    }), x(() => {
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-    }), _({
+    }), I({
       dynamicContent: {
-        insert: T,
-        close: E
+        insert: b,
+        close: D
       },
-      hasChanges: n,
-      saveSilent: f
-    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: k, headerWrapperRef: m, dynamicContentStore: s, unsubscribeStore: u, props: d, editorStore: l, previewStore: A, hasChanges: n, getPartnerName: p, getProductType: g, isTestPartner: N, saveSilent: f, templateId: y, userId: v, guidoConfig: b, templateConfig: t, html: r, css: h, partnerName: a, productType: i, messageType: C, username: w, preselectedDynamicContentList: c, emit: o, initPlugin: S, getDefaultTemplate: D, noHeader: H, insertDynamicContent: T, closeDynamicContent: E, Toaster: Q, HeaderWrapper: V, LoadingWrapper: X, SaveAsTemplateDrawer: Y, UnsubscribeWrapper: Z };
+      hasChanges: t,
+      saveSilent: u
+    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: _, headerWrapperRef: c, dynamicContentStore: r, props: n, editorStore: d, previewStore: W, hasChanges: t, preselectedDynamicContentList: a, getPartnerName: m, getProductType: l, isTestPartner: k, saveSilent: u, templateId: p, userId: g, guidoConfig: f, html: y, css: v, partnerName: i, productType: s, messageType: C, username: h, emit: o, initPlugin: w, getDefaultTemplate: S, noHeader: A, insertDynamicContent: b, closeDynamicContent: D, Toaster: j, HeaderWrapper: q, LoadingWrapper: J, SaveAsTemplateDrawer: Q };
   }
 });
 export {
-  Se as default
+  ge as default
 };

package/dist/components/wrappers/WpDrawer.vue.d.ts

@@ -2,7 +2,7 @@ import type { FooterButtonGroupOptions } from '@@/Types/wrappers/wp-drawer';
 interface Props {
     id: string;
     className?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: string;
     closeOnOutsideClick?: boolean;
     descriptionStatus?: boolean;
     descriptionText?: string;
@@ -10,11 +10,9 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_12: {}, __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    headerBottomSlot?: (props: typeof __VLS_12) => any;
-} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -34,7 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionText: string;
 }>>>, {
     className: string;
-    size: "small" | "medium" | "large";
+    size: string;
     closeOnOutsideClick: boolean;
     descriptionStatus: boolean;
     descriptionText: string;

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

@@ -1,6 +1,6 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
+var i = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
     return e.emit("cancelOrBackButtonEvent");
@@ -8,15 +8,13 @@ var u = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
-    return [t._t("headerBottomSlot")];
-  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, i = [], c = /* @__PURE__ */ s(
+}, u = [], c = /* @__PURE__ */ s(
   r,
-  u,
   i,
+  u,
   !1,
   null,
   null

package/dist/composables/useHtmlValidator.d.ts

@@ -1,4 +1,3 @@
-import type { DynamicContent } from '@@/Types/generic';
 export declare const useHtmlValidator: () => {
-    validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
+    validateHtml: (html: string, customFields: string[], isOnSaveValidation?: boolean) => Promise<boolean>;
 };