@useinsider/guido 3.3.0-beta.402c269 → 3.3.0-beta.4ab4365

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

@@ -0,0 +1,22 @@
+/**
+ * Outbound bridge — publishes the current editor's html/css to the shared
+ * Pinia store `guidoEmailEditor` so cortex-fe can read it at chat-stream
+ * submit time and forward it as `clientState.editor`. This is what enables
+ * sub-case 1.3 (refine an already-loaded template via the email-agent).
+ *
+ * The bridge writes on three triggers:
+ *
+ *   1. Stripo finishes initializing — first snapshot.
+ *   2. Editor `hasChanges` flips to true — debounced 500 ms so a streaming
+ *      Stripo edit doesn't thrash the store.
+ *   3. Editor `hasChanges` flips back to false (post-save / autosave) —
+ *      immediate, since this is the canonical "saved" snapshot.
+ *
+ * `getTemplateData()` is a Stripo iframe call; it must not run before
+ * `isStripoInitialized` is true. The bridge guards against that.
+ *
+ * If cortex-fe isn't loaded the store still gets written — that's fine;
+ * the store has zero overhead and any future reader will find consistent
+ * state. The bridge is a one-way pipe with no consumer dependency.
+ */
+export declare const useGuidoStateBridge: () => void;

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

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

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -15,6 +15,7 @@ export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];
 export declare const currencyDecimalCounts: TextValueObject[];
+export declare const OP_ANY_OF = "||";
 export declare const operatorOptionsForStrings: TextValueObject[];
 export declare const operatorOptionsForArrayOfStrings: TextValueObject[];
 export declare const operatorOptionsForNumbers: TextValueObject[];

package/dist/src/enums/toaster.d.ts

@@ -1,5 +1,6 @@
 export declare enum ToasterTypeOptions {
     Success = "success",
     Warning = "warning",
-    Alert = "alert"
+    Alert = "alert",
+    Info = "info"
 }

package/dist/src/extensions/Blocks/RadioButton/template.d.ts

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button-block\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts

@@ -95,15 +95,23 @@ export declare class RecommendationConfigService {
      *
      * Called when a block is first created (dropped into template).
      * Can optionally merge in partial config from migration.
+     *
+     * The `wasFreshDrop` flag distinguishes a brand-new drop (no prior config)
+     * from a clone (Stripo replays the source's setNodeConfig payload before
+     * onCreated fires). Callers use this to skip side-effects already inherited
+     * from the source.
      * @example
      * // In Block.onCreated lifecycle
-     * RecommendationConfigService.initializeConfig(this.api, node);
+     * const { config, wasFreshDrop } = RecommendationConfigService.initializeConfig(this.api, node);
      * @param api - Stripo extension API with document modifier
      * @param node - The immutable HTML node to initialize
      * @param partialConfig - Optional partial config to merge with defaults
-     * @returns The initialized configuration
+     * @returns The initialized configuration and whether the node was a fresh drop
      */
-    static initializeConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, partialConfig?: PartialNodeConfig): RecommendationNodeConfig;
+    static initializeConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, partialConfig?: PartialNodeConfig): {
+        config: RecommendationNodeConfig;
+        wasFreshDrop: boolean;
+    };
     /**
      * Save complete configuration to a node
      *

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -1,5 +1,5 @@
 import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
-interface PerBlockConfigs {
+export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
         name: string;
@@ -272,6 +272,12 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     deleteFilter(filter: Filter): void;
     addFilter(filter: Filter): void;
     generateFilterQuery(): string;
+    /**
+     * Validation-only check invoked at save-CTA time. Defined as an action
+     * (not a getter) so reading it does not register reactive tracking on
+     * every block's recommendationConfigs across user edits.
+     */
+    hasInvalidBlock(): boolean;
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
 }>;

package/dist/src/extensions/Blocks/Recommendation/utils/filterUtil.d.ts

@@ -1,4 +1,6 @@
 import type { Filter } from '@@/Types/recommendation';
+export declare function safeDecodeURIComponent(value: string): string;
+export declare function parseTagList(value: string): string[];
 /**
  * Generates the complete query with outer group operators
  * @param filters Array of Filter objects

package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts

@@ -0,0 +1,21 @@
+import type { PerBlockConfigs } from '../store/recommendation';
+import type { Currency, Languages } from '@@/Types/recommendation';
+/**
+ * Structural slice of the recommendation extension store that descriptors may read.
+ * Add new fields here when a future descriptor needs them.
+ */
+export interface ExtensionStoreSlice {
+    languages: Languages;
+    currencyList: Currency[];
+}
+interface RequiredField {
+    key: string;
+    getValue: (config: PerBlockConfigs) => string;
+    getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
+    condition?: (config: PerBlockConfigs) => boolean;
+}
+export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
+export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";
+export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice): string[];
+export declare function isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;
+export {};

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/src/stores/toaster.d.ts

@@ -11,8 +11,9 @@ export declare const useToasterStore: import("pinia").StoreDefinition<"guidoToas
             text: string;
             onClick: () => void;
         } | undefined;
+        autoHide: boolean;
     } & import("pinia").PiniaCustomStateProperties<ToasterState>) => boolean;
 }, {
-    showToaster(this: ToasterState, { type, message, actionButton }: ToasterOptions): void;
+    showToaster(this: ToasterState, { type, message, actionButton, autoHide }: ToasterOptions): void;
     hideToaster(this: ToasterState): void;
 }>;

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/dist/stores/toaster.js

@@ -1,21 +1,22 @@
 import { ToasterTypeOptions as e } from "../enums/toaster.js";
-import { defineStore as i } from "pinia";
-const a = () => ({
+import { defineStore as a } from "pinia";
+const u = () => ({
   status: !1,
   type: e.Success,
   text: "",
   icon: "",
   withIcon: !0,
   withoutLeftMargin: !1,
-  actionButton: void 0
-}), n = i("guidoToaster", {
-  state: () => a(),
+  actionButton: void 0,
+  autoHide: !0
+}), c = a("guidoToaster", {
+  state: () => u(),
   getters: {
-    shouldAutoHide: (t) => t.status && !!t.text
+    shouldAutoHide: (t) => t.status && !!t.text && t.autoHide
   },
   actions: {
-    showToaster({ type: t = e.Success, message: s, actionButton: o }) {
-      this.status = !0, this.text = s, this.type = t, this.actionButton = o;
+    showToaster({ type: t = e.Success, message: o, actionButton: s, autoHide: i = !0 }) {
+      this.status = !0, this.text = o, this.type = t, this.actionButton = s, this.autoHide = i;
     },
     hideToaster() {
       this.status = !1;
@@ -23,5 +24,5 @@ const a = () => ({
   }
 });
 export {
-  n as useToasterStore
+  c as useToasterStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.402c269",
+  "version": "3.3.0-beta.4ab4365",
   "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",
@@ -90,7 +90,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.62.0"
+      "version": "2.64.0"
     }
   }
 }

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

@@ -1,74 +0,0 @@
-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
-};