braid-ui 1.0.55 → 1.0.56

package/dist/index.js

@@ -8837,48 +8837,46 @@ 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 })
-            ] }),
-            /* @__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: "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 })
-            ] })
+    }, 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 Successful" : "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: "Transaction ID:" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: transactionId })
           ] }),
-          /* @__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 })
-            ] })
+          /* @__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("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: "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__ */ 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 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 +14346,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 +14428,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 +14494,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 +14514,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 +14559,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);
@@ -14705,7 +14706,9 @@ function NewTransaction() {
           "Invalid routing number for the selected transaction type."
         ];
         setSubmissionStatus("error");
-        setErrorMessage(errorScenarios[Math.floor(Math.random() * errorScenarios.length)]);
+        setErrorMessage(
+          'JSON parse error: Cannot deserialize value of type `io.ropechain.api.enums.TransactionEnums$DebitAdjustmentTypes` from String "mapSubTypeStringToEnum(data.adjustmentType ?? "")": not one of the values accepted for Enum class: [COLLECTION, TRANSACTION_REVERSAL, TRANSACTION_ADJUSTMENT]; nested exception is com.fasterxml.jackson.databind.exc.InvalidFormatException: Cannot deserialize value of type `io.ropechain.api.enums.TransactionEnums$DebitAdjustmentTypes` from String "mapSubTypeStringToEnum(data.adjustmentType ?? "")": not one of the values accepted for Enum class: [COLLECTION, TRANSACTION_REVERSAL, TRANSACTION_ADJUSTMENT]\n at [Source: (org.springframework.util.StreamUtils$NonClosingInputStream); line: 1, column: 51] (through reference chain: io.ropechain.api.model.transaction.internal.TransactionDebitAdjustmentRequest["subType"])'
+        );
       } else {
         const txId = "TXN-" + Math.random().toString(36).substr(2, 9).toUpperCase();
         setTransactionId(txId);