@useinsider/guido 1.0.2 → 1.0.3-beta.000af7d

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

@@ -0,0 +1,74 @@
+import { defineComponent as u, computed as a, watch as b } from "vue";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+import { useOnboardingStore as k } from "../../../stores/onboarding.js";
+import { InOnboard as B } from "@useinsider/design-system-vue";
+const y = /* @__PURE__ */ u({
+  __name: "TextBlockOnboarding",
+  setup(h) {
+    const i = m(), o = k(), e = a(() => {
+      const n = window.innerHeight - 128, r = Math.max(90, n * 0.15), s = Math.max(490, n * 0.71), d = 200, g = 40;
+      return {
+        settings: {
+          top: `${r}px`,
+          position: r + d + g > n ? "Right Bottom" : "Right Top"
+        },
+        dynamic: {
+          top: `${s}px`,
+          position: s + d + g > n ? "Right Bottom" : "Right Top"
+        }
+      };
+    }), c = a(() => [
+      {
+        classes: "guido-text-block-onboarding-settings",
+        right: "450px",
+        top: e.value.settings.top,
+        position: e.value.settings.position,
+        title: i("email-editor.onboarding-text-block-title"),
+        description: i("email-editor.onboarding-text-block-description"),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: i("products.next"),
+        nextButtonClick: () => {
+          o.next("textBlockOnboarding");
+        }
+      },
+      {
+        classes: "guido-text-block-onboarding-dynamic",
+        right: "450px",
+        top: e.value.dynamic.top,
+        position: e.value.dynamic.position,
+        title: i("email-editor.onboarding-dynamic-content-title"),
+        description: i("email-editor.onboarding-dynamic-content-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: i("ds-steps.back"),
+        backButtonClick: () => {
+          o.previous("textBlockOnboarding");
+        },
+        nextButtonType: "text",
+        nextButtonText: i("action-builder.ok"),
+        nextButtonClick: () => {
+          o.close("textBlockOnboarding");
+        }
+      }
+    ]), l = a(() => o.onboardings.textBlockOnboarding.config.length > 0 && o.onboardings.textBlockOnboarding.isActive), p = () => {
+      var t, n;
+      (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
+    }, x = () => {
+      var t, n;
+      (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
+    };
+    return b(
+      () => o.isActive("textBlockOnboarding"),
+      (t) => {
+        t && o.setConfig("textBlockOnboarding", c.value);
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, trans: i, onboardingStore: o, dynamicPosition: e, onboardingCardsConfig: c, isVisible: l, handleNext: p, handleBack: x, InOnboard: B };
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,20 @@
+import g from "./VersionHistoryOnboarding.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var n, t, i, e, s, a;
+  var r = this, d = r._self._c, o = r._self._setupProxy;
+  return o.isVisible ? d(o.InOnboard, { key: "guido__version-history-onboard", staticClass: "w-21-s p-a z-11", class: (n = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : n.classes, attrs: { id: "guido__version-history-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (t = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : t.bottom, "left-position": (i = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : i.left, "pages-config": o.onboardingStore.onboardings.versionHistoryOnboarding.config, "pointer-position": (e = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : e.position, "right-position": (s = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : s.right, "top-position": (a = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: o.handleBack, close: function(b) {
+    return o.onboardingStore.close("versionHistoryOnboarding");
+  }, nextButtonClick: o.handleNext } }) : r._e();
+}, _ = [], p = /* @__PURE__ */ l(
+  g,
+  c,
+  _,
+  !1,
+  null,
+  null
+);
+const m = p.exports;
+export {
+  m as default
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent as c, computed as e, watch as g } from "vue";
+import { useTranslations as b } from "../../../composables/useTranslations.js";
+import { useOnboardingStore as u } from "../../../stores/onboarding.js";
+import { InOnboard as l } from "@useinsider/design-system-vue";
+const C = /* @__PURE__ */ c({
+  __name: "VersionHistoryOnboarding",
+  setup(p) {
+    const t = b(), n = u(), r = e(() => [
+      {
+        classes: "guido-version-history-onboarding",
+        left: "409px",
+        top: "192px",
+        position: "Left Top",
+        title: t("email-editor.onboarding-version-history-title"),
+        description: t("email-editor.onboarding-version-history-description"),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: t("action-builder.ok"),
+        nextButtonClick: () => void n.close("versionHistoryOnboarding")
+      }
+    ]), s = e(() => n.onboardings.versionHistoryOnboarding.config.length > 0 && n.onboardings.versionHistoryOnboarding.isActive), a = () => {
+      var o, i;
+      (i = (o = n.getVersionHistoryCurrentCard) == null ? void 0 : o.nextButtonClick) == null || i.call(o);
+    }, d = () => {
+      var o, i;
+      (i = (o = n.getVersionHistoryCurrentCard) == null ? void 0 : o.backButtonClick) == null || i.call(o);
+    };
+    return g(() => n.onboardings.versionHistoryOnboarding.isActive, (o) => {
+      o && n.setConfig("versionHistoryOnboarding", r.value);
+    }, { immediate: !0 }), { __sfc: !0, trans: t, onboardingStore: n, onboardingCardsConfig: r, isVisible: s, handleNext: a, handleBack: d, InOnboard: l };
+  }
+});
+export {
+  C as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeBreadcrumb.vue.js

@@ -0,0 +1,18 @@
+import s from "./UnsubscribeBreadcrumb.vue2.js";
+/* empty css                           */
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var e = this, t = e._self._c, r = e._self._setupProxy;
+  return t(r.InBreadcrumb, { staticClass: "c-p", attrs: { "without-router": "", "active-tab": r.unsubscribeStore.activeType, "home-icon": !1, list: r.breadcrumbs, routes: [] }, on: { click: r.navigate } });
+}, c = [], n = /* @__PURE__ */ a(
+  s,
+  o,
+  c,
+  !1,
+  null,
+  "70835920"
+);
+const f = n.exports;
+export {
+  f as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeBreadcrumb.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as o, computed as n } from "vue";
+import { TYPE_TRANSLATIONS as s } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
+import { InBreadcrumb as m } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ o({
+  __name: "UnsubscribeBreadcrumb",
+  setup(a) {
+    const r = c(), t = n(() => r.getSelectedCollection.map((e) => ({ value: e, text: s[e] })));
+    return { __sfc: !0, unsubscribeStore: r, breadcrumbs: t, navigate: (e) => {
+      r.activeType = e.value;
+    }, InBreadcrumb: m };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -0,0 +1,24 @@
+import a from "./UnsubscribePageSelection.vue2.js";
+/* empty css                              */
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var r = this, e = r._self._c, t = r._self._setupProxy;
+  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.closeModal, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return t.selectTemplate(s.id);
+    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+  }), 0)]);
+}, i = [], c = /* @__PURE__ */ n(
+  a,
+  o,
+  i,
+  !1,
+  null,
+  "a86fc486"
+);
+const _ = c.exports;
+export {
+  _ as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
+import g from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as S } from "../../../composables/useToaster.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
+import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
+import { InContainer as C } from "@useinsider/design-system-vue";
+import h from "./UnsubscribeBreadcrumb.vue.js";
+const E = /* @__PURE__ */ f({
+  __name: "UnsubscribePageSelection",
+  setup(_) {
+    const s = v(), e = w(), { showToaster: a } = S(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = n(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: c.value,
+        loadingStatus: o.value,
+        disabledStatus: !1
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: i.value,
+        disabledStatus: o.value
+      }
+    })), u = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
+      e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
+        t();
+      }, 500);
+    }, m = () => {
+      if (e.isActiveTypeFirstInCollection) {
+        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        return;
+      }
+      e.setPreviousType();
+    }, d = () => {
+      if (e.isActiveTypeLastInCollection) {
+        o.value = !0;
+        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
+        e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+          detail: {
+            collectionType: t,
+            selectedPages: l
+          }
+        })), r(() => {
+          o.value = !1, a({
+            type: B.Success,
+            message: s("global-unsubscribe.pages-were-attached")
+          });
+        });
+        return;
+      }
+      e.setNextType();
+    }, b = (t) => {
+      e.setSelectedTemplate(t);
+    };
+    return T(() => e.pageSelectionDrawerStatus, (t) => {
+      t && e.pageSelectionUpdateStatus && e.fetchTemplates();
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: p, getBorderClass: u, closeModal: r, handleBack: m, handleSave: d, selectTemplate: b, WpDrawer: g, InContainer: C, UnsubscribeBreadcrumb: h };
+  }
+});
+export {
+  E as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -0,0 +1,18 @@
+import n from "./UnsubscribeTypeSelection.vue2.js";
+/* empty css                              */
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
+}, r = [], c = /* @__PURE__ */ o(
+  n,
+  i,
+  r,
+  !1,
+  null,
+  "dd57102d"
+);
+const d = c.exports;
+export {
+  d as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as h, ref as b, computed as m, watch as _ } from "vue";
+import v from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as B } from "../../../composables/useToaster.js";
+import { useTranslations as N } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, ACADEMY_LINK as w, UNSUBSCRIBE_PAGES_LINK as P, TYPE_TRANSLATIONS as R } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as D } from "../../../stores/unsubscribe.js";
+import { InSegments as I } from "@useinsider/design-system-vue";
+const z = /* @__PURE__ */ h({
+  __name: "UnsubscribeTypeSelection",
+  setup(G) {
+    const e = N(), { showToaster: f } = B(), t = D(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+      "unsubscription-preference.select-unsubscribe-page-description",
+      { action: `<a href="${w}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
+    ), T = m(() => [
+      {
+        description: e("unsubscription-preference.type-global-unsubscribe-description"),
+        icon: "line-contact-global-unsub-page",
+        text: e("unsubscription-preference.type-global-unsubscribe"),
+        value: l.GLOBAL_UNSUBSCRIBE,
+        disable: t.isGlobalUnsubscribeDisabled,
+        position: "bottom",
+        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
+      },
+      {
+        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
+        icon: "line-contact-sub-pref-center-page",
+        text: e("unsubscription-preference.type-subscription-preferences-center"),
+        value: l.SUBSCRIPTION_PREFERENCE_CENTER,
+        disable: t.isSubscriptionPreferencesCenterDisabled,
+        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
+      }
+    ]), y = m(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: e(
+          n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+        ),
+        loadingStatus: n.value,
+        disabledStatus: !1,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 168, height: 40 }
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: e("products.cancel"),
+        disabledStatus: n.value,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 78, height: 40 }
+      }
+    })), d = (s) => {
+      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
+        s();
+      }, 500);
+    }, E = (s) => {
+      o.value = s;
+    }, g = () => {
+      const s = t.hasTemplatesByCollectionType, r = [];
+      if (Object.entries(s).forEach(([c, p]) => {
+        p || r.push(Number(c));
+      }), r.length === 0)
+        return !0;
+      const a = r.map((c) => R[c]);
+      let u = "";
+      if (r.length === 1)
+        u = e("unsubscription-preference.create-page-to-continue", {
+          page: a[0]
+        });
+      else if (r.length === 2)
+        u = e("unsubscription-preference.create-pages-to-continue", {
+          page1: a[0],
+          page2: a[1]
+        });
+      else {
+        const c = a.pop() ?? "", p = a.join(", ");
+        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
+          pages: p,
+          lastPage: c
+        });
+      }
+      return f({
+        type: U.Warning,
+        message: u,
+        actionButton: {
+          text: "Go to Unsubscribe Pages",
+          onClick: () => {
+            window.location.href = P;
+          }
+        }
+      }), !1;
+    }, C = async () => {
+      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
+        n.value = !1, d();
+        return;
+      }
+      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
+    };
+    return _(() => t.typeSelectionDrawerStatus, (s) => {
+      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
+    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: v, InSegments: I };
+  }
+});
+export {
+  z as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.js

@@ -0,0 +1,18 @@
+import o from "./UnsubscribeWrapper.vue2.js";
+import t from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var s;
+  var e = this, n = e._self._c, r = e._self._setupProxy;
+  return (s = r.config.extensions) != null && s.unsubscribe ? n("div", [n(r.UnsubscribeTypeSelection), n(r.UnsubscribePageSelection)], 1) : e._e();
+}, c = [], i = /* @__PURE__ */ t(
+  o,
+  _,
+  c,
+  !1,
+  null,
+  null
+);
+const l = i.exports;
+export {
+  l as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue2.js

@@ -0,0 +1,12 @@
+import { defineComponent as t, defineAsyncComponent as e } from "vue";
+import { useConfig as r } from "../../../composables/useConfig.js";
+const m = /* @__PURE__ */ t({
+  __name: "UnsubscribeWrapper",
+  setup(i) {
+    const n = e(() => import("./UnsubscribePageSelection.vue.js")), o = e(() => import("./UnsubscribeTypeSelection.vue.js")), { config: s } = r();
+    return { __sfc: !0, UnsubscribePageSelection: n, UnsubscribeTypeSelection: o, config: s };
+  }
+});
+export {
+  m as default
+};

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 i = function() {
+var u = 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,13 +8,15 @@ var i = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
+    return [t._t("headerBottomSlot")];
+  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, u = [], c = /* @__PURE__ */ s(
+}, i = [], c = /* @__PURE__ */ s(
   r,
-  i,
   u,
+  i,
   !1,
   null,
   null

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,32 +1,34 @@
 import S from "../static/styles/base.css.js";
-import e from "../static/styles/components/alert-message.css.js";
-import m from "../static/styles/components/amp-block.css.js";
+import m from "../static/styles/components/alert-message.css.js";
+import e from "../static/styles/components/amp-block.css.js";
 import i from "../static/styles/components/base-input.css.js";
 import p from "../static/styles/components/button-group.css.js";
 import n from "../static/styles/components/button.css.js";
-import s from "../static/styles/components/combobox.css.js";
-import C from "../static/styles/components/counter.css.js";
+import C from "../static/styles/components/combobox.css.js";
+import s from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
 import a from "../static/styles/components/loader.css.js";
 import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/switcher.css.js";
-import d from "../static/styles/components/tabs.css.js";
-import l from "../static/styles/components/tools.css.js";
-import h from "../static/styles/components/version-history.css.js";
-import w from "../static/styles/components/wide-panel.css.js";
-import y from "../static/styles/variables.css.js";
-const B = [
-  y,
+import c from "../static/styles/components/notification.css.js";
+import d from "../static/styles/components/popup.css.js";
+import l from "../static/styles/components/switcher.css.js";
+import h from "../static/styles/components/tabs.css.js";
+import w from "../static/styles/components/tools.css.js";
+import y from "../static/styles/components/version-history.css.js";
+import B from "../static/styles/components/wide-panel.css.js";
+import b from "../static/styles/variables.css.js";
+const A = [
+  b,
   // Must be on top
   S,
   // Must be on top
-  e,
   m,
+  e,
   i,
   p,
   n,
-  s,
   C,
+  s,
   f,
   a,
   u,
@@ -34,12 +36,14 @@ const B = [
   d,
   l,
   h,
-  w
+  w,
+  y,
+  B
 ].join(`
 
-`), R = () => ({ importCss: () => {
+`), F = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(B);
+  o.replaceSync(A);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -47,5 +51,5 @@ const B = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  R as useCustomInterfaceAppearance
+  F as useCustomInterfaceAppearance
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,17 +1,25 @@
-import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
-import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-import { useConfig as s } from "./useConfig.js";
-const R = () => {
-  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
+import { defaultHtmlCompilerRules as t } from "../config/compiler/htmlCompilerRules.js";
+import { outlookCompilerRules as p } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as s } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as u } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as n } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as c } from "../utils/htmlCompiler.js";
+import { useConfig as f } from "./useConfig.js";
+const h = () => {
+  const { config: e } = f(), l = e.htmlCompilerRules || [], m = [
+    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : t,
+    ...s,
+    ...n,
+    ...p,
+    ...u,
     ...l.map((o, i) => ({
       ...o,
       priority: o.priority + 1e3 + i
       // Ensure additional rules run after default rules
     }))
-  ], m = p(t);
-  return { compileHtml: (o) => m.compile(o) };
+  ], r = c(m);
+  return { compileHtml: (o) => r.compile(o) };
 };
 export {
-  R as useHtmlCompiler
+  h as useHtmlCompiler
 };