@streamoid/catalogix-chat 0.2.5 → 0.2.7

package/dist/index.js

@@ -2444,16 +2444,29 @@ import {
   Search as Search3,
   ArrowRight,
   ArrowLeft as ArrowLeft2,
-  Send
+  Send,
+  AlertTriangle
 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function getAllAttributes(mpAttributes) {
   return Object.values(mpAttributes).flat();
 }
+function hasIncompleteLovValues(item, valuesOntologyAttributes, uniqueValues) {
+  if (!item.isConfirmed || item.isIgnored) return false;
+  for (const attr of item.mappedCols) {
+    if (!valuesOntologyAttributes.includes(attr)) continue;
+    const rawVals = uniqueValues[item.feedCol] || [];
+    if (rawVals.length === 0) continue;
+    const mapped = item.mappedValues[attr] || {};
+    if (rawVals.some((v) => mapped[v] == null)) return true;
+  }
+  return false;
+}
 function AttributeRow({
   item,
   index,
   allAttributes,
+  needsValueAttention,
   onMap,
   onConfirm,
   onIgnore,
@@ -2467,11 +2480,15 @@ function AttributeRow({
     return allAttributes.filter((a) => !mapped.has(a));
   }, [allAttributes, item.mappedCols, item.customCols]);
   if (item.isConfirmed) {
-    return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1.5 group", children: [
-      /* @__PURE__ */ jsx21(Check2, { className: "size-3 shrink-0 text-emerald-600 dark:text-emerald-400" }),
+    return /* @__PURE__ */ jsxs10("div", { className: cn(
+      "flex items-center gap-2 py-1.5 group",
+      needsValueAttention && "border-l-2 border-amber-500/60 pl-2"
+    ), children: [
+      needsValueAttention ? /* @__PURE__ */ jsx21(AlertTriangle, { className: "size-3 shrink-0 text-amber-500" }) : /* @__PURE__ */ jsx21(Check2, { className: "size-3 shrink-0 text-emerald-600 dark:text-emerald-400" }),
       /* @__PURE__ */ jsx21("span", { className: "text-xs font-medium truncate", children: item.feedCol }),
       /* @__PURE__ */ jsx21(ChevronRight2, { className: "size-3 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate flex-1", children: [...item.mappedCols, ...item.customCols].join(", ") }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate", children: [...item.mappedCols, ...item.customCols].join(", ") }),
+      needsValueAttention && /* @__PURE__ */ jsx21(Badge, { variant: "outline", className: "text-[10px] h-4 px-1 border-amber-500/50 text-amber-600 dark:text-amber-400 shrink-0", children: "values needed" }),
       /* @__PURE__ */ jsx21(
         "button",
         {
@@ -2486,7 +2503,7 @@ function AttributeRow({
   if (item.isIgnored) {
     return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-1.5 group", children: [
       /* @__PURE__ */ jsx21(X, { className: "size-3 shrink-0 text-destructive" }),
-      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground line-through truncate flex-1", children: item.feedCol }),
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground line-through truncate", children: item.feedCol }),
       /* @__PURE__ */ jsx21(
         "button",
         {
@@ -2498,7 +2515,7 @@ function AttributeRow({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "py-2 space-y-1.5", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "py-2 space-y-1.5 border-l-2 border-destructive/60 pl-2", children: [
     /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
       /* @__PURE__ */ jsx21("p", { className: "text-xs font-medium", children: item.feedCol }),
       item.rows.length > 0 && /* @__PURE__ */ jsx21("p", { className: "text-[11px] text-muted-foreground truncate", children: item.rows.slice(0, 3).join(", ") })
@@ -2693,6 +2710,49 @@ function MapAttributesChat({
     ),
     [data, valuesOntologyAttributes]
   );
+  const allValuesComplete = useMemo5(() => {
+    for (const item of data) {
+      if (item.isIgnored || !item.isConfirmed) continue;
+      for (const attr of item.mappedCols) {
+        if (!valuesOntologyAttributes.includes(attr)) continue;
+        const rawVals = uniqueValues[item.feedCol] || [];
+        const mapped = item.mappedValues[attr] || {};
+        if (rawVals.some((v) => mapped[v] == null)) return false;
+      }
+    }
+    return true;
+  }, [data, valuesOntologyAttributes, uniqueValues]);
+  const lovAttentionSet = useMemo5(() => {
+    const set = /* @__PURE__ */ new Set();
+    data.forEach((item, idx) => {
+      if (hasIncompleteLovValues(item, valuesOntologyAttributes, uniqueValues)) {
+        set.add(idx);
+      }
+    });
+    return set;
+  }, [data, valuesOntologyAttributes, uniqueValues]);
+  const attentionSummary = useMemo5(() => {
+    const unmappedCount = data.filter(
+      (i) => !i.isConfirmed && !i.isIgnored
+    ).length;
+    const lovIncompleteCount = lovAttentionSet.size;
+    return { unmappedCount, lovIncompleteCount };
+  }, [data, lovAttentionSet]);
+  const sortedIndices = useMemo5(() => {
+    const indices = data.map((_, i) => i);
+    indices.sort((a, b) => {
+      const itemA = data[a];
+      const itemB = data[b];
+      const priorityOf = (item, idx) => {
+        if (!item.isConfirmed && !item.isIgnored) return 0;
+        if (lovAttentionSet.has(idx)) return 1;
+        if (item.isConfirmed) return 2;
+        return 3;
+      };
+      return priorityOf(itemA, a) - priorityOf(itemB, b);
+    });
+    return indices;
+  }, [data, lovAttentionSet]);
   const handleMap = useCallback5((index, attribute) => {
     setData((prev) => {
       const next = [...prev];
@@ -2766,33 +2826,54 @@ function MapAttributesChat({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs10(Card, { className: "w-full max-h-[45vh] gap-0 flex flex-col shadow-sm", children: [
+  return /* @__PURE__ */ jsxs10(Card, { className: "w-[60%] max-w-2xl max-h-[45vh] gap-0 flex flex-col shadow-sm", children: [
     /* @__PURE__ */ jsxs10("div", { className: "px-4 pt-3 pb-2 flex-shrink-0 space-y-2", children: [
       /* @__PURE__ */ jsxs10("div", { children: [
         /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold tracking-tight", children: step === "attributes" ? "Map Attributes" : "Map Values" }),
         /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground leading-snug", children: step === "attributes" ? "Match each feed column to a marketplace attribute" : "Normalize values for controlled-vocabulary attributes" })
       ] }),
-      step === "attributes" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx21("div", { className: "h-1 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx21(
-          "div",
-          {
-            className: "h-full rounded-full bg-primary transition-all",
-            style: { width: `${progress.percent}%` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs10("span", { className: "text-[11px] text-muted-foreground tabular-nums shrink-0", children: [
-          progress.done,
-          "/",
-          progress.total
+      step === "attributes" && /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx21("div", { className: "h-1 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx21(
+            "div",
+            {
+              className: "h-full rounded-full bg-primary transition-all",
+              style: { width: `${progress.percent}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs10("span", { className: "text-[11px] text-muted-foreground tabular-nums shrink-0", children: [
+            progress.done,
+            "/",
+            progress.total
+          ] })
+        ] }),
+        (attentionSummary.unmappedCount > 0 || attentionSummary.lovIncompleteCount > 0) && /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-1.5 rounded-md bg-amber-500/10 border border-amber-500/20 px-2.5 py-1.5", children: [
+          /* @__PURE__ */ jsx21(AlertTriangle, { className: "size-3 mt-0.5 shrink-0 text-amber-500" }),
+          /* @__PURE__ */ jsxs10("div", { className: "text-[11px] text-amber-700 dark:text-amber-400 leading-snug", children: [
+            attentionSummary.unmappedCount > 0 && /* @__PURE__ */ jsxs10("span", { children: [
+              attentionSummary.unmappedCount,
+              " attribute",
+              attentionSummary.unmappedCount > 1 ? "s" : "",
+              " unmapped"
+            ] }),
+            attentionSummary.unmappedCount > 0 && attentionSummary.lovIncompleteCount > 0 && /* @__PURE__ */ jsx21("span", { children: " \xB7 " }),
+            attentionSummary.lovIncompleteCount > 0 && /* @__PURE__ */ jsxs10("span", { children: [
+              attentionSummary.lovIncompleteCount,
+              " attribute",
+              attentionSummary.lovIncompleteCount > 1 ? "s" : "",
+              " need value mapping"
+            ] })
+          ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "px-4 overflow-y-auto flex-1 min-h-0", children: step === "attributes" ? /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border/50", children: data.map((item, idx) => /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx21("div", { className: "px-4 overflow-y-auto flex-1 min-h-0", children: step === "attributes" ? /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border/50", children: sortedIndices.map((idx) => /* @__PURE__ */ jsx21(
       AttributeRow,
       {
-        item,
+        item: data[idx],
         index: idx,
         allAttributes,
+        needsValueAttention: lovAttentionSet.has(idx),
         onMap: handleMap,
         onConfirm: handleConfirm,
         onIgnore: handleIgnore,
@@ -2842,7 +2923,7 @@ function MapAttributesChat({
         {
           size: "sm",
           onClick: handleSubmit,
-          disabled: progress.done < progress.total,
+          disabled: progress.done < progress.total || hasLovAttributes && !allValuesComplete,
           className: "h-7 text-xs bg-primary text-primary-foreground shadow-none hover:bg-primary/90",
           children: [
             /* @__PURE__ */ jsx21(Send, { className: "mr-1 size-3" }),
@@ -3317,7 +3398,7 @@ function BooleanField({
 }
 
 // src/Automations/ProductAutomation.tsx
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function ProductAutomation({
   storeId,
   workspaceId,
@@ -3597,10 +3678,10 @@ function ProductAutomation({
           onClick: handleRun,
           disabled: !isRunAllowed() || applying,
           className: "flex-1",
-          children: applying ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+          children: applying ? /* @__PURE__ */ jsxs12(Fragment5, { children: [
             /* @__PURE__ */ jsx23(Loader26, { className: "size-4 animate-spin" }),
             "Applying..."
-          ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+          ] }) : /* @__PURE__ */ jsxs12(Fragment5, { children: [
             /* @__PURE__ */ jsx23(Play, { className: "size-4" }),
             "Run Automation"
           ] })
@@ -3644,7 +3725,7 @@ function formatTimeSaved(totalSeconds) {
 // src/Automations/StoreAutomation.tsx
 import { useState as useState10, useEffect as useEffect6, useCallback as useCallback8, useRef as useRef6 } from "react";
 import { ArrowLeft as ArrowLeft4, Settings } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function StoreAutomation({
   storeId,
   channelsWithVersion,
@@ -3892,7 +3973,7 @@ function AutomationConfigEditor({
         onConfigChange: handleConfigChange
       }
     ) : /* @__PURE__ */ jsx24("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "Enable this automation to configure it." }) }),
-    automation.preview && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+    automation.preview && /* @__PURE__ */ jsxs13(Fragment6, { children: [
       /* @__PURE__ */ jsx24(Separator2, {}),
       /* @__PURE__ */ jsxs13("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
         automation.preview.info_text.map((text, i) => /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: text }, i)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/catalogix-chat",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Catalogix chat components for the Streamoid chat host — store creation, product selection, automations",
   "type": "module",
   "main": "./dist/index.js",