@useinsider/guido 3.3.0-beta.c1e1d7e → 3.3.0-beta.c66df61

package/dist/src/stores/guido-email-editor.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Outbound contract Guido publishes to the host's shared Pinia singleton so
+ * cortex-fe can pick up the current editor state and forward it as
+ * `clientState.editor` on the next chat-stream POST.
+ *
+ * State + getters only — `useGuidoStateBridge` writes via `$patch`, no actions
+ * live here (architecture invariant).
+ *
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` at runtime. The internal Guido editor
+ * store keeps id `guidoEditor` — these are intentionally separate. The
+ * internal store carries UI state that cortex-fe should not see; this public
+ * store carries the contract Guido is willing to share.
+ */
+export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: string;
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: string;
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: number;
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: string;
+}, {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (state: {
+        html: string;
+        css: string;
+        lastUpdatedAt: number;
+        templateId: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+        html: string;
+        /** Current Stripo CSS — es-p* utility classes used by the html. */
+        css: string;
+        /** Wall-clock ms when html/css were last written by the bridge. */
+        lastUpdatedAt: number;
+        /** Template id from the editor config, for cortex-fe to scope per-template. */
+        templateId: string;
+    }>) => boolean;
+}, {}>;

package/dist/static/styles/components/notification.css.js

@@ -0,0 +1,74 @@
+const n = `ue-notifications-container {
+    left: 96px;
+    margin: 0;
+    bottom: 32px;
+    top: unset;
+    width: unset;
+    position: fixed;
+}
+
+ue-notifications-container ue-message + ue-message {
+    margin-bottom: 24px;
+}
+
+ue-notifications-container .alert-message-wrapper {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
+    border: none;
+    padding: 16px 24px;
+}
+
+ue-notifications-container .alert-message-wrapper.info,
+ue-notifications-container .alert-message-wrapper.loader {
+    background-color: var(--guido-color-background-toaster-info) !important;
+    color: inherit;
+}
+
+.alert-message-wrapper .alert-message-main {
+    align-items: center;
+}
+
+ue-notifications-container ue-caption .caption {
+    color: var(--guido-color-white) !important;
+}
+
+ue-block-thumb-hint {
+    text-align: left;
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
+    width: calc(100% - 64px);
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+ue-notifications-container .alert-message-text,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
+    color: var(--guido-color-white);
+}
+
+ue-notifications-container ue-message ue-button.close {
+    margin: 0 0 0 16px;
+}
+
+ue-notifications-container .alert-message-wrapper.success {
+    background: var(--guido-color-background-toaster-success);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.error {
+    background: var(--guido-color-background-toaster-error);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.warn {
+    background: var(--guido-color-background-toaster-warn);
+    color: inherit;
+}
+`;
+export {
+  n as default
+};

package/dist/stores/guido-email-editor.js

@@ -0,0 +1,20 @@
+import { defineStore as e } from "pinia";
+const d = e("guidoEmailEditor", {
+  state: () => ({
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: "",
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: "",
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: 0,
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: ""
+  }),
+  getters: {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (t) => t.lastUpdatedAt > 0 && t.html !== ""
+  }
+});
+export {
+  d as useGuidoEmailEditorStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.c1e1d7e",
+  "version": "3.3.0-beta.c66df61",
   "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",

package/dist/composables/useStripoNotifications.js

@@ -1,30 +0,0 @@
-import { useToaster as a } from "./useToaster.js";
-import { ToasterTypeOptions as r } from "../enums/toaster.js";
-const h = () => {
-  const { showToaster: l, hideToaster: u } = a();
-  let e = null, s = null;
-  const c = (t, o, i, n) => {
-    if (e === i && s === o)
-      return;
-    e = i, s = o;
-    const f = n != null && n.action ? { text: n.action.label, onClick: n.action.func } : void 0;
-    l({ type: t, message: o, actionButton: f });
-  };
-  return { getStripoNotifications: () => ({
-    info: (t, o, i) => c(r.Success, t, o, i),
-    success: (t, o, i) => c(r.Success, t, o, i),
-    warn: (t, o, i) => c(r.Warning, t, o, i),
-    error: (t, o, i) => c(r.Alert, t, o, i),
-    // Stripo emits `loader` for in-progress operations expected to persist until
-    // explicit hide(id). Available toaster types auto-dismiss at 6s, so showing
-    // anything here would lie about completion. Skip until a persistent type exists.
-    loader: () => {
-    },
-    hide: (t) => {
-      e === t && (u(), e = null, s = null);
-    }
-  }) };
-};
-export {
-  h as useStripoNotifications
-};

package/dist/src/composables/useStripoNotifications.d.ts

@@ -1,4 +0,0 @@
-import type { StripoNotifications } from '@@/Types/stripo';
-export declare const useStripoNotifications: () => {
-    getStripoNotifications: () => StripoNotifications;
-};