@streamoid/catalogix-chat 0.2.25 → 0.2.27

package/dist/index.js

@@ -3086,13 +3086,15 @@ import {
   ChevronDown as ChevronDown3,
   ChevronRight as ChevronRight3,
   HelpCircle,
+  Maximize2,
+  Minimize2,
   Pencil as Pencil3,
   Send as Send2,
   Loader2 as Loader26,
   X as X2,
   RefreshCw
 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function buildErrorMap(criticalIssues, columns) {
   const map = /* @__PURE__ */ new Map();
   for (const issue of criticalIssues) {
@@ -3405,6 +3407,7 @@ function EditFeed({
   const [statusMsg, setStatusMsg] = useState8("");
   const [errorMsg, setErrorMsg] = useState8("");
   const [transformedUrl] = useState8(initialTransformedUrl);
+  const [maximized, setMaximized] = useState8(false);
   const errorMap = useMemo6(
     () => buildErrorMap(criticalIssues, columns),
     [criticalIssues, columns]
@@ -3522,81 +3525,103 @@ function EditFeed({
     skuField,
     onSubmit
   ]);
-  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" }),
-      errorCount > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "destructive", className: "text-[10px]", children: [
-        errorCount,
-        " error",
-        errorCount !== 1 ? "s" : ""
-      ] }),
-      dataIssuesRaw.length > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "outline", className: "text-[10px] border-amber-400 text-amber-600 dark:text-amber-400", children: [
-        dataIssuesRaw.length,
-        " warning",
-        dataIssuesRaw.length !== 1 ? "s" : ""
+  const content = /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between px-1 shrink-0", 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" }),
+        errorCount > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "destructive", className: "text-[10px]", children: [
+          errorCount,
+          " error",
+          errorCount !== 1 ? "s" : ""
+        ] }),
+        dataIssuesRaw.length > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "outline", className: "text-[10px] border-amber-400 text-amber-600 dark:text-amber-400", children: [
+          dataIssuesRaw.length,
+          " warning",
+          dataIssuesRaw.length !== 1 ? "s" : ""
+        ] }),
+        editedCells.size > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "text-[10px]", children: [
+          editedCells.size,
+          " edited"
+        ] })
       ] }),
-      editedCells.size > 0 && /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "text-[10px]", children: [
-        editedCells.size,
-        " edited"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground px-1", children: errorCount > 0 ? "Click on the highlighted cells to edit their values, then submit to re-validate." : "No critical errors found. Review the warnings below and edit values if needed, or proceed." }),
-    statusMsg && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded bg-muted text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx22(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-7 w-7 p-0",
+          onClick: () => setMaximized((v) => !v),
+          title: maximized ? "Minimize" : "Maximize",
+          children: maximized ? /* @__PURE__ */ jsx22(Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx22(Maximize2, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground px-1 shrink-0", children: errorCount > 0 ? "Click on the highlighted cells to edit their values, then submit to re-validate." : "No critical errors found. Review the warnings below and edit values if needed, or proceed." }),
+    statusMsg && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded bg-muted text-xs text-muted-foreground shrink-0", children: [
       /* @__PURE__ */ jsx22(Loader26, { className: "h-3 w-3 animate-spin" }),
       statusMsg
     ] }),
-    errorMsg && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded bg-destructive/10 text-xs text-destructive", children: [
+    errorMsg && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded bg-destructive/10 text-xs text-destructive shrink-0", children: [
       /* @__PURE__ */ jsx22(AlertTriangle2, { className: "h-3 w-3 shrink-0" }),
       errorMsg
     ] }),
-    /* @__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))
-      ] }) }),
-      /* @__PURE__ */ jsxs11(TableBody, { children: [
-        rows.map((row, rowIdx) => {
-          const sku = row[skuField] ?? "";
-          const rowErrors = errorMap.get(sku);
-          const missingAttrs = dataIssueMap.get(sku);
-          return /* @__PURE__ */ jsxs11(React8.Fragment, { children: [
-            /* @__PURE__ */ jsxs11(TableRow, { className: cn(rowErrors && "bg-destructive/5"), children: [
-              /* @__PURE__ */ jsx22(TableCell, { className: "text-center text-xs text-muted-foreground", children: rowIdx + 1 }),
-              columns.map((col) => {
-                const cellErr = rowErrors?.get(col);
-                return /* @__PURE__ */ jsx22(TableCell, { className: "p-0.5", children: /* @__PURE__ */ jsx22(
-                  EditableCell2,
-                  {
-                    value: row[col] ?? "",
-                    hasError: !!cellErr,
-                    errorMessage: cellErr,
-                    onChange: (val) => handleCellChange(rowIdx, col, val),
-                    readOnly: isLoading,
-                    onFetchSuggestions: cellErr ? () => fetchValidValues(
-                      sourceMp,
-                      marketplaceOv,
-                      row["Category"] ?? "",
-                      col
-                    ) : void 0
-                  }
-                ) }, col);
-              })
-            ] }),
-            missingAttrs && /* @__PURE__ */ jsx22("tr", { children: /* @__PURE__ */ jsx22("td", { colSpan: columns.length + 1, children: /* @__PURE__ */ jsx22(MissingAttributesBanner, { text: missingAttrs, defaultOpen: errorCount === 0 }) }) })
-          ] }, rowIdx);
-        }),
-        rows.length === 0 && /* @__PURE__ */ jsx22(TableRow, { children: /* @__PURE__ */ jsx22(
-          TableCell,
-          {
-            colSpan: columns.length + 1,
-            className: "text-center text-muted-foreground py-8",
-            children: "No error rows to display."
-          }
-        ) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-2 pt-1", children: [
+    /* @__PURE__ */ jsx22(
+      "div",
+      {
+        className: cn(
+          "overflow-auto border rounded-md",
+          maximized ? "flex-1 min-h-0" : "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))
+          ] }) }),
+          /* @__PURE__ */ jsxs11(TableBody, { children: [
+            rows.map((row, rowIdx) => {
+              const sku = row[skuField] ?? "";
+              const rowErrors = errorMap.get(sku);
+              const missingAttrs = dataIssueMap.get(sku);
+              return /* @__PURE__ */ jsxs11(React8.Fragment, { children: [
+                /* @__PURE__ */ jsxs11(TableRow, { className: cn(rowErrors && "bg-destructive/5"), children: [
+                  /* @__PURE__ */ jsx22(TableCell, { className: "text-center text-xs text-muted-foreground", children: rowIdx + 1 }),
+                  columns.map((col) => {
+                    const cellErr = rowErrors?.get(col);
+                    return /* @__PURE__ */ jsx22(TableCell, { className: "p-0.5", children: /* @__PURE__ */ jsx22(
+                      EditableCell2,
+                      {
+                        value: row[col] ?? "",
+                        hasError: !!cellErr,
+                        errorMessage: cellErr,
+                        onChange: (val) => handleCellChange(rowIdx, col, val),
+                        readOnly: isLoading,
+                        onFetchSuggestions: cellErr ? () => fetchValidValues(
+                          sourceMp,
+                          marketplaceOv,
+                          row["Category"] ?? "",
+                          col
+                        ) : void 0
+                      }
+                    ) }, col);
+                  })
+                ] }),
+                missingAttrs && /* @__PURE__ */ jsx22("tr", { children: /* @__PURE__ */ jsx22("td", { colSpan: columns.length + 1, children: /* @__PURE__ */ jsx22(MissingAttributesBanner, { text: missingAttrs, defaultOpen: errorCount === 0 }) }) })
+              ] }, rowIdx);
+            }),
+            rows.length === 0 && /* @__PURE__ */ jsx22(TableRow, { children: /* @__PURE__ */ jsx22(
+              TableCell,
+              {
+                colSpan: columns.length + 1,
+                className: "text-center text-muted-foreground py-8",
+                children: "No error rows to display."
+              }
+            ) })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-2 pt-1 shrink-0", children: [
       /* @__PURE__ */ jsxs11(
         Button,
         {
@@ -3626,6 +3651,10 @@ function EditFeed({
       )
     ] })
   ] });
+  if (maximized) {
+    return /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm", children: /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3 bg-background border rounded-lg shadow-xl m-6 p-5 w-[calc(100%-3rem)] h-[calc(100%-3rem)] max-w-full max-h-full", children: content }) });
+  }
+  return /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3", children: content });
 }
 
 // src/Automations/ProductAutomation.tsx
@@ -4091,7 +4120,7 @@ function BooleanField({
 }
 
 // src/Automations/ProductAutomation.tsx
-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 ProductAutomation({
   storeId,
   workspaceId,
@@ -4371,10 +4400,10 @@ function ProductAutomation({
           onClick: handleRun,
           disabled: !isRunAllowed() || applying,
           className: "flex-1",
-          children: applying ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+          children: applying ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
             /* @__PURE__ */ jsx24(Loader28, { className: "size-4 animate-spin" }),
             "Applying..."
-          ] }) : /* @__PURE__ */ jsxs13(Fragment5, { children: [
+          ] }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
             /* @__PURE__ */ jsx24(Play, { className: "size-4" }),
             "Run Automation"
           ] })
@@ -4418,7 +4447,7 @@ function formatTimeSaved(totalSeconds) {
 // src/Automations/StoreAutomation.tsx
 import { useState as useState11, useEffect as useEffect8, useCallback as useCallback9, useRef as useRef7 } from "react";
 import { ArrowLeft as ArrowLeft4, Settings } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function StoreAutomation({
   storeId,
   channelsWithVersion,
@@ -4666,7 +4695,7 @@ function AutomationConfigEditor({
         onConfigChange: handleConfigChange
       }
     ) : /* @__PURE__ */ jsx25("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "Enable this automation to configure it." }) }),
-    automation.preview && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    automation.preview && /* @__PURE__ */ jsxs14(Fragment7, { children: [
       /* @__PURE__ */ jsx25(Separator2, {}),
       /* @__PURE__ */ jsxs14("div", { className: "space-y-2 rounded-lg bg-muted/50 p-3 text-sm", children: [
         automation.preview.info_text.map((text, i) => /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: text }, i)),

package/package.json

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