@useinsider/guido 3.18.2-beta.c3e75f6 → 3.18.2-beta.dfce34a

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

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

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

@@ -0,0 +1,47 @@
+import { defineComponent as g, computed as p, watch as b } from "vue";
+import { useRibbonOffset as u } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as l } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as f } from "../../../enums/academy.js";
+import { useRecommendationExtensionStore as O } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { InOnboard as y } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ g({
+  __name: "RecommendationStrategyOnboarding",
+  setup(C) {
+    const n = "recommendationStrategyOnboarding", e = l(), t = _(), i = O(), { getTopPosition: r } = u(), a = `<a href="${f.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${e("action-builder.visit-academy")}</a>`, m = () => [
+      {
+        classes: "guido-recommendation-strategy-onboarding",
+        // Sits in the gap left of the settings panel and points at the strategy section, which
+        // starts 208px down: the panel header and its tab row are fixed chrome above it.
+        right: "426px",
+        top: r(208),
+        position: "Right Top",
+        title: e("email-editor.onboarding-recommendation-strategy-title"),
+        description: e("email-editor.onboarding-recommendation-strategy-description", {
+          academyLink: a
+        }),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: e("action-builder.ok"),
+        nextButtonClick: () => {
+          t.close(n);
+        }
+      }
+    ], c = p(() => i.strategyPanelOpen && t.onboardings.recommendationStrategyOnboarding.config.length > 0 && t.onboardings.recommendationStrategyOnboarding.isActive), d = () => {
+      var o, s;
+      (s = (o = t.getRecommendationStrategyCurrentCard) == null ? void 0 : o.nextButtonClick) == null || s.call(o);
+    };
+    return b(
+      () => t.isActive(n),
+      (o) => {
+        o && t.setConfig(n, m());
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, ONBOARDING_TYPE: n, trans: e, onboardingStore: t, recommendationStore: i, getTopPosition: r, academyLink: a, buildOnboardingCards: m, isVisible: c, handleNext: d, InOnboard: y };
+  }
+});
+export {
+  h as default
+};

package/dist/composables/useActionsApi.js

@@ -1,23 +1,18 @@
-import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
-import { getEditorApi as s } from "../utils/stripoEditorApi.js";
-import { useToaster as D } from "./useToaster.js";
-const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
-  const f = setTimeout(
-    () => p(new Error(`${n} did not report completion within ${l}ms`)),
+import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
+import { useToaster as y } from "./useToaster.js";
+const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
+  const w = setTimeout(
+    () => m(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), c = (t) => (e) => {
-    clearTimeout(f), t(e);
-  }, d = c(p);
-  try {
-    A(c(C), d);
-  } catch (t) {
-    d(t);
-  }
-}), P = () => {
-  const { handleError: n } = D(), l = (t = {}) => r(
+  ), p = (A) => (t) => {
+    clearTimeout(w), A(t);
+  };
+  u(p(T), p(m));
+}), I = () => {
+  const { handleError: n } = y(), l = (t = {}) => s(
     "compileEmail",
-    T,
-    (e, i) => {
+    d,
+    (e, a) => {
       const o = { ...{
         minimize: !0,
         utmEntity: {
@@ -37,53 +32,53 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, u = {
-        callback: (m, g, w, S, v) => {
-          m ? i(m) : e({
-            html: g,
-            ampHtml: w,
-            ampErrors: y(S ?? []),
-            displayConditions: v
+      }, ...t }, c = {
+        callback: (r, C, f, S, g) => {
+          r ? a(r) : e({
+            html: C,
+            ampHtml: f,
+            ampErrors: v(S ?? []),
+            displayConditions: g
           });
         },
         ...o
       };
-      s().actionsApi.compileEmail(u);
+      window.StripoEditorApi.actionsApi.compileEmail(c);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => r(
+    getTemplateData: () => s(
       "getTemplateData",
-      T,
+      d,
       (t) => {
-        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
-          html: i,
-          css: a,
+        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
+          html: a,
+          css: i,
           width: o,
           height: E,
-          utmParams: u,
-          syncModulesIds: m
+          utmParams: c,
+          syncModulesIds: r
         });
-        s().actionsApi.getTemplateData(e);
+        window.StripoEditorApi.actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      s().actionsApi.activateCustomViewStyles(t);
+      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: i,
-          ampHtml: a = "",
+          displayConditions: a,
+          ampHtml: i = "",
           ampErrors: o = []
         } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: a,
+          ampHtml: i,
           ampErrors: o,
-          displayConditions: i
+          displayConditions: a
         };
       } catch (e) {
         return n(e, "Error loading preview"), {
@@ -95,30 +90,30 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, i;
-      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+      var e, a;
+      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
-          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
+          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (a) {
-        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (i) {
+        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: i } = s();
-      return r("updateHtmlAndCss", h, (a) => {
-        i.updateHtmlAndCss(t, e, () => a());
+      const { actionsApi: a } = window.StripoEditorApi;
+      return s("updateHtmlAndCss", D, (i) => {
+        a.updateHtmlAndCss(t, e, () => i());
       });
     },
-    editorSave: () => r(
+    editorSave: () => s(
       "save",
-      T,
+      d,
       (t) => {
-        s().actionsApi.save((e) => {
+        window.StripoEditorApi.actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -130,5 +125,5 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
   };
 };
 export {
-  P as useActionsApi
+  I as useActionsApi
 };

package/dist/composables/useCodeEditorApi.js

@@ -1,25 +1,11 @@
-import { ToasterTypeOptions as d } from "../enums/toaster.js";
-import { findEditorApi as s, EDITOR_NOT_READY_MESSAGE as p } from "../utils/stripoEditorApi.js";
-import { useToaster as E } from "./useToaster.js";
-const T = () => {
-  const { showToaster: i } = E(), t = (o) => {
-    var r;
-    const e = (r = s()) == null ? void 0 : r.codeEditorApi;
-    if (!e) {
-      i({ type: d.Error, message: p });
-      return;
-    }
-    o(e);
-  };
-  return {
-    openCodeEditor: () => {
-      t((o) => o.openCodeEditor());
-    },
-    closeCodeEditor: () => {
-      t((o) => o.closeCodeEditor());
-    }
-  };
-};
+const i = () => ({
+  openCodeEditor: () => {
+    window.StripoEditorApi.codeEditorApi.openCodeEditor();
+  },
+  closeCodeEditor: () => {
+    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
+  }
+});
 export {
-  T as useCodeEditorApi
+  i as useCodeEditorApi
 };

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,67 +1,77 @@
-import S from "../static/assets/icons/line-change.svg.js";
-import i from "../static/assets/icons/line-delete.svg.js";
-import n from "../static/assets/icons/line-plus.svg.js";
-import p from "../static/styles/base.css.js";
-import s from "../static/styles/components/alert-message.css.js";
-import C from "../static/styles/components/amp-block.css.js";
-import a from "../static/styles/components/base-input.css.js";
-import f from "../static/styles/components/button-group.css.js";
-import c from "../static/styles/components/button.css.js";
-import u from "../static/styles/components/combobox.css.js";
-import l from "../static/styles/components/counter.css.js";
-import d from "../static/styles/components/dropdown-menu.css.js";
-import h from "../static/styles/components/loader.css.js";
-import g from "../static/styles/components/narrow-panel.css.js";
-import I from "../static/styles/components/popup.css.js";
-import w from "../static/styles/components/recommendation-strategy.css.js";
-import y from "../static/styles/components/switcher.css.js";
-import b from "../static/styles/components/tabs.css.js";
-import B from "../static/styles/components/tools.css.js";
-import $ from "../static/styles/components/version-history.css.js";
-import P from "../static/styles/components/wide-panel.css.js";
+import p from "../static/assets/icons/line-change.svg.js";
+import s from "../static/assets/icons/line-delete.svg.js";
+import a from "../static/assets/icons/line-plus.svg.js";
+import f from "../static/styles/base.css.js";
+import C from "../static/styles/components/alert-message.css.js";
+import c from "../static/styles/components/amp-block.css.js";
+import l from "../static/styles/components/base-input.css.js";
+import d from "../static/styles/components/button-group.css.js";
+import u from "../static/styles/components/button.css.js";
+import h from "../static/styles/components/combobox.css.js";
+import g from "../static/styles/components/counter.css.js";
+import w from "../static/styles/components/dropdown-menu.css.js";
+import y from "../static/styles/components/loader.css.js";
+import I from "../static/styles/components/narrow-panel.css.js";
+import A from "../static/styles/components/popup.css.js";
+import b from "../static/styles/components/recommendation-strategy.css.js";
+import B from "../static/styles/components/skeleton.css.js";
+import D from "../static/styles/components/switcher.css.js";
+import $ from "../static/styles/components/tabs.css.js";
+import P from "../static/styles/components/tools.css.js";
+import R from "../static/styles/components/version-history.css.js";
+import T from "../static/styles/components/wide-panel.css.js";
 import x from "../static/styles/variables.css.js";
-function r(t, o) {
-  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(o.trim())}");`;
+function r(S, o) {
+  return `--guido-icon-${S}: url("data:image/svg+xml,${encodeURIComponent(o.trim())}");`;
 }
-const A = `:host {
-    ${r("line-change", S)}
-    ${r("line-delete", i)}
-    ${r("line-plus", n)}
-}`, R = [
+const M = `:host {
+    ${r("line-change", p)}
+    ${r("line-delete", s)}
+    ${r("line-plus", a)}
+}`, O = [
   x,
   // Must be on top
-  A,
-  p,
+  M,
+  f,
   // Must be on top
-  s,
   C,
-  a,
-  f,
   c,
-  u,
   l,
   d,
+  u,
   h,
   g,
-  I,
+  w,
   y,
-  b,
+  I,
+  A,
   B,
+  D,
   $,
   P,
-  w
+  R,
+  T,
+  b
   // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), Y = () => ({ importCss: () => {
-  const o = new CSSStyleSheet();
-  o.replaceSync(R);
-  const e = document.querySelector("ui-editor");
-  if (!e)
-    return;
-  const m = e.shadowRoot;
-  m && (m.adoptedStyleSheets = [o]);
+`), V = 3e4;
+let e = null;
+function W() {
+  return e || (e = new CSSStyleSheet(), e.replaceSync(O)), e;
+}
+const So = () => ({ importCss: () => {
+  const o = W(), i = Date.now() + V, m = () => {
+    var n;
+    const t = (n = document.querySelector("ui-editor")) == null ? void 0 : n.shadowRoot;
+    if (t) {
+      t.adoptedStyleSheets.includes(o) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, o]);
+      return;
+    }
+    Date.now() < i && requestAnimationFrame(m);
+  };
+  m();
 } });
 export {
-  Y as useCustomInterfaceAppearance
+  So as useCustomInterfaceAppearance
 };