@streamoid/catalogix-chat 0.2.19 → 0.2.21

package/dist/index.d.ts

@@ -75,7 +75,7 @@ declare const catalogixManifest: readonly [{
         readonly overflow: "auto";
         readonly marginTop: "8px";
         readonly paddingBottom: "16px";
-        readonly height: "600px";
+        readonly maxHeight: "600px";
         readonly position: "relative";
         readonly width: "100%";
     };
@@ -186,11 +186,12 @@ interface EditFeedProps {
     sourceMp: string;
     marketplaceOv: number | string;
     transformedUrl: string;
+    mappingKey: string;
     submitted?: boolean;
     submittedValues?: Record<string, unknown>;
     onSubmit: (values: Record<string, unknown>, message?: string) => void;
 }
-declare function EditFeed({ criticalIssues: initialCriticalIssues, rawErrorData: initialRawErrorData, dataIssuesRaw: initialDataIssuesRaw, columns: initialColumns, skuField, storeId, feedFileType, downloadUrl, userId, mappingObj, sourceMp, marketplaceOv, transformedUrl: initialTransformedUrl, submitted, submittedValues, onSubmit, }: EditFeedProps): react_jsx_runtime.JSX.Element;
+declare function EditFeed({ criticalIssues: initialCriticalIssues, rawErrorData: initialRawErrorData, dataIssuesRaw: initialDataIssuesRaw, columns: initialColumns, skuField, storeId, feedFileType, downloadUrl, userId, mappingObj, sourceMp, marketplaceOv, transformedUrl: initialTransformedUrl, mappingKey, submitted, submittedValues, onSubmit, }: EditFeedProps): react_jsx_runtime.JSX.Element;
 
 interface ProductAutomationProps {
     storeId: string;

package/dist/index.js

@@ -3125,66 +3125,33 @@ function buildDataIssueMap(issues) {
   }
   return map;
 }
-function rowsToCsvBlob(rows, columns) {
-  const escape = (v) => {
-    if (v.includes(",") || v.includes('"') || v.includes("\n")) {
-      return `"${v.replace(/"/g, '""')}"`;
-    }
-    return v;
-  };
-  const lines = [columns.map(escape).join(",")];
-  for (const row of rows) {
-    lines.push(columns.map((c) => escape(row[c] ?? "")).join(","));
-  }
-  return new Blob([lines.join("\n")], { type: "text/csv" });
-}
-async function uploadCorrectedCsv(storeId, csvBlob, fileName) {
+async function validateRow(storeId, mappingKey, rowData) {
   const { catalogixBaseUrl } = getApiConfig();
-  const form = new FormData();
-  form.append("file_type", "csv");
-  form.append("file_data", csvBlob, fileName);
-  form.append("data", JSON.stringify({ fileName, size: csvBlob.size / 1024 }));
-  const resp = await fetch(
-    `${catalogixBaseUrl}/api/v1/store/${storeId}/feed/onboard`,
-    { method: "POST", credentials: "include", body: form }
+  const params = new URLSearchParams({ mapping_key: mappingKey });
+  return fetchJson(
+    `${catalogixBaseUrl}/api/v1/feed/${storeId}/validate/row?${params}`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify([rowData])
+    }
   );
-  if (!resp.ok) throw new Error(`Upload failed: ${resp.status}`);
-  const json = await resp.json();
-  return json.data.download_url;
 }
-async function validateFeed(storeId, fileUrl, feedFileType, clientFeedUrl, userId, mappingObj, sourceMp, marketplaceOv, reValidate) {
+async function mergeFeed(fileUrl, feedFormat, changes) {
   const { catalogixBaseUrl } = getApiConfig();
   const params = new URLSearchParams({
     file_url: fileUrl,
-    feed_format: feedFileType,
-    client_feed_url: clientFeedUrl,
-    catalogix_user_id: userId,
-    re_validate: String(reValidate)
+    feed_format: feedFormat
   });
   return fetchJson(
-    `${catalogixBaseUrl}/api/v1/feed/${storeId}/validate/v2?${params}`,
+    `${catalogixBaseUrl}/api/v1/feed/merge?${params}`,
     {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        mapping: {
-          ...mappingObj,
-          catalogix_user_id: userId,
-          mp: sourceMp,
-          template: reValidate ? null : "",
-          source_ov: reValidate ? marketplaceOv : String(marketplaceOv)
-        }
-      })
+      body: JSON.stringify(changes)
     }
   );
 }
-async function fetchValidationErrors(issueFilesUrl) {
-  const { catalogixBaseUrl } = getApiConfig();
-  const params = new URLSearchParams({ excelUrl: issueFilesUrl });
-  return fetchJson(
-    `${catalogixBaseUrl}/api/v1/format-sheet-data-for-mapping?${params}`
-  );
-}
 function EditableCell2({
   value,
   hasError,
@@ -3285,13 +3252,16 @@ function SubmittedSummary({
   submittedValues
 }) {
   const cancelled = !!submittedValues?.cancelled;
-  return /* @__PURE__ */ jsxs11(Card, { className: "p-4", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 mb-2", children: [
-      cancelled ? /* @__PURE__ */ jsx22(X2, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx22(Check3, { className: "h-4 w-4 text-green-600" }),
-      /* @__PURE__ */ jsx22("span", { className: "font-medium text-sm", children: cancelled ? "Feed correction cancelled" : "Feed corrections validated" })
-    ] }),
-    !cancelled && !!submittedValues?.transformedUrl && /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "Validation passed. Proceeding with upload." })
-  ] });
+  return /* @__PURE__ */ jsx22("div", { className: "max-w-[50%] py-2 animate-in fade-in duration-300", children: /* @__PURE__ */ jsxs11("div", { className: cn(
+    "rounded-md border p-2.5 flex items-start gap-2",
+    cancelled ? "bg-muted/20 border-border" : "bg-emerald-50/50 border-emerald-200 dark:bg-muted/20 dark:border-border"
+  ), children: [
+    /* @__PURE__ */ jsx22("div", { className: cn("mt-px", cancelled ? "text-muted-foreground" : "text-emerald-500"), children: cancelled ? /* @__PURE__ */ jsx22(X2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx22(Check3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx22("p", { className: "text-xs font-medium leading-tight", children: cancelled ? "Feed correction cancelled" : "Submitted \u2014 Feed Corrections" }),
+      !cancelled && !!submittedValues?.transformedUrl && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-[11px] leading-snug text-muted-foreground", children: "Validation passed. Proceeding with upload." })
+    ] })
+  ] }) });
 }
 function EditFeed({
   criticalIssues: initialCriticalIssues,
@@ -3307,6 +3277,7 @@ function EditFeed({
   sourceMp,
   marketplaceOv,
   transformedUrl: initialTransformedUrl,
+  mappingKey,
   submitted,
   submittedValues,
   onSubmit
@@ -3323,6 +3294,9 @@ function EditFeed({
       return out;
     })
   );
+  const [rowNumbers, setRowNumbers] = useState8(
+    () => initialRawErrorData.map((r) => Number(r.row_number ?? 0))
+  );
   const [criticalIssues, setCriticalIssues] = useState8(initialCriticalIssues);
   const [dataIssuesRaw, setDataIssuesRaw] = useState8(initialDataIssuesRaw);
   const [columns] = useState8(
@@ -3364,77 +3338,64 @@ function EditFeed({
     setIsLoading(true);
     setErrorMsg("");
     try {
-      setStatusMsg("Building corrected CSV...");
-      const csvBlob = rowsToCsvBlob(rows, columns);
-      const fileName = `corrected_${Date.now()}.csv`;
-      setStatusMsg("Uploading corrected feed...");
-      const newFileUrl = await uploadCorrectedCsv(storeId, csvBlob, fileName);
-      setStatusMsg("Re-validating feed...");
-      const result = await validateFeed(
-        storeId,
-        newFileUrl,
-        feedFileType,
-        downloadUrl,
-        userId,
-        mappingObj,
-        sourceMp,
-        marketplaceOv,
-        true
-      );
-      const data = result.data;
-      if (data.validation) {
-        setStatusMsg("Validation passed!");
-        onSubmit(
-          { transformedUrl: data.transformed_url },
-          "Feed corrections validated successfully."
-        );
+      const editedRowIndices = /* @__PURE__ */ new Set();
+      for (const key of editedCells) {
+        const idx = parseInt(key.split(":")[0], 10);
+        editedRowIndices.add(idx);
+      }
+      if (editedRowIndices.size === 0) {
+        setErrorMsg("No cells have been edited. Please fix the highlighted values first.");
+        setIsLoading(false);
         return;
       }
-      setStatusMsg("Validation still failing \u2014 fetching new errors...");
-      const issueUrl = data.errors?.issue_files_url;
-      if (issueUrl) {
-        const errResp = await fetchValidationErrors(issueUrl);
-        const newRaw = errResp.data.raw_error_data ?? [];
-        const newRows = newRaw.map((r) => {
-          const out = {};
-          for (const [k, v] of Object.entries(r)) {
-            if (k !== "row_number") out[k] = String(v ?? "");
+      const failedRows = [];
+      for (const rowIdx of editedRowIndices) {
+        const rowNum = rowNumbers[rowIdx];
+        setStatusMsg(`Validating row ${rowIdx + 1} of ${rows.length}...`);
+        const fullRowData = { ...rows[rowIdx], row_number: rowNum };
+        const result = await validateRow(storeId, mappingKey, fullRowData);
+        if (!result.data.validation) {
+          failedRows.push({ rowIdx, errors: result.data.errors });
+        }
+      }
+      if (failedRows.length > 0) {
+        const newCritical = [];
+        for (const { rowIdx, errors } of failedRows) {
+          const sku = rows[rowIdx][skuField] ?? "";
+          for (const err of errors) {
+            if (err["Invalid Value"] || err["Invalid Attribute"]) {
+              newCritical.push({
+                rowNumber: rowNumbers[rowIdx],
+                columnNumber: err["Column Number"] || void 0,
+                skuCode: err["SKU Code"] || sku,
+                errorMessage: [err["Invalid Attribute"], err["Invalid Value"]].filter(Boolean).join(": ")
+              });
+            }
           }
-          return out;
-        });
-        setRows(newRows);
+        }
+        if (newCritical.length > 0) setCriticalIssues(newCritical);
         setEditedCells(/* @__PURE__ */ new Set());
-        const newCritical = (errResp.data.critical_issues ?? []).map(
-          (ci) => {
-            let errMsgRaw = String(ci.error_message ?? "");
-            errMsgRaw = errMsgRaw.replace(/^[{' ]+|[}' ]+$/g, "");
-            return {
-              rowNumber: ci["Row Number"],
-              columnNumber: ci["Column Number"],
-              skuCode: String(ci["SKU Code"] ?? ""),
-              errorMessage: errMsgRaw
-            };
-          }
-        );
-        setCriticalIssues(newCritical);
-        const newDataIssues = (errResp.data.data_issues_raw ?? []).map(
-          (di) => ({
-            rowNumber: String(di["Row Number"] ?? ""),
-            skuCode: String(di["SKU Code"] ?? ""),
-            missingAttributes: String(
-              di["Attribute Required For Listing"] ?? ""
-            )
-          })
-        );
-        setDataIssuesRaw(newDataIssues);
-        setErrorMsg(
-          "Validation still has errors. Please fix the remaining issues and try again."
-        );
-      } else {
         setErrorMsg(
-          "Validation failed but no detailed error info was returned."
+          `${failedRows.length} row(s) still have errors. Please fix the remaining issues and try again.`
         );
+        return;
+      }
+      setStatusMsg("Merging corrections into feed...");
+      const changes = {};
+      for (const key of editedCells) {
+        const [idxStr, col] = [key.split(":")[0], key.slice(key.indexOf(":") + 1)];
+        const rowIdx = parseInt(idxStr, 10);
+        const rowNum = String(rowNumbers[rowIdx]);
+        if (!changes[rowNum]) changes[rowNum] = {};
+        changes[rowNum][col] = rows[rowIdx][col] ?? "";
       }
+      const mergeResult = await mergeFeed(transformedUrl, feedFileType, changes);
+      const newFileUrl = mergeResult.data.new_file_url;
+      setStatusMsg("Validation passed!");
+      onSubmit(
+        { transformedUrl: newFileUrl },
+        "Feed corrections validated successfully."
+      );
     } catch (err) {
       setErrorMsg(
         `Error: ${err instanceof Error ? err.message : String(err)}`
@@ -3445,17 +3406,17 @@ function EditFeed({
     }
   }, [
     rows,
+    rowNumbers,
     columns,
+    editedCells,
     storeId,
     feedFileType,
-    downloadUrl,
-    userId,
-    mappingObj,
-    sourceMp,
-    marketplaceOv,
+    mappingKey,
+    transformedUrl,
+    skuField,
     onSubmit
   ]);
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 h-full", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx22(AlertTriangle2, { className: "h-4 w-4 text-destructive" }),
       /* @__PURE__ */ jsx22("span", { className: "font-medium text-sm", children: "Feed Validation Issues" }),
@@ -3478,7 +3439,7 @@ function EditFeed({
       /* @__PURE__ */ jsx22(AlertTriangle2, { className: "h-3 w-3 shrink-0" }),
       errorMsg
     ] }),
-    /* @__PURE__ */ jsx22("div", { className: "flex-1 overflow-auto border rounded-md", children: /* @__PURE__ */ jsxs11(Table, { children: [
+    /* @__PURE__ */ jsx22("div", { className: "overflow-auto border rounded-md max-h-[400px]", children: /* @__PURE__ */ jsxs11(Table, { children: [
       /* @__PURE__ */ jsx22(TableHeader, { className: "sticky top-0 bg-muted/80 backdrop-blur-sm z-10", children: /* @__PURE__ */ jsxs11(TableRow, { children: [
         /* @__PURE__ */ jsx22(TableHead, { className: "w-8 text-center", children: "#" }),
         columns.map((col) => /* @__PURE__ */ jsx22(TableHead, { children: col }, col))
@@ -4705,6 +4666,7 @@ function CatalogixChat(props) {
         sourceMp: uiProps.sourceMp ?? "SMP",
         marketplaceOv: uiProps.marketplaceOv ?? 34,
         transformedUrl: uiProps.transformedUrl ?? "",
+        mappingKey: uiProps.mappingKey ?? "",
         submitted: props.submitted,
         submittedValues: props.submittedValues,
         onSubmit: (values, msg) => onSubmit(values, msg)
@@ -4817,7 +4779,7 @@ var catalogixManifest = [
       overflow: "auto",
       marginTop: "8px",
       paddingBottom: "16px",
-      height: "600px",
+      maxHeight: "600px",
       position: "relative",
       width: "100%"
     }

package/package.json

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