braid-ui 1.0.55 → 1.0.57

package/dist/index.d.cts

@@ -1065,8 +1065,10 @@ interface NewTransactionViewProps {
     isReviewReady: boolean;
     adjustmentTypeOptions: AdjustmentTypeOption[];
     transactionTypeOptions: TransactionTypeOption[];
+    showSuccessInfoBox?: boolean;
+    successInfoMessage?: string;
 }
-declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, counterpartyHasMore, counterpartyTotalResults, isLoadingMoreCounterparties, onLoadMoreCounterparties, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, adjustmentTypeOptions, transactionTypeOptions, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
+declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, counterpartyHasMore, counterpartyTotalResults, isLoadingMoreCounterparties, onLoadMoreCounterparties, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, adjustmentTypeOptions, transactionTypeOptions, showSuccessInfoBox, successInfoMessage, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
 
 interface AccountCardProps {
     account: {

package/dist/index.d.ts

@@ -1065,8 +1065,10 @@ interface NewTransactionViewProps {
     isReviewReady: boolean;
     adjustmentTypeOptions: AdjustmentTypeOption[];
     transactionTypeOptions: TransactionTypeOption[];
+    showSuccessInfoBox?: boolean;
+    successInfoMessage?: string;
 }
-declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, counterpartyHasMore, counterpartyTotalResults, isLoadingMoreCounterparties, onLoadMoreCounterparties, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, adjustmentTypeOptions, transactionTypeOptions, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
+declare const NewTransactionView: ({ form, accountLookedUp, accountData, counterpartyLookedUp, counterpartyData, confirmationOpen, submissionStatus, errorMessage, transactionId, isAccountLoading, isCounterpartyLoading, isSubmitting, counterpartySearchResults, isCounterpartySearching, showCounterpartyDropdown, onAccountLookup, onEditAccount, onEditCounterparty, onTransactionTypeChange, onSubmit, onCancel, onConfirmationClose, onConfirmationOpenChange, onNewTransaction, onCounterpartySearchChange, onCounterpartySelect, onCounterpartyDropdownClose, counterpartyHasMore, counterpartyTotalResults, isLoadingMoreCounterparties, onLoadMoreCounterparties, receiverAccountLookedUp, receiverAccountData, isReceiverAccountLoading, onReceiverAccountLookup, onEditReceiverAccount, isReviewReady, adjustmentTypeOptions, transactionTypeOptions, showSuccessInfoBox, successInfoMessage, }: NewTransactionViewProps) => react_jsx_runtime.JSX.Element;
 
 interface AccountCardProps {
     account: {

package/dist/index.js

@@ -8446,7 +8446,9 @@ var NewTransactionView = ({
   onEditReceiverAccount,
   isReviewReady,
   adjustmentTypeOptions,
-  transactionTypeOptions
+  transactionTypeOptions,
+  showSuccessInfoBox = false,
+  successInfoMessage = ""
 }) => {
   const transactionType = form.watch("transactionType");
   const accountNumber = form.watch("accountNumber");
@@ -8455,6 +8457,7 @@ var NewTransactionView = ({
   const receiverAccountNumber = form.watch("receiverAccountNumber");
   const adjustmentDirection = form.watch("adjustmentDirection");
   const adjustmentType = form.watch("adjustmentType");
+  const description = form.watch("description");
   const requiresCounterparty = ["ach", "wire"].includes(transactionType);
   const isTransfer = transactionType === "transfer";
   const isAdjustment = transactionType === "adjustment";
@@ -8837,48 +8840,64 @@ var NewTransactionView = ({
       ] }) })
     ] }) }),
     /* @__PURE__ */ jsx(Dialog, { open: confirmationOpen, onOpenChange: () => {
-    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", hideCloseButton: true, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          submissionStatus === "success" ? /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(XCircle, { className: "h-6 w-6 text-destructive" }) }),
-          /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Successful" : "Transaction Failed" })
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { className: "text-left", children: submissionStatus === "success" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
-          /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Transaction ID:" }),
-              /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: transactionId })
-            ] }),
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md flex flex-col max-h-[85vh]", hideCloseButton: true, children: [
+      /* @__PURE__ */ jsx(DialogHeader, { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+        submissionStatus === "success" ? /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-6 w-6 text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(XCircle, { className: "h-6 w-6 text-destructive" }) }),
+        /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl", children: submissionStatus === "success" ? "Transaction Submitted" : "Transaction Failed" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: submissionStatus === "success" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-foreground", children: "Your transaction has been successfully submitted and is being processed." }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 rounded-lg p-4 space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Payment ID:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-xs", children: crypto.randomUUID() })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Account:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: accountData ? `${accountData.accountName} (${accountData.accountNumber})` : "N/A" })
+          ] }),
+          transactionType === "transfer" && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Receiver Account:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: receiverAccountData ? `${receiverAccountData.accountName} (${receiverAccountData.accountNumber})` : "N/A" })
+          ] }),
+          transactionType === "adjustment" && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Direction:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: adjustmentDirection === "debit" ? "Debit" : "Credit" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: transactionTypeOptions.find((t) => t.value === transactionType)?.label })
-            ] }),
-            requiresCounterparty && counterpartyName && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Counterparty:" }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: counterpartyName })
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Adjustment Type:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: adjustmentTypeOptions.find((t) => t.value === adjustmentType)?.label || "N/A" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-300", children: "You will receive a confirmation email once the transaction is completed." })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
-            /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: errorMessage })
-            ] })
+          (transactionType === "wire" || transactionType === "ach") && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Customer Name:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: counterpartyName || "N/A" })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Please review the error message above and try again. If the problem persists, contact support." })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { className: "sm:justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Description:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: description || "N/A" })
+          ] })
+        ] }),
+        showSuccessInfoBox && successInfoMessage && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg", children: [
+          /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-blue-500 mt-0.5 flex-shrink-0" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-300", children: successInfoMessage })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
+          /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-destructive mt-0.5 flex-shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Error Processing Transaction" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground break-words whitespace-pre-wrap", children: errorMessage })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Please review the error message above and try again. If the problem persists, contact support." })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DialogFooter, { className: "sm:justify-end gap-2 flex-shrink-0", children: [
         submissionStatus === "error" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onConfirmationOpenChange(false), children: "Edit" }),
         submissionStatus === "success" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onNewTransaction, children: "New Transaction" }),
         /* @__PURE__ */ jsx(
@@ -14348,32 +14367,41 @@ var newTransactionSchema = z.object({
   adjustmentType: z.string().optional(),
   // Transfer-specific fields
   receiverAccountNumber: z.string().optional()
-}).refine((data) => {
-  const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
-  if (requiresCounterparty && !data.counterpartyName) {
-    return false;
+}).refine(
+  (data) => {
+    const requiresCounterparty = ["ach", "wire"].includes(data.transactionType);
+    if (requiresCounterparty && !data.counterpartyName) {
+      return false;
+    }
+    return true;
+  },
+  {
+    message: "Counterparty is required for ACH and Wire transactions",
+    path: ["counterpartyName"]
   }
-  return true;
-}, {
-  message: "Counterparty is required for ACH and Wire transactions",
-  path: ["counterpartyName"]
-}).refine((data) => {
-  if (data.transactionType === "adjustment") {
-    if (!data.adjustmentDirection || !data.adjustmentType) return false;
+).refine(
+  (data) => {
+    if (data.transactionType === "adjustment") {
+      if (!data.adjustmentDirection || !data.adjustmentType) return false;
+    }
+    return true;
+  },
+  {
+    message: "Direction and Type are required for Adjustment transactions",
+    path: ["adjustmentDirection"]
   }
-  return true;
-}, {
-  message: "Direction and Type are required for Adjustment transactions",
-  path: ["adjustmentDirection"]
-}).refine((data) => {
-  if (data.transactionType === "transfer") {
-    if (!data.receiverAccountNumber) return false;
+).refine(
+  (data) => {
+    if (data.transactionType === "transfer") {
+      if (!data.receiverAccountNumber) return false;
+    }
+    return true;
+  },
+  {
+    message: "Receiver account number is required for Transfer transactions",
+    path: ["receiverAccountNumber"]
   }
-  return true;
-}, {
-  message: "Receiver account number is required for Transfer transactions",
-  path: ["receiverAccountNumber"]
-});
+);
 var mockAccountData = {
   accountNumber: "****1234",
   accountName: "Business Checking",
@@ -14421,12 +14449,15 @@ function NewTransaction() {
       receiverAccountNumber: ""
     }
   });
-  const transactionTypeOptions = useMemo(() => [
-    { value: "transfer", label: "Transfer", icon: ArrowLeftRight, disabled: false },
-    { value: "adjustment", label: "Adjustment", icon: Settings, disabled: false },
-    { value: "ach", label: "ACH", icon: Building2, disabled: true },
-    { value: "wire", label: "Wire", icon: Zap, disabled: false }
-  ], []);
+  const transactionTypeOptions = useMemo(
+    () => [
+      { value: "transfer", label: "Transfer", icon: ArrowLeftRight, disabled: false },
+      { value: "adjustment", label: "Adjustment", icon: Settings, disabled: false },
+      { value: "ach", label: "ACH", icon: Building2, disabled: true },
+      { value: "wire", label: "Wire", icon: Zap, disabled: false }
+    ],
+    []
+  );
   const adjustmentDirection = form.watch("adjustmentDirection");
   const adjustmentTypeOptions = useMemo(() => {
     if (adjustmentDirection === "credit") {
@@ -14484,13 +14515,9 @@ function NewTransaction() {
   };
   const filterByTransactionType = (results, txType) => {
     if (txType === "ach") {
-      return results.filter(
-        (cp) => cp.paymentInstrumentType === "ach" || cp.paymentInstrumentType === "both"
-      );
+      return results.filter((cp) => cp.paymentInstrumentType === "ach" || cp.paymentInstrumentType === "both");
     } else if (txType === "wire") {
-      return results.filter(
-        (cp) => cp.paymentInstrumentType === "wire" || cp.paymentInstrumentType === "both"
-      );
+      return results.filter((cp) => cp.paymentInstrumentType === "wire" || cp.paymentInstrumentType === "both");
     }
     return results;
   };
@@ -14508,9 +14535,7 @@ function NewTransaction() {
       }
       try {
         await new Promise((resolve) => setTimeout(resolve, 350));
-        let filteredResults = mockSearchResults.filter(
-          (cp) => cp.name.toLowerCase().includes(query.toLowerCase())
-        );
+        let filteredResults = mockSearchResults.filter((cp) => cp.name.toLowerCase().includes(query.toLowerCase()));
         filteredResults = filterByTransactionType(filteredResults, txType);
         const startIndex = (page - 1) * PAGE_SIZE;
         const paginatedResults = filteredResults.slice(startIndex, startIndex + PAGE_SIZE);
@@ -14555,10 +14580,7 @@ function NewTransaction() {
     if (counterpartyData && counterpartyLookedUp) {
       const requiresCounterparty = ["ach", "wire"].includes(newType);
       if (requiresCounterparty) {
-        const isCompatible = isCounterpartyCompatible(
-          counterpartyData.paymentInstrumentType,
-          newType
-        );
+        const isCompatible = isCounterpartyCompatible(counterpartyData.paymentInstrumentType, newType);
         if (!isCompatible) {
           setCounterpartyLookedUp(false);
           setCounterpartyData(null);
@@ -14696,7 +14718,7 @@ function NewTransaction() {
       };
       console.log("Transaction submission payload:", submissionPayload);
       await new Promise((resolve) => setTimeout(resolve, 1500));
-      const hasError = Math.random() > 0.1;
+      const hasError = Math.random() > 0.7;
       if (hasError) {
         const errorScenarios = [
           "Insufficient funds. Current balance: $125,450.00, Required: $" + parseFloat(data.amount).toFixed(2),