@useinsider/guido 1.0.2-beta.9fa711f → 1.0.2-beta.a5713d2

package/dist/stores/onboarding.js

@@ -0,0 +1,95 @@
+import { useOnboardingApi as t } from "../services/onboardingApi.js";
+import { defineStore as s } from "pinia";
+const e = () => ({
+  cardIndex: 0,
+  isActive: !1,
+  config: []
+}), a = () => ({
+  onboardings: {
+    newVersionPopup: e(),
+    genericOnboarding: e(),
+    textBlockOnboarding: e(),
+    versionHistoryOnboarding: e(),
+    ampOnboarding: e()
+  },
+  userModalState: {},
+  isFetched: !1
+}), g = s("onboarding", {
+  state: () => a(),
+  getters: {
+    getOnboarding: (n) => (o) => n.onboardings[o],
+    isActive: (n) => (o) => n.onboardings[o].isActive,
+    getCurrentCard: (n) => (o) => {
+      const i = n.onboardings[o];
+      return i.config[i.cardIndex];
+    },
+    getGenericCurrentCard: (n) => {
+      const { genericOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    getTextBlockCurrentCard: (n) => {
+      const { textBlockOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    getVersionHistoryCurrentCard: (n) => {
+      const { versionHistoryOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    getAmpCurrentCard: (n) => {
+      const { ampOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    shouldShowOnboarding: (n) => (o) => {
+      const i = n.userModalState.Guido;
+      return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
+    }
+  },
+  actions: {
+    closeOtherOnboardings(n) {
+      Object.keys(this.onboardings).forEach((o) => {
+        const i = o;
+        i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
+      });
+    },
+    start(n) {
+      this.closeOtherOnboardings(n), this.onboardings[n].cardIndex = 0, this.onboardings[n].isActive = !0;
+    },
+    async close(n) {
+      await this.setUserModalState(n, "true", "Guido"), this.onboardings[n].isActive = !1, this.onboardings[n].cardIndex = 0, this.onboardings[n].config = [];
+    },
+    next(n) {
+      this.onboardings[n].cardIndex < this.onboardings[n].config.length - 1 && this.onboardings[n].cardIndex++;
+    },
+    previous(n) {
+      this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
+    },
+    setConfig(n, o) {
+      this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
+    },
+    async onDiscoverNowClicked() {
+      await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
+    },
+    onRemindMeLater() {
+      sessionStorage.setItem("newVersionPopupDismissed", "true");
+    },
+    async onNewVersionPopupClose() {
+      await this.setUserModalState("newVersionPopup", "true", "Guido");
+    },
+    isOnboardingActive() {
+      return Object.values(this.onboardings).some((n) => n.isActive);
+    },
+    async fetchUserModalState() {
+      if (this.isFetched)
+        return;
+      const { fetchUserModalState: n } = t(), o = await n();
+      this.userModalState = o, this.isFetched = !0;
+    },
+    async setUserModalState(n, o, i) {
+      const { setUserModalState: r } = t();
+      await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
+    }
+  }
+});
+export {
+  g as useOnboardingStore
+};

package/dist/utils/genericUtil.js

@@ -1,11 +1,14 @@
-const l = (e) => e.map((a) => ({
+const e = (l) => l.map((a) => a.format ? {
+  label: `${a.text} | ${a.format.key}=${a.format.value}`,
+  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+} : {
   label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
   value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-})), t = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+}), r = () => {
+  var l;
+  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
 };
 export {
-  l as dynamicContentToMergeTags,
-  t as getCsrfToken
+  e as dynamicContentToMergeTags,
+  r as getCsrfToken
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.2-beta.9fa711f",
+  "version": "1.0.2-beta.a5713d2",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "1.0.6",
+    "@stripoinc/ui-editor-extensions": "2.0.2",
     "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",

package/dist/_virtual/AddCustomFont.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/AiAssistantValueType.js

@@ -1,4 +0,0 @@
-var s = {};
-export {
-  s as __exports
-};

package/dist/_virtual/BackgroundColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BackgroundImageBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/Block.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockAttributes.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/BlockCompositionType.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockPaddingsBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockRenderer.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlockType.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlocksPanel.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/BuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BuiltInControlTypes.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonBorderBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonFontColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ButtonTextBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ContextAction.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ContextActionType.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/Control.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/EditorStatePropertyType.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/Extension.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/ExtensionBuilder.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/FontFamilyBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/LinkColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ModificationDescription.js

@@ -1,4 +0,0 @@
-var i = {};
-export {
-  i as __exports
-};

package/dist/_virtual/PanelPosition.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/PreviewDeviceMode.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/SettingsPanelRegistry.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/SettingsPanelTab.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/SettingsTab.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/StructureBorderBuiltInControl.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/StructurePaddingsBuiltInControl.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/TextColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/TextLineSpacingBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/TextSizeBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/TextStyleBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/UIElement.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementTagRegistry.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementType.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementsAttributes.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/index.js";
-var i = r();
-export {
-  i as d
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js

@@ -1,18 +0,0 @@
-import { __exports as e } from "../../../../../_virtual/BlockRenderer.js";
-var r;
-function u() {
-  if (r) return e;
-  r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.BlockRenderer = void 0;
-  var n = (
-    /** @class */
-    /* @__PURE__ */ (function() {
-      function o() {
-      }
-      return o;
-    })()
-  );
-  return e.BlockRenderer = n, e;
-}
-export {
-  u as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js

@@ -1,32 +0,0 @@
-import { __exports as t } from "../../../../../_virtual/BlocksPanel.js";
-var o;
-function l() {
-  if (o) return t;
-  o = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.BlocksPanel = void 0;
-  var r = (
-    /** @class */
-    (function() {
-      function e() {
-      }
-      return e.prototype.getBlockItemHtml = function(n) {
-      }, e.prototype.isBlockHintVisible = function(n) {
-        return !0;
-      }, e.prototype.getBlockHint = function(n) {
-        return {
-          title: n.title,
-          description: n.description
-        };
-      }, e.prototype.getBlocksPanelHeaderHtml = function() {
-      }, e.prototype.getModulesPanelCollapsedHtml = function() {
-      }, e.prototype.isModulesPanelCollapsedHintVisible = function() {
-        return !0;
-      }, e.prototype.getHintDelay = function() {
-      }, e.prototype.getModulesPanelHint = function() {
-      }, e;
-    })()
-  );
-  return t.BlocksPanel = r, t;
-}
-export {
-  l as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js

@@ -1,18 +0,0 @@
-import { __exports as t } from "../../../../../_virtual/ContextAction.js";
-var e;
-function i() {
-  if (e) return t;
-  e = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.ContextAction = void 0;
-  var n = (
-    /** @class */
-    /* @__PURE__ */ (function() {
-      function o() {
-      }
-      return o;
-    })()
-  );
-  return t.ContextAction = n, t;
-}
-export {
-  i as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js

@@ -1,8 +0,0 @@
-import { __exports as e } from "../../../../../_virtual/AddCustomFont.js";
-var r;
-function _() {
-  return r ? e : (r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.ADD_CUSTOM_FONT_OPTION = void 0, e.ADD_CUSTOM_FONT_OPTION = "ADD_CUSTOM_FONT_OPTION", e);
-}
-export {
-  _ as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js

@@ -1,34 +0,0 @@
-import { __exports as t } from "../../../../../_virtual/BlockAttributes.js";
-var s;
-function _() {
-  if (s) return t;
-  s = 1;
-  var r = t && t.__assign || function() {
-    return r = Object.assign || function(o) {
-      for (var e, n = 1, b = arguments.length; n < b; n++) {
-        e = arguments[n];
-        for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (o[a] = e[a]);
-      }
-      return o;
-    }, r.apply(this, arguments);
-  };
-  Object.defineProperty(t, "__esModule", { value: !0 }), t.BlockAttr = void 0;
-  var i = {
-    widthPercent: "width-percent"
-  }, u = r(r({}, i), { blocks: "blocks" }), c = {
-    src: "src",
-    alt: "alt",
-    href: "href"
-  }, l = {
-    href: "href"
-  };
-  return t.BlockAttr = {
-    EMPTY_CONTAINER: u,
-    CONTAINER: i,
-    BLOCK_IMAGE: c,
-    BLOCK_BUTTON: l
-  }, t;
-}
-export {
-  _ as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js

@@ -1,43 +0,0 @@
-import { __exports as n } from "../../../../../_virtual/BackgroundColorBuiltInControl.js";
-import { __require as C } from "./BuiltInControl.js";
-import { __require as p } from "../constants/BuiltInControlTypes.js";
-var i;
-function d() {
-  if (i) return n;
-  i = 1;
-  var a = n && n.__extends || /* @__PURE__ */ (function() {
-    var t = function(o, r) {
-      return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, u) {
-        e.__proto__ = u;
-      } || function(e, u) {
-        for (var l in u) Object.prototype.hasOwnProperty.call(u, l) && (e[l] = u[l]);
-      }, t(o, r);
-    };
-    return function(o, r) {
-      if (typeof r != "function" && r !== null)
-        throw new TypeError("Class extends value " + String(r) + " is not a constructor or null");
-      t(o, r);
-      function e() {
-        this.constructor = o;
-      }
-      o.prototype = r === null ? Object.create(r) : (e.prototype = r.prototype, new e());
-    };
-  })();
-  Object.defineProperty(n, "__esModule", { value: !0 }), n.BackgroundColorBuiltInControl = void 0;
-  var c = C(), _ = p(), s = (
-    /** @class */
-    (function(t) {
-      a(o, t);
-      function o() {
-        return t !== null && t.apply(this, arguments) || this;
-      }
-      return o.prototype.getParentControlId = function() {
-        return _.BuiltInControlTypes.GENERAL.BACKGROUND_COLOR;
-      }, o;
-    })(c.BuiltInControl)
-  );
-  return n.BackgroundColorBuiltInControl = s, n;
-}
-export {
-  d as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js

@@ -1,46 +0,0 @@
-import { __exports as n } from "../../../../../_virtual/BackgroundImageBuiltInControl.js";
-import { __require as f } from "./BuiltInControl.js";
-import { __require as _ } from "../constants/BuiltInControlTypes.js";
-var l;
-function d() {
-  if (l) return n;
-  l = 1;
-  var a = n && n.__extends || /* @__PURE__ */ (function() {
-    var o = function(t, r) {
-      return o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, u) {
-        e.__proto__ = u;
-      } || function(e, u) {
-        for (var i in u) Object.prototype.hasOwnProperty.call(u, i) && (e[i] = u[i]);
-      }, o(t, r);
-    };
-    return function(t, r) {
-      if (typeof r != "function" && r !== null)
-        throw new TypeError("Class extends value " + String(r) + " is not a constructor or null");
-      o(t, r);
-      function e() {
-        this.constructor = t;
-      }
-      t.prototype = r === null ? Object.create(r) : (e.prototype = r.prototype, new e());
-    };
-  })();
-  Object.defineProperty(n, "__esModule", { value: !0 }), n.BackgroundImageBuiltInControl = void 0;
-  var c = f(), p = _(), s = (
-    /** @class */
-    (function(o) {
-      a(t, o);
-      function t() {
-        return o !== null && o.apply(this, arguments) || this;
-      }
-      return t.prototype.getParentControlId = function() {
-        return p.BuiltInControlTypes.GENERAL.BACKGROUND_IMAGE;
-      }, t.prototype.getTargetNodes = function(r) {
-        return { targetNodes: [this.api.getDocumentRootHtmlNode().querySelector(".es-wrapper-color>table")] };
-      }, t.prototype.getLabels = function() {
-      }, t;
-    })(c.BuiltInControl)
-  );
-  return n.BackgroundImageBuiltInControl = s, n;
-}
-export {
-  d as __require
-};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js

@@ -1,44 +0,0 @@
-import { __exports as r } from "../../../../../_virtual/BlockPaddingsBuiltInControl.js";
-import { __require as _ } from "./BuiltInControl.js";
-import { __require as f } from "../constants/BuiltInControlTypes.js";
-var u;
-function C() {
-  if (u) return r;
-  u = 1;
-  var a = r && r.__extends || /* @__PURE__ */ (function() {
-    var o = function(t, n) {
-      return o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
-        e.__proto__ = i;
-      } || function(e, i) {
-        for (var l in i) Object.prototype.hasOwnProperty.call(i, l) && (e[l] = i[l]);
-      }, o(t, n);
-    };
-    return function(t, n) {
-      if (typeof n != "function" && n !== null)
-        throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-      o(t, n);
-      function e() {
-        this.constructor = t;
-      }
-      t.prototype = n === null ? Object.create(n) : (e.prototype = n.prototype, new e());
-    };
-  })();
-  Object.defineProperty(r, "__esModule", { value: !0 }), r.BlockPaddingsBuiltInControl = void 0;
-  var s = _(), c = f(), p = (
-    /** @class */
-    (function(o) {
-      a(t, o);
-      function t() {
-        return o !== null && o.apply(this, arguments) || this;
-      }
-      return t.prototype.getParentControlId = function() {
-        return c.BuiltInControlTypes.GENERAL.BLOCK_PADDINGS;
-      }, t.prototype.getLabels = function() {
-      }, t;
-    })(s.BuiltInControl)
-  );
-  return r.BlockPaddingsBuiltInControl = p, r;
-}
-export {
-  C as __require
-};