@useinsider/guido 1.0.3-beta.df46976 → 1.0.3-beta.df886ce

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

@@ -0,0 +1,99 @@
+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/onboarding/NewVersionPopup.vue2.js

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

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

@@ -1,23 +1,25 @@
 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 w from "./NewVersionPopup.vue.js";
-import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import u from "./AMPOnboarding.vue.js";
+import v from "./GenericOnboarding.vue.js";
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
+import h from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { usePreviewStore as A } from "../../../stores/preview.js";
+const G = /* @__PURE__ */ b({
   __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 = [
-      { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
-      { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
+  setup(H, { emit: f }) {
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
+      { type: "genericOnboarding", component: v },
+      { type: "textBlockOnboarding", component: S },
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: u },
+      { type: "itemsOnboarding", component: l }
     ], 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 () => {
       await o.fetchUserModalState();
@@ -40,5 +42,5 @@ const F = /* @__PURE__ */ b({
   }
 });
 export {
-  F as default
+  G as default
 };

package/dist/composables/useActionsApi.js

@@ -17,7 +17,7 @@ const A = () => {
         ]
       },
       mergeTags: ["Tag1", "Tag2"],
-      forseAmp: !1,
+      forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, m = {

package/dist/composables/useBlocksConfig.js

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

@@ -1,6 +1,6 @@
 import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
+const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symbol.for("guido.save.complete"), a = Symbol.for("guido.test.email.click"), i = (e) => {
+  o(r, e.onBack), o(n, e.onSaveStart), o(c, e.onSaveComplete), o(a, e.onTestEmailClick);
 }, u = () => {
   try {
     return t(r);
@@ -9,7 +9,7 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
       "useBack: No back handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, d = () => {
+}, l = () => {
   try {
     return t(n);
   } catch {
@@ -17,21 +17,31 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
       "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, i = () => {
+}, d = () => {
   try {
-    return t(a);
+    return t(c);
   } catch {
     throw new Error(
       "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
     );
   }
+}, m = () => {
+  try {
+    return t(a);
+  } catch {
+    throw new Error(
+      "useTestEmailClick: No test email click handler provided. Make sure Guido component is in the component tree."
+    );
+  }
 };
 export {
   r as BACK_KEY,
-  a as SAVE_COMPLETE_KEY,
+  c as SAVE_COMPLETE_KEY,
   n as SAVE_START_KEY,
-  s as provideGuidoActions,
+  a as TEST_EMAIL_CLICK_KEY,
+  i as provideGuidoActions,
   u as useBack,
-  i as useSaveComplete,
-  d as useSaveStart
+  d as useSaveComplete,
+  l as useSaveStart,
+  m as useTestEmailClick
 };

package/dist/composables/useHtmlCompiler.js

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

package/dist/composables/useHtmlValidator.js

@@ -1,18 +1,19 @@
-import { useConfig as H } from "./useConfig.js";
-import { TemplateTypes as V } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as D, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as P, CampaignCouldNotBeSavedKey as R, CanNotMakeAnyChangesForRunningKey as _ } from "../enums/html-validator.js";
+import { useConfig as V } from "./useConfig.js";
+import { TemplateTypes as D } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as H, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as P, CampaignCouldNotBeSavedKey as R, CanNotMakeAnyChangesForRunningKey as _ } from "../enums/html-validator.js";
 import { ToasterTypeOptions as l } from "../enums/toaster.js";
-import { useRecommendationStore as G } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as $ } from "../utils/base64.js";
-import { useHttp as j } from "./useHttp.js";
-import { useToaster as q } from "./useToaster.js";
-import { useTranslations as M } from "./useTranslations.js";
-const se = () => {
+import { itemsBlockDynamicVariables as G } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as $ } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as j } from "../utils/base64.js";
+import { useHttp as q } from "./useHttp.js";
+import { useToaster as M } from "./useToaster.js";
+import { useTranslations as X } from "./useTranslations.js";
+const ie = () => {
   var d;
-  const { showToaster: c } = q(), { post: y } = j(), { config: h } = H(), a = M(), m = G(), u = ((d = h.partner) == null ? void 0 : d.messageType) === V.transactional, v = async (e) => {
+  const { showToaster: c } = M(), { post: y } = q(), { config: h } = V(), a = X(), m = $(), u = ((d = h.partner) == null ? void 0 : d.messageType) === D.transactional, v = async (e) => {
     const t = await y(
       "/newsletter/template-library/check-template-html-body",
-      { html: $(e) }
+      { html: j(e) }
     ), { status: n, message: r } = t.data;
     return n || c({
       type: l.Alert,
@@ -25,10 +26,10 @@ const se = () => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !u && t.forEach((r) => {
-      const o = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
-      if (o && o.length > 0) {
-        const [i] = o;
-        C(i) && !s.includes(i) && (c({
+      const i = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (i && i.length > 0) {
+        const [o] = i;
+        C(o) && !s.includes(o) && (c({
           type: l.Warning,
           message: a("custom-fields.invalid-custom-fields")
         }), n = !1);
@@ -58,19 +59,19 @@ const se = () => {
   }, k = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !u) {
-      const n = new Set(s.map((o) => o.toLowerCase())), r = [];
-      if (t.forEach((o) => {
-        const i = o.slice(2, -2).trim().toLowerCase();
-        (!n.has(i) || i === "") && r.push(i);
+      const n = new Set(s.map((i) => i.toLowerCase())), r = [];
+      if (t.forEach((i) => {
+        const o = i.slice(2, -2).trim().toLowerCase();
+        (!n.has(o) || o === "") && r.push(o);
       }), r.length > 0) {
-        const o = `
+        const i = `
                     <ul>
-                        ${r.map((i) => `<li>${i}</li>`).join("")}
+                        ${r.map((o) => `<li>${o}</li>`).join("")}
                     </ul>
                 `;
         return c({
           type: l.Alert,
-          message: a("custom-fields.invalid-custom-fields") + o
+          message: a("custom-fields.invalid-custom-fields") + i
         }), !1;
       }
     }
@@ -79,11 +80,11 @@ const se = () => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((r) => {
-      const o = r.match(D), i = r.match(P), B = (o == null ? void 0 : o.join("")) || "";
-      (!o || r !== B) && !i && (c({
+      const i = r.match(H), o = r.match(P), B = (i == null ? void 0 : i.join("")) || "";
+      (!i || r !== B) && !o && (c({
         type: l.Alert,
         message: a("newsletter.display-conditions-invalid-syntax")
-      }), n = !1), o && o.forEach((f) => {
+      }), n = !1), i && i.forEach((f) => {
         f.trim() === "=" && (c({
           type: l.Alert,
           message: a("custom-conditions.wrong-equality-operators")
@@ -94,8 +95,8 @@ const se = () => {
         });
       });
     }), t.length) {
-      const r = t.filter((i) => i === "if"), o = t.filter((i) => i === "endif");
-      r.length !== o.length && (c({
+      const r = t.filter((o) => o === "if"), i = t.filter((o) => o === "endif");
+      r.length !== i.length && (c({
         type: l.Alert,
         message: a("custom-conditions.missing-if-endif-tag")
       }), n = !1);
@@ -121,28 +122,28 @@ const se = () => {
     }), !1);
   }, N = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
-    return Array.from(n).find((o) => {
-      var i;
-      return !((i = o.id) != null && i.trim());
+    return Array.from(n).find((i) => {
+      var o;
+      return !((o = i.id) != null && o.trim());
     }) ? (c({
       type: l.Alert,
       message: a("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
   }, O = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
-    return Array.from(n).find((o) => {
-      var i;
-      return !((i = o.id) != null && i.trim());
+    return Array.from(n).find((i) => {
+      var o;
+      return !((o = i.id) != null && o.trim());
     }) ? (c({
       type: l.Alert,
       message: a("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
-    const n = s.map((o) => o.value);
+    const n = [...s.map((i) => i.value), ...G];
     return await b(e, n, t) && E(e) && A(e) && x(e) && k(e, n) && T(e) && F(e) && I(e) && W() && L(e) && N(e) && O(e);
   } };
 };
 export {
-  se as useHtmlValidator
+  ie as useHtmlValidator
 };