@streamoid/catalogix-chat 0.2.11 → 0.2.12

package/dist/index.d.ts

@@ -141,11 +141,12 @@ interface MapAttributesChatProps {
     uniqueValues: Record<string, string[]>;
     lovOptions?: Record<string, string[]>;
     storeId: string;
+    marketplace?: string;
     submitted?: boolean;
     submittedValues?: Record<string, unknown>;
     onSubmit: (values: Record<string, unknown>) => void;
 }
-declare function MapAttributesChat({ mappingData: initialData, mpAttributes, valuesOntologyAttributes, uniqueValues, lovOptions, submitted, onSubmit, }: MapAttributesChatProps): react_jsx_runtime.JSX.Element;
+declare function MapAttributesChat({ mappingData: initialData, mpAttributes, valuesOntologyAttributes, uniqueValues, lovOptions, storeId, marketplace, submitted, onSubmit, }: MapAttributesChatProps): react_jsx_runtime.JSX.Element;
 
 interface ProductAutomationProps {
     storeId: string;

package/dist/index.js

@@ -2450,6 +2450,17 @@ import {
   Loader2 as Loader25
 } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+async function fetchLovValues(storeId, marketplace, feedCol, smpAttr) {
+  const { catalogixBaseUrl } = getApiConfig();
+  const params = new URLSearchParams({
+    vendor_attribute: feedCol,
+    mp_attribute: smpAttr
+  });
+  const res = await fetchJson(
+    `${catalogixBaseUrl}/api/v1/store/${storeId}/product/${marketplace}/metavalue/unique_attributes/get?${params}`
+  );
+  return (res.data?.ontology_values ?? []).map((v) => v.value);
+}
 function getAllAttributes(mpAttributes) {
   return Object.values(mpAttributes).flat();
 }
@@ -2634,9 +2645,13 @@ function ValueMappingPanel({
   valuesOntologyAttributes,
   uniqueValues,
   lovOptions,
+  storeId,
+  marketplace,
   onValueChange
 }) {
   const [expandedIndex, setExpandedIndex] = useState7(null);
+  const [lovCache, setLovCache] = useState7({});
+  const [loadingLov, setLoadingLov] = useState7(false);
   const lovItems = useMemo5(() => {
     const items = [];
     data.forEach((item, itemIndex) => {
@@ -2672,13 +2687,31 @@ function ValueMappingPanel({
     const first = lovItems.findIndex((i) => i.mappedCount < i.totalCount);
     setExpandedIndex(first >= 0 ? first : 0);
   }, [lovItems.length]);
+  useEffect5(() => {
+    if (expandedIndex == null) return;
+    const item = lovItems[expandedIndex];
+    if (!item || lovCache[item.attribute]) return;
+    if (!storeId || !marketplace) return;
+    let cancelled = false;
+    setLoadingLov(true);
+    fetchLovValues(storeId, marketplace, item.feedCol, item.attribute).then((values) => {
+      if (!cancelled && values.length > 0) {
+        setLovCache((prev) => ({ ...prev, [item.attribute]: values }));
+      }
+    }).catch((err) => console.warn("LOV fetch failed:", err)).finally(() => {
+      if (!cancelled) setLoadingLov(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [expandedIndex, storeId, marketplace]);
   if (lovItems.length === 0) {
     return /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center py-6 text-xs text-muted-foreground", children: "No value mapping required." });
   }
   return /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border/50", children: lovItems.map((item, idx) => {
     const isExpanded = expandedIndex === idx;
     const isComplete = item.mappedCount >= item.totalCount;
-    const options = lovOptions[item.attribute] ?? [...new Set(
+    const options = lovCache[item.attribute] ?? lovOptions[item.attribute] ?? [...new Set(
       Object.values(item.mappedValues).filter(Boolean)
     )];
     return /* @__PURE__ */ jsxs10("div", { className: "py-1", children: [
@@ -2710,7 +2743,10 @@ function ValueMappingPanel({
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsx21("div", { className: "space-y-1 pl-4 pb-1.5 pt-1", children: item.rawValues.map((raw) => /* @__PURE__ */ jsx21(
+      isExpanded && /* @__PURE__ */ jsx21("div", { className: "space-y-1 pl-4 pb-1.5 pt-1", children: loadingLov && !lovCache[item.attribute] ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(Loader25, { className: "size-3 animate-spin" }),
+        "Loading values..."
+      ] }) : item.rawValues.map((raw) => /* @__PURE__ */ jsx21(
         ValueRow,
         {
           raw,
@@ -2731,6 +2767,8 @@ function MapAttributesChat({
   valuesOntologyAttributes,
   uniqueValues,
   lovOptions = {},
+  storeId,
+  marketplace = "SMP",
   submitted,
   onSubmit
 }) {
@@ -2943,6 +2981,8 @@ function MapAttributesChat({
           valuesOntologyAttributes,
           uniqueValues,
           lovOptions,
+          storeId,
+          marketplace,
           onValueChange: handleValueChange
         }
       )
@@ -4121,6 +4161,7 @@ function CatalogixChat(props) {
         uniqueValues: uiProps.uniqueValues ?? {},
         lovOptions: uiProps.lovOptions ?? {},
         storeId,
+        marketplace: uiProps.marketplace ?? "SMP",
         submitted: props.submitted,
         submittedValues: props.submittedValues,
         onSubmit: (mapping) => onSubmit(mapping, "Attribute mapping confirmed.")

package/package.json

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