@useinsider/guido 1.0.3-beta.d929d15 → 1.0.3-beta.dbf4a88

package/README.md

@@ -52,7 +52,6 @@ npm install @useinsider/guido
       ref="guidoEditor"
       :template-id="templateId"
       :user-id="userId"
-      :migration-date="migrationDate"
       :guido-config="guidoConfig"
       :html="initialHtml"
       :css="initialCss"
@@ -75,7 +74,6 @@ export default {
     return {
       templateId: 'template-123',
       userId: 'user-456',
-      migrationDate: 1699488000,
       initialHtml: '<p>Initial HTML content</p>',
       initialCss: 'p { color: #333; }',
       guidoConfig: {
@@ -147,7 +145,6 @@ export default {
 | `templateId` | `string` | ✅ | - | Unique identifier for the email template |
 | `userId` | `string` | ✅ | - | Unique identifier for the user |
 | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
-| `migrationDate` | `number` | ✅ | - | Stripo migration date in Unix timestamp (seconds). Retrieved from backend `/partner-settings` endpoint as `migrationDate`. Used for onboarding process |
 | `partnerName` | `string` | ⚪ | From URL host | Partner identifier |
 | `productType` | `string` | ⚪ | From URL path | Product type identifier |
 | `username` | `string` | ⚪ | `'Guido User'` | Display name for the user |
@@ -164,7 +161,6 @@ export default {
 | `save:complete` | `Omit<Template, 'forceRecreate'>` | Fired when template is successfully saved |
 | `on-change` | void | It Fires once for managing leave modal etc. |
 | `ready` | void | Fired when the editor is ready and template is loaded |
-| `onboarding-finished` | void | Fired when the onboarding popup is dismissed or completed, allowing parent applications to track onboarding state |
 
 ### Guido Exposed Methods
 ```typescript

package/dist/components/Guido.vue.js

@@ -1,20 +1,18 @@
-import i from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
-import a from "../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
+import i from "../_virtual/_plugin-vue2_normalizer.js";
+var s = 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.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
-    return e.emit("onboarding:finished");
-  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, n = [], s = /* @__PURE__ */ a(
-  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.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, t = [], d = /* @__PURE__ */ i(
+  a,
+  s,
   t,
-  n,
   !1,
   null,
-  "3c910a93"
+  "96687c1d"
 );
-const v = s.exports;
+const v = d.exports;
 export {
   v as default
 };

package/dist/components/Guido.vue2.js

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

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import t from "./NewVersionPopup.vue2.js";
+import s from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
-}, r = [], a = /* @__PURE__ */ n(
-  t,
-  i,
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
+}, i = [], a = /* @__PURE__ */ n(
+  s,
   r,
+  i,
   !1,
   null,
   null
 );
-const _ = a.exports;
+const p = a.exports;
 export {
-  _ as default
+  p as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,43 +1,30 @@
-import { defineComponent as g, ref as b, computed as o } from "vue";
-import v from "../../wrappers/WpModal.vue.js";
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { useTranslations as h } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
-import y from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
-const I = /* @__PURE__ */ g({
+import { defineComponent as s, ref as r } from "vue";
+import a from "../../wrappers/WpModal.vue.js";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import l from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as m } from "../../../stores/onboarding.js";
+const w = /* @__PURE__ */ s({
   __name: "NewVersionPopup",
-  emits: ["onboarding-finished"],
-  setup(w, { emit: a }) {
-    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
-      i.value
-    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: d.value,
-      academyLink: l
-    }) : e("email-editor.onboarding-description", {
-      academyLink: l
-    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
+  setup(p) {
+    const n = i(), e = m(), o = r(!0), t = r({
       primaryButton: {
         type: "primary",
-        labelText: e("left-menu.discover-now")
+        labelText: n("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: u.value
+        labelText: n("products.remind-me-later")
       }
-    })), r = () => {
-      s.value = !1, a("onboarding-finished");
-    };
-    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
-      t.onDiscoverNowClicked(), r();
+    });
+    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
+      e.onDiscoverNowClicked(), o.value = !1;
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r();
+      e.onRemindMeLater(), o.value = !1;
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r();
-    }, WpModal: v, onboardingImageSvg: y };
+      e.onNewVersionPopupClose(), o.value = !1;
+    }, WpModal: a, onboardingImageSvg: l };
   }
 });
 export {
-  I as default
+  w as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,25 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import { usePartner as u } from "../../../composables/usePartner.js";
-import { useEditorStore as v } from "../../../stores/editor.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { usePreviewStore as y } from "../../../stores/preview.js";
-import S from "./AMPOnboarding.vue.js";
-import h from "./GenericOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(A, { emit: f }) {
-    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
+      { type: "genericOnboarding", component: S },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -36,9 +35,9 @@ const F = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/composables/useStripo.js

@@ -1,21 +1,20 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
+import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
 import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
 import w from "../extensions/Blocks/CouponBlock/extension.js";
 import b from "../extensions/Blocks/RadioButton/extension.js";
-import V from "../extensions/Blocks/Recommendation/extension.js";
-import _ from "../extensions/Blocks/Unsubscribe/extension.js";
-import k from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as B } from "../services/stripoApi.js";
-import x from "../static/styles/customEditorStyle.css.js";
+import V from "../extensions/Blocks/Unsubscribe/extension.js";
+import _ from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+import B from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as F } from "../stores/editor.js";
-import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
-import T from "../package.json.js";
-const G = (a) => {
-  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
+import A from "../package.json.js";
+const N = (a) => {
+  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = k(), { handleEvent: p } = E(), l = (r, i = []) => {
     const t = F(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
@@ -33,7 +32,7 @@ const G = (a) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: x,
+        customViewStyles: B,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -47,7 +46,7 @@ const G = (a) => {
         },
         mergeTags: [
           {
-            entries: A(a.preselectedDynamicContentList)
+            entries: x(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
@@ -60,7 +59,7 @@ const G = (a) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
+            const { importCss: o } = S(), { activateCustomViewStyles: e } = f();
             o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
@@ -87,11 +86,10 @@ const G = (a) => {
           ".in-drawer__container"
         ],
         extensions: [
-          k,
+          _,
           h,
           b,
           V,
-          _,
           w
         ]
       }
@@ -102,7 +100,7 @@ const G = (a) => {
       r(), i();
       return;
     }
-    const n = T.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    const n = A.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
     }, o.onerror = () => {
@@ -117,5 +115,5 @@ const G = (a) => {
   } };
 };
 export {
-  G as useStripo
+  N as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,12 +1,11 @@
-import { migrateCheckbox as m } from "./checkboxMigrator.js";
-import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateRecommendation as e } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
-const s = async (t) => {
+import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
+const c = async (t) => {
   let r = t;
-  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
+  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
 };
 export {
-  s as migrate
+  c as migrate
 };

package/dist/enums/defaults.js

@@ -1,6 +1,5 @@
 const a = {
   translationsPath: "window.trans.en",
-  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -17,7 +16,7 @@ const a = {
 }, t = {
   promotional: 1,
   transactional: 2
-}, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
+}, e = "email", o = "Guido User", n = t.promotional, s = 2, i = {
   email: 60,
   architect: 49
 }, u = [
@@ -57,8 +56,8 @@ export {
   n as DefaultMessageType,
   e as DefaultProductType,
   o as DefaultUsername,
-  i as EditorType,
-  s as ProductIds,
+  s as EditorType,
+  i as ProductIds,
   u as TEST_PARTNER_LIST,
   t as TemplateTypes
 };

package/dist/enums/onboarding.js

@@ -2,8 +2,7 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+];
 export {
-  t as ACADEMY_LINK,
   e as SERVICE_HOVER_SELECTORS
 };

package/dist/extensions/Blocks/RadioButton/template.js

@@ -12,12 +12,12 @@ const e = {
                     <td align="left" width="70%" style="vertical-align: top;">
                         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                             <tbody>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-TITLE-}-}
-                                </${t.BLOCK_TEXT}>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-DESCRIPTION-}-}
-                                </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-TITLE-}-}
+                                    </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-DESCRIPTION-}-}
+                                    </${t.BLOCK_TEXT}>
                             </tbody>
                         </table>
                     </td>

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-2c168944] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-3c910a93],.guido-editor__container[data-v-3c910a93]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-3c910a93]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+[data-v-2c168944] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-96687c1d],.guido-editor__container[data-v-96687c1d]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-96687c1d]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}