@useinsider/guido 1.0.3-beta.cdff8ce → 1.0.3-beta.ce4cdcb

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

@@ -1,99 +0,0 @@
-import { defineComponent as l, computed as a, watch as u } from "vue";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
-import { RIBBON_SELECTOR as T, UI_EDITOR_SELECTOR as O, CARD_COMPOSITION_TAB_SELECTOR as B, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
-import { useOnboardingStore as C } from "../../../stores/onboarding.js";
-import { InOnboard as k } from "@useinsider/design-system-vue";
-const E = /* @__PURE__ */ l({
-  __name: "ItemsOnboarding",
-  setup(_) {
-    const e = x(), o = C(), c = a(() => {
-      const t = document.querySelector(T);
-      return (t == null ? void 0 : t.offsetHeight) ?? 0;
-    }), n = (t) => `${t + c.value}px`, r = (t) => {
-      const i = document.querySelector(O);
-      if (!(i != null && i.shadowRoot))
-        return;
-      const { shadowRoot: s } = i, m = s.querySelector(t);
-      m && m.click();
-    }, d = a(() => [
-      {
-        classes: "guido-items-onboarding-card-1",
-        right: "426px",
-        top: n(90),
-        position: "Right Top",
-        title: e("email-editor.onboarding-items-title"),
-        description: e("email-editor.onboarding-items-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: e("products.next"),
-        nextButtonClick: () => {
-          o.next("itemsOnboarding");
-        }
-      },
-      {
-        classes: "guido-items-onboarding-card-2",
-        right: "426px",
-        top: n(218),
-        position: "Right Top",
-        title: e("email-editor.onboarding-items-item-type-title"),
-        description: e("email-editor.onboarding-items-item-type-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: e("ds-steps.back"),
-        backButtonClick: () => {
-          o.previous("itemsOnboarding");
-        },
-        nextButtonType: "text",
-        nextButtonText: e("products.next"),
-        nextButtonClick: () => {
-          o.next("itemsOnboarding");
-        }
-      },
-      {
-        classes: "guido-items-onboarding-card-3",
-        right: "426px",
-        top: n(140),
-        position: "Right Top",
-        title: e("email-editor.onboarding-items-composition-title"),
-        description: e("email-editor.onboarding-items-composition-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: e("ds-steps.back"),
-        backButtonClick: () => {
-          o.previous("itemsOnboarding");
-        },
-        nextButtonType: "text",
-        nextButtonText: e("action-builder.ok"),
-        nextButtonClick: () => {
-          o.close("itemsOnboarding");
-        }
-      }
-    ]), g = a(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
-      var t, i;
-      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || i.call(t);
-    }, b = () => {
-      var t, i;
-      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || i.call(t);
-    };
-    return u(
-      () => o.isActive("itemsOnboarding"),
-      (t) => {
-        t && o.setConfig("itemsOnboarding", d.value);
-      },
-      { immediate: !0 }
-    ), u(
-      () => o.onboardings.itemsOnboarding.cardIndex,
-      (t, i) => {
-        if (!o.isActive("itemsOnboarding"))
-          return;
-        const s = `${i}-${t}`;
-        s === "1-2" && r(B), s === "2-1" && r(f);
-      }
-    ), { __sfc: !0, trans: e, onboardingStore: o, ribbonOffset: c, getTopPosition: n, switchTab: r, onboardingCardsConfig: d, isVisible: g, handleNext: p, handleBack: b, InOnboard: k };
-  }
-});
-export {
-  E as default
-};

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

@@ -1,18 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,64 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,107 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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/composables/useBlocksConfig.js

@@ -1,48 +0,0 @@
-const l = {
-  "amp-accordion": "ampAccordionEnabled",
-  "amp-carousel": "ampCarouselEnabled",
-  "amp-form-controls": "ampFormControlsEnabled",
-  "banner-block": "bannerEnabled",
-  "button-block": "buttonEnabled",
-  "html-block": "htmlEnabled",
-  "image-block": "imageEnabled",
-  "menu-block": "menuEnabled",
-  "social-block": "socialNetEnabled",
-  "spacer-block": "spacerEnabled",
-  "text-block": "textEnabled",
-  "timer-block": "timerEnabled",
-  "video-block": "videoEnabled"
-}, c = {
-  "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
-  "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
-  "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
-  "recommendation-block": () => import("../extensions/Blocks/Recommendation/extension.js"),
-  "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
-  "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
-  "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, a = (n) => {
-  if (!n || !n.length)
-    return {};
-  const o = {};
-  return n.forEach((e) => {
-    const t = l[e];
-    t && (o[t] = !1);
-  }), o;
-}, r = async (n) => !n || !n.length ? [] : (await Promise.all(
-  n.map(async (e) => {
-    const t = c[e];
-    return t ? (await t()).default : null;
-  })
-)).filter((e) => e !== null), s = () => ({
-  getStripoBlocksConfig: async () => {
-    var e;
-    const o = (e = window.GuidoConfig) == null ? void 0 : e.blocks;
-    return {
-      baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
-      extensions: await r(o == null ? void 0 : o.includeCustoms)
-    };
-  }
-});
-export {
-  s as useBlocksConfig
-};

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,14 +0,0 @@
-import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
-const t = [
-  {
-    id: "pair-product-variables",
-    description: "Replace product default values with template variables",
-    type: "custom",
-    processor: r,
-    priority: 60
-    // After recommendation rules (priority 50-53)
-  }
-];
-export {
-  t as itemsCompilerRules
-};