feat(intent-discovery): release v0.1.0 with UX improvements and configuration updates

Author: Herve Tribouilloy

temp

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

vite_project/package-lock.json

@@ -1,6 +1,7 @@
 {
   "data": {
     "enabledCategories": [
+      "men",
       "tops-women",
       "tops-men"
     ],
@@ -17,13 +18,13 @@
       "style_bottom"
     ],
     "labelMap": {
-      "style_general": "Do you have a style of preference?",
-      "climate": "Do you know the type of weather you need this clothing for?",
-      "material": "Let's decide on the material upfront, shall we?",
-      "size": "Let's decide on the size now?",
-      "price": "Let's narrow the price range?",
-      "pattern": "Do you have a preference for the pattern?",
-      "color": "Do you have a preference for the color?",
+      "style_general": "Do you have a style preference?",
+      "climate": "What kind of weather are you shopping for?",
+      "material": "What material do you prefer?",
+      "size": "What size are you looking for?",
+      "price": "What price range works for you?",
+      "pattern": "Do you have a pattern preference?",
+      "color": "Do you have a color preference?",
       "result": "Here are your best matches"
     },
     "ai": {

vite_project/package.json

@@ -23,7 +23,7 @@ export const AttributeLayer = ({ config, attributeLayerData }: Props) => {
     const allAttributes = (attributeLayerData?.aggregations || []).filter(
         (attr: MagentoAggregation) => !config.attributeExcludedInLayer?.includes(attr.attribute_code)
     );
-    const visibleAttributes = showAll ? allAttributes : allAttributes.slice(0, 4);
+    const visibleAttributes = showAll ? allAttributes : allAttributes.slice(0, 3);
 
     const isAttributeSelected = (attributeCode: string): boolean => {
         // Check if attribute is in attributeScore
@@ -44,6 +44,7 @@ export const AttributeLayer = ({ config, attributeLayerData }: Props) => {
         <>
             {/*<SelectedPreferences categoryData={categoryData} intent={intent} />*/}
             <div className="finder">
+                <h2 className="finder__title">Need help choosing?</h2>
                 <div className="step-finder">
                     {visibleAttributes.map((attr: MagentoAggregation) => (
                         <div

vite_project/public/cdn/uk.json

@@ -52,10 +52,6 @@ export const IntentDiscoveryOptions = ({ config, categoryData, attributeLayerDat
 
     return (
         <div className="finder">
-            <h2 className="finder__title">
-                Let's roll up our sleeves, put some sweat in this search
-            </h2>
-
             <FinderRow>
                 <p className="finder__label">{stepLabel}</p>
                 {renderStep()}

vite_project/src/components/AttributeLayer.tsx

@@ -1,10 +1,13 @@
 import {useSystemState} from "../../state/System/useSystemState.ts";
+import {activity} from "../../activity";
 
 export const useCurrentIntentCategory = (enabledCategories?: string[]) => {
     const { intentState } = useSystemState();
 
     const category = intentState.currentUrl;
 
+    activity('intent-state', 'Intent State', intentState);
+
     if (!category) return null;
 
     if (enabledCategories && !enabledCategories.includes(category)) {

vite_project/src/components/IntentDiscoveryOptions.tsx

@@ -6,7 +6,7 @@ import {getMountedHost} from "./widget-runtime/lib/hostReader.ts";
 export const WIDGET_ID = 'intentdiscovery';
 
 export function mountWidget(hostElement: HTMLElement) {
-    const mountedHost = getMountedHost(hostElement);;
+    const mountedHost = getMountedHost(hostElement);
 
     activity('bootstrap', 'Widget mounted', hostElement);
 

vite_project/src/hooks/domain/useCurrentIntentCategory.tsx

@@ -7,7 +7,7 @@
 /* Desktop */
 @media (min-width: 600px) {
     .step-finder {
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: repeat(3, 1fr);
     }
 }
 

vite_project/src/mountWidget.tsx

@@ -4,4 +4,7 @@ declare global {
     interface Window {
         __REACTEDGE_DEBUG__?: boolean;
     }
+    interface Window {
+        ReactEdgeSignals?: any[];
+    }
 }