braid-ui 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -5615,7 +5615,8 @@ var StatementView = ({
   onEdit,
   onDownloadCSV,
   onPrintPDF,
-  isGenerateDisabled
+  isGenerateDisabled,
+  isLoading
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto p-6 space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -5722,12 +5723,15 @@ var StatementView = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
             onClick: onGenerateStatement,
-            disabled: isGenerateDisabled,
-            children: "Generate Statement"
+            disabled: isGenerateDisabled || isLoading,
+            children: [
+              isLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }),
+              isLoading ? "Generating..." : "Generate Statement"
+            ]
           }
         ) })
       ] })
@@ -8615,6 +8619,7 @@ function Statement() {
   const [startDate, setStartDate] = React15.useState();
   const [endDate, setEndDate] = React15.useState();
   const [statementGenerated, setStatementGenerated] = React15.useState(false);
+  const [isLoading, setIsLoading] = React15.useState(false);
   const [programs] = React15.useState(mockPrograms);
   const [products] = React15.useState(mockProducts);
   const [statementHeader, setStatementHeader] = React15.useState(null);
@@ -8625,22 +8630,28 @@ function Statement() {
     setSelectedProduct("");
     setAccountNumber("");
   };
-  const handleGenerateStatement = () => {
+  const handleGenerateStatement = async () => {
     if (!statementType || !startDate || !endDate) return;
     if (statementType === "program" && !selectedProgram) return;
     if (statementType === "product" && !selectedProduct) return;
     if (statementType === "account" && !accountNumber) return;
-    console.log("Generating statement with:", {
-      statementType,
-      selectedProgram,
-      selectedProduct,
-      accountNumber,
-      startDate,
-      endDate
-    });
-    setStatementHeader(mockStatementHeader);
-    setStatementTransactions(mockStatementTransactions);
-    setStatementGenerated(true);
+    setIsLoading(true);
+    try {
+      console.log("Generating statement with:", {
+        statementType,
+        selectedProgram,
+        selectedProduct,
+        accountNumber,
+        startDate,
+        endDate
+      });
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setStatementHeader(mockStatementHeader);
+      setStatementTransactions(mockStatementTransactions);
+      setStatementGenerated(true);
+    } finally {
+      setIsLoading(false);
+    }
   };
   const isGenerateDisabled = () => {
     if (!statementType || !startDate || !endDate) return true;
@@ -8682,7 +8693,8 @@ function Statement() {
       onEdit: handleEdit,
       onDownloadCSV: handleDownloadCSV,
       onPrintPDF: handlePrintPDF,
-      isGenerateDisabled: isGenerateDisabled()
+      isGenerateDisabled: isGenerateDisabled(),
+      isLoading
     }
   );
 }