@useinsider/guido 3.18.2-beta.6cafced → 3.18.2-beta.83b62a8

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

@@ -1,41 +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", {
+/** The published editor snapshot — the shape a consumer reads off the shared store. */
+export interface GuidoEmailEditorState {
     /** 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. */
+    /** Template id from the editor config, so a consumer can scope per-template. */
     templateId: string;
-}, {
+}
+/**
+ * Outbound contract Guido publishes to the host's shared Pinia singleton so a
+ * consumer can read the current editor state: cortex-fe forwards it as
+ * `clientState.editor` on the next chat-stream POST, email-fe scans it for the
+ * Array of Objects lock.
+ *
+ * Published as `@useinsider/guido/editor-state` and from the root barrel, so a
+ * consumer imports this store instead of re-declaring one under the same id.
+ *
+ * State + getters only, no actions. `useGuidoStateBridge` is the only intended
+ * writer, but that is Guido's own convention rather than something the store
+ * enforces: publishing the definition hands a consumer `$patch` as well, exactly
+ * as the runtime `pinia._s` probe always did.
+ *
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` at runtime rather than importing it, so the
+ * id stays part of the contract. The internal Guido editor store keeps id
+ * `guidoEditor` — these are intentionally separate. The internal store carries
+ * UI state a consumer should not see; this public store carries the contract
+ * Guido is willing to share.
+ */
+export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", GuidoEmailEditorState, {
     /** 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;
+    } & import("pinia").PiniaCustomStateProperties<GuidoEmailEditorState>) => boolean;
 }, {}>;

package/dist/src/stores/onboarding.d.ts

@@ -128,27 +128,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -158,7 +137,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -311,27 +289,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -341,7 +298,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -474,27 +430,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -504,7 +439,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -653,27 +587,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -683,7 +596,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -832,27 +744,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -862,7 +753,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1011,27 +901,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1041,7 +910,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1190,27 +1058,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1220,7 +1067,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1369,206 +1215,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-        };
-        userModalState: {
-            Guido?: {
-                newVersionPopup?: boolean | undefined;
-                genericOnboarding?: boolean | undefined;
-                textBlockOnboarding?: boolean | undefined;
-                versionHistoryOnboarding?: boolean | undefined;
-                ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
-            } | undefined;
-        };
-        isFetched: boolean;
-    } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
-        classes: string;
-        position: string;
-        left?: string | undefined;
-        right?: string | undefined;
-        top?: string | undefined;
-        bottom?: string | undefined;
-        title: string;
-        description: string;
-        imageSource: string;
-        backButtonClick: () => void;
-        nextButtonType: string;
-        nextButtonText: string;
-        nextButtonClick: () => void;
-        backButtonType?: string | undefined;
-        backButtonText?: string | undefined;
-    };
-    getRecommendationStrategyCurrentCard: (state: {
-        onboardings: {
-            newVersionPopup: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            genericOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            textBlockOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            versionHistoryOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            ampOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1578,7 +1224,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1727,27 +1372,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            recommendationStrategyOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1757,7 +1381,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -49,8 +49,11 @@ const n = `.strategy-control-header {
     white-space: nowrap;
 }
 
-.strategy-control-cta.primary > .button {
+.strategy-control-cta.primary > .button:disabled,
+.strategy-control-cta.primary > .button.disabled {
+    opacity: 1;
     color: var(--guido-color-gray-800);
+    cursor: default;
 }
 
 .strategy-control-name-band {
@@ -68,39 +71,6 @@ const n = `.strategy-control-header {
     line-height: 24px;
 }
 
-/* Each skeleton mirrors the footprint of the element it stands in for, so retiring
-   the loading state does not shift the panel. */
-.guido-skeleton--strategy-title {
-    width: 366px;
-    height: 38px;
-}
-
-.guido-skeleton--strategy-description {
-    width: 366px;
-    height: 48px;
-}
-
-.guido-skeleton--strategy-cta {
-    width: 175px;
-    height: 40px;
-}
-
-.guido-skeleton--strategy-name {
-    width: 398px;
-    height: 48px;
-}
-
-.strategy-control-skeleton-row {
-    display: flex;
-    gap: 16px;
-    padding: 0 16px 16px;
-}
-
-[data-strategy-loading-state] .guido-skeleton {
-    display: block;
-}
-
-
 .strategy-control-actions {
     display: flex;
     align-items: center;

package/dist/stores/editor.js

@@ -8,6 +8,10 @@ const o = e("guidoEditor", {
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
     hasChanges: !1,
+    // Bumped on every Stripo document change. `hasChanges` is a latch that stays
+    // true until a save, so it cannot signal the second edit onwards; watchers
+    // that need every change (the outbound state bridge) watch this instead.
+    changeSeq: 0,
     isStripoInitialized: !1,
     templateId: "",
     syncModulesEnabled: !1,

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

@@ -1,13 +1,9 @@
 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: {