@useinsider/guido 3.18.2-beta.9be830c → 3.18.2-beta.a5a0a11

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

@@ -128,7 +128,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -158,11 +158,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         cardIndex: number;
         isActive: boolean;
@@ -312,7 +311,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -342,11 +341,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
     getCurrentCard: (state: {
         onboardings: {
@@ -476,7 +474,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -506,11 +504,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         classes: string;
         position: string;
@@ -656,7 +653,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -686,11 +683,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -836,7 +832,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -866,11 +862,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -1016,7 +1011,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -1046,11 +1041,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -1196,7 +1190,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -1226,11 +1220,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -1376,7 +1369,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -1406,11 +1399,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -1428,7 +1420,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
         backButtonType?: string | undefined;
         backButtonText?: string | undefined;
     };
-    getEditorTabBarCurrentCard: (state: {
+    getRecommendationStrategyCurrentCard: (state: {
         onboardings: {
             newVersionPopup: {
                 cardIndex: number;
@@ -1556,7 +1548,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -1586,11 +1578,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
         position: string;
@@ -1608,170 +1599,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
         backButtonType?: string | undefined;
         backButtonText?: string | undefined;
     };
-    isEditorActionsMenuPinned: (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;
-                }[];
-            };
-            editorTabBarOnboarding: {
-                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;
-                editorTabBarOnboarding?: boolean | undefined;
-            } | undefined;
-        };
-        isFetched: boolean;
-        closedThisSession: OnboardingType[];
-    } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => boolean;
     shouldShowOnboarding: (state: {
         onboardings: {
             newVersionPopup: {
@@ -1900,7 +1727,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            editorTabBarOnboarding: {
+            recommendationStrategyOnboarding: {
                 cardIndex: number;
                 isActive: boolean;
                 config: {
@@ -1930,11 +1757,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
                 itemsOnboarding?: boolean | undefined;
-                editorTabBarOnboarding?: boolean | undefined;
+                recommendationStrategyOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
-        closedThisSession: OnboardingType[];
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
 }, {
     closeOtherOnboardings(exceptType: OnboardingType): void;

package/dist/src/stores/version-history.d.ts

@@ -1,4 +1,4 @@
-import type { VersionHistoryState } from '@@/Types/api/version-history-api';
+import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }

package/dist/src/utils/timeUtil.d.ts

@@ -6,13 +6,3 @@
  * @example formatLocalTime(date, true)        -> 12:20:02 (UTC+3 Istanbul)
  */
 export declare const formatLocalTime: (date: Date, useTimezone?: boolean) => string;
-/**
- * Auto-save timestamp parts for the header status label. The component picks the
- * copy: same day -> "Autosaved at {time}, Today"; earlier -> "Autosaved at {date}".
- * @example autoSaveTimestamp(date) -> { isToday: true, time: '20:01', date: '16.07.2026' }
- */
-export declare const autoSaveTimestamp: (date: Date, now?: Date) => {
-    isToday: boolean;
-    time: string;
-    date: string;
-};

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

@@ -49,11 +49,8 @@ const n = `.strategy-control-header {
     white-space: nowrap;
 }
 
-.strategy-control-cta.primary > .button:disabled,
-.strategy-control-cta.primary > .button.disabled {
-    opacity: 1;
+.strategy-control-cta.primary > .button {
     color: var(--guido-color-gray-800);
-    cursor: default;
 }
 
 .strategy-control-name-band {
@@ -71,6 +68,39 @@ 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/static/styles/components/skeleton.css.js

@@ -0,0 +1,23 @@
+const e = `/*
+ * Mirrors the design system's InSkeleton 1:1 (gradient stops, 200% size, 1.6s linear).
+ * The Stripo panel lives in the editor's shadow root and is built from raw HTML strings,
+ * so the Vue component cannot be used there. Hex values are literal in the DS too.
+ *
+ * Base only: each panel sizes its own \`.guido-skeleton--*\` modifier to the footprint of
+ * the element it stands in for.
+ */
+.guido-skeleton {
+    display: none;
+    border-radius: 4px;
+    background: linear-gradient(90deg, #f0f0f0 39.5%, #e1e1e1 66.02%, #f0f0f0 89.42%);
+    background-size: 200% 100%;
+    animation: guido-skeleton-shine 1.6s linear infinite;
+}
+
+@keyframes guido-skeleton-shine {
+    to { background-position-x: -200%; }
+}
+`;
+export {
+  e as default
+};

package/dist/static/styles/variables.css.js

@@ -14,10 +14,8 @@ const o = `:host {
     --guido-color-gray-0: #F9F9F9;
     --guido-color-neutral-800: #222938;
     --guido-color-neutral-700: #2C3546;
-    --guido-color-neutral-500: #5D6980;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
-    --guido-color-warning-500: #FFBF00;
     --guido-color-danger-300: #e84342;
     --guido-color-danger-500: #DC2A2A; 
     --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);

package/dist/stores/editor.js

@@ -6,9 +6,6 @@ const o = e("guidoEditor", {
     isSaveAsTemplateDrawerOpen: !1,
     isVersionHistoryOpen: !1,
     isPreviewModeOpen: !1,
-    isAccessibilityTestingOpen: !1,
-    imagesHidden: !1,
-    colorVisionDeficiency: "",
     editorVisualMode: "desktop",
     hasChanges: !1,
     isStripoInitialized: !1,
@@ -20,26 +17,20 @@ const o = e("guidoEditor", {
   }),
   getters: {
     // Middle Slot
-    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isAccessibilityTestingOpen,
+    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
     isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isPreviewButtonDisabled: (i) => i.loadingStatus,
     isViewOptionsDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     // Right Slot
-    // Normal editing: neither the version-history nor the accessibility-testing
-    // takeover, both of which swap the right slot — kebab included — for their own
-    // controls, so anything anchored to it has nothing to point at.
-    isNormalMode: (i) => !i.isVersionHistoryOpen && !i.isAccessibilityTestingOpen,
     isVersionHistoryButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen || i.isAccessibilityTestingOpen,
-    // Autosave. Accessibility testing belongs with the other takeovers: the mode drives
-    // Stripo through simulations (hidden images, color-vision filters) that a save
-    // landing mid-simulation would capture.
-    isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen && !i.isAccessibilityTestingOpen
+    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
+    // Autosave
+    isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
   }
 });
 export {