braid-ui 1.0.6 → 1.0.7

package/dist/index.d.cts

@@ -677,8 +677,9 @@ interface StatementViewProps {
     onDownloadCSV: () => void;
     onPrintPDF: () => void;
     isGenerateDisabled: boolean;
+    isLoading: boolean;
 }
-declare const StatementView: ({ statementType, selectedProgram, selectedProduct, accountNumber, startDate, endDate, statementGenerated, programs, products, statementHeader, statementTransactions, onStatementTypeChange, onProgramChange, onProductChange, onAccountNumberChange, onStartDateChange, onEndDateChange, onGenerateStatement, onEdit, onDownloadCSV, onPrintPDF, isGenerateDisabled }: StatementViewProps) => react_jsx_runtime.JSX.Element;
+declare const StatementView: ({ statementType, selectedProgram, selectedProduct, accountNumber, startDate, endDate, statementGenerated, programs, products, statementHeader, statementTransactions, onStatementTypeChange, onProgramChange, onProductChange, onAccountNumberChange, onStartDateChange, onEndDateChange, onGenerateStatement, onEdit, onDownloadCSV, onPrintPDF, isGenerateDisabled, isLoading }: StatementViewProps) => react_jsx_runtime.JSX.Element;
 
 interface ACHDetails {
     type: string;

package/dist/index.d.ts

@@ -677,8 +677,9 @@ interface StatementViewProps {
     onDownloadCSV: () => void;
     onPrintPDF: () => void;
     isGenerateDisabled: boolean;
+    isLoading: boolean;
 }
-declare const StatementView: ({ statementType, selectedProgram, selectedProduct, accountNumber, startDate, endDate, statementGenerated, programs, products, statementHeader, statementTransactions, onStatementTypeChange, onProgramChange, onProductChange, onAccountNumberChange, onStartDateChange, onEndDateChange, onGenerateStatement, onEdit, onDownloadCSV, onPrintPDF, isGenerateDisabled }: StatementViewProps) => react_jsx_runtime.JSX.Element;
+declare const StatementView: ({ statementType, selectedProgram, selectedProduct, accountNumber, startDate, endDate, statementGenerated, programs, products, statementHeader, statementTransactions, onStatementTypeChange, onProgramChange, onProductChange, onAccountNumberChange, onStartDateChange, onEndDateChange, onGenerateStatement, onEdit, onDownloadCSV, onPrintPDF, isGenerateDisabled, isLoading }: StatementViewProps) => react_jsx_runtime.JSX.Element;
 
 interface ACHDetails {
     type: string;

package/dist/index.js

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Zap, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Box, Settings, BarChart3, Key, Heart, User, AlertTriangle, XCircle, CheckCircle, Clock, CalendarIcon, ArrowDownRight, ArrowUpRight, Filter, ChevronLeft, Calendar as Calendar$1, CheckCircle2, StickyNote, FileUp, Circle, UserPlus, ChevronsUpDown, FileJson } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Zap, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Box, Settings, BarChart3, Key, Heart, User, AlertTriangle, XCircle, CheckCircle, Clock, CalendarIcon, Loader2, ArrowDownRight, ArrowUpRight, Filter, ChevronLeft, Calendar as Calendar$1, CheckCircle2, StickyNote, FileUp, Circle, UserPlus, ChevronsUpDown, FileJson } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -5583,7 +5583,8 @@ var StatementView = ({
   onEdit,
   onDownloadCSV,
   onPrintPDF,
-  isGenerateDisabled
+  isGenerateDisabled,
+  isLoading
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "container mx-auto p-6 space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { children: [
@@ -5690,12 +5691,15 @@ var StatementView = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
           Button,
           {
             onClick: onGenerateStatement,
-            disabled: isGenerateDisabled,
-            children: "Generate Statement"
+            disabled: isGenerateDisabled || isLoading,
+            children: [
+              isLoading && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+              isLoading ? "Generating..." : "Generate Statement"
+            ]
           }
         ) })
       ] })
@@ -8583,6 +8587,7 @@ function Statement() {
   const [startDate, setStartDate] = useState();
   const [endDate, setEndDate] = useState();
   const [statementGenerated, setStatementGenerated] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
   const [programs] = useState(mockPrograms);
   const [products] = useState(mockProducts);
   const [statementHeader, setStatementHeader] = useState(null);
@@ -8593,22 +8598,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;
@@ -8650,7 +8661,8 @@ function Statement() {
       onEdit: handleEdit,
       onDownloadCSV: handleDownloadCSV,
       onPrintPDF: handlePrintPDF,
-      isGenerateDisabled: isGenerateDisabled()
+      isGenerateDisabled: isGenerateDisabled(),
+      isLoading
     }
   );
 }