Added fixes for typescript + corrected response type on an API call

Author: Herve Tribouilloy

vite_project/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "widget-intent-discovery",
   "private": true,
-  "version": "1.0.1",
+  "version": "1.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

vite_project/package.json

@@ -5,7 +5,6 @@ import { AttributeTile } from "./AttributeTile.tsx";
 import { useTranslationState } from "../../state/Translation/useTranslationState.ts";
 import type { IntentDiscoveryDataConfig } from "../../domain/intent-discovery.types.ts";
 import { useInteractionState } from "../../state/Interaction/useInteractionState.ts";
-import {NoResult} from "../global/NoResult.tsx";
 import {useIntentState} from "../../state/Intent/useIntentState.ts";
 import type {MagentoLayeredNavigation} from "../../hooks/domain/useLayeredNavigation.tsx";
 import type {MergedAttribute} from "../../hooks/infra/useMagentoLayeredData.tsx";
@@ -36,8 +35,6 @@ export const AttributeSelectorLayer = ({
 
     const isDisabled = intentState.status === "suggestionProcessing"
 
-    if (!attributeLayerData?.totalCount) return <NoResult />;
-
     return (
         <div className={`step-finder ${isDisabled ? 'step-finder--disabled' : ''}`}>
             {visibleAttributes.map((attr) => {

vite_project/src/components/AttributeLayer/AttributeSelectorLayer.tsx

@@ -4,7 +4,6 @@ import type {IntentControllerState} from "../../domain/intent.types.ts";
 import {useAskAi} from "../../hooks/domain/useAiInterpretation.tsx";
 import {AttributeSelectorLayer} from "../AttributeLayer/AttributeSelectorLayer.tsx";
 import {IntentExplanation} from "../AttributeLayer/IntentExplanation.tsx";
-import {SearchSpinnerOverlay} from "../global/SearchSpinnerOverlay.tsx";
 import {useIntentState} from "../../state/Intent/useIntentState.ts";
 import {useAnalyseSearch} from "../../hooks/domain/useAnalyseSearch.tsx";
 import type {CategoryData} from "../../types/infra/magento/category.types.ts";
@@ -68,7 +67,7 @@ export const AttributeLayer = ({
         askAi()
     }
 
-    if (loading) return <SearchSpinnerOverlay />
+    if (loading) return null
 
     return (
             <div className="finder">

vite_project/src/components/IntentDiscovery/AttributeLayer.tsx

@@ -37,15 +37,13 @@ export const Warning = ({
 
         // 4. Not enough results (below threshold)
         if (coveragePct < 100) {
-            if (coveragePct < 50) {
-                message = "Add more detail or refine your preferences"
-            }
-
             if (coveragePct < 80) {
                 message = "Getting closer — refine a bit more"
             }
 
-            message = "Almost there — just a bit more detail"
+            if (coveragePct < 50) {
+                message = "Add more detail or refine your preferences"
+            }
         }
 
         // 5. Enough results but too broad

vite_project/src/components/IntentDiscovery/IntentReadiness/Warning.tsx

@@ -66,18 +66,7 @@ export class IntentEngine {
     }
 
     private notify() {
-        // IMPORTANT: emit a new reference so React state updates reliably
-        const snapshot: IntentEngineState = {
-            intentText: this.state.intentText,
-            categoryScore: { ...this.state.categoryScore },
-            attributeScore: Object.fromEntries(
-                Object.entries(this.state.attributeScore).map(([k, v]) => [k, { ...(v as any) }])
-            ),
-            productScore: { ...this.state.productScore },
-            priceAffinity: { ...this.state.priceAffinity },
-            status: this.state.status
-        };
-
+        const snapshot: IntentEngineState = structuredClone(this.state);
         for (const listener of this.listeners) listener(snapshot);
     }
 

vite_project/src/integration/intent/IntentEngine.ts

@@ -20,8 +20,6 @@ export type IntentEngineState = {
     intentInterpreted: boolean;
     intentInterpretationReady: boolean;
     searchReady: boolean;
-    initialTotalAggregations: number;
-    totalFilteredAggregations: number;
 }
 
 export type IntentSignal =

vite_project/src/integration/intent/types.ts

@@ -10,7 +10,7 @@ const baseCache = new Map()
 //     products: {items: GraphqlProduct[]}
 // }
 
-type ProductsResponse = {
+export type ProductsResponse = {
     products: MagentoProducts
 }
 

vite_project/src/services/layeredNavigation/fetchBase.ts

@@ -1,11 +1,10 @@
 import {
-    LAYERER_ATTRIBUTE_DATA,
-    type MagentoProducts,
-    type ProductsResponse
+    LAYERER_ATTRIBUTE_DATA
 } from "../../hooks/infra/useMagentoLayeredData.tsx";
 import {getAttributesFilter} from "./buildFilter.ts";
 import type {GraphqlClient} from "../../lib/graphql.ts";
 import type {IntentEngineState} from "../../integration/intent/types.ts";
+import type {MagentoProducts, ProductsResponse} from "./fetchBase.ts";
 
 const filteredCache = new Map()
 

vite_project/src/services/layeredNavigation/fetchFiltered.ts

@@ -10,7 +10,12 @@ const initialState: IntentEngineState = {
     attributeScore: {},
     productScore: {},
     priceAffinity: {},
-    status: 'idle'
+    status: 'idle',
+    recommendations: [],
+    resultCount: 0,
+    intentInterpreted: false,
+    intentInterpretationReady: false,
+    searchReady: false
 };
 export function loadIntentState(): IntentEngineState {
     try {