braid-ui 1.0.14 → 1.0.16

package/dist/index.cjs

@@ -300,6 +300,11 @@ var badgeVariants = classVarianceAuthority.cva(
         inactive: "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300",
         pending: "border-yellow-200 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300",
         suspended: "border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300",
+        // CIP Status outlined variants
+        "cip-active": "border-2 border-green-600 bg-transparent text-green-700 hover:bg-green-50 dark:border-green-500 dark:text-green-400 dark:hover:bg-green-950/30",
+        "cip-inactive": "border-2 border-red-600 bg-transparent text-red-700 hover:bg-red-50 dark:border-red-500 dark:text-red-400 dark:hover:bg-red-950/30",
+        "cip-pending": "border-2 border-yellow-600 bg-transparent text-yellow-700 hover:bg-yellow-50 dark:border-yellow-500 dark:text-yellow-400 dark:hover:bg-yellow-950/30",
+        "cip-secondary": "border-2 border-gray-500 bg-transparent text-gray-700 hover:bg-gray-50 dark:border-gray-400 dark:text-gray-300 dark:hover:bg-gray-950/30",
         // Alert type subtle variants
         "alert-ofac": "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300 font-medium",
         "alert-dual": "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300 font-medium",
@@ -3807,6 +3812,16 @@ var statusConfig = {
     label: "Suspended",
     icon: lucideReact.AlertTriangle
   },
+  BLOCKED: {
+    variant: "suspended",
+    label: "Blocked",
+    icon: lucideReact.Ban
+  },
+  PENDING_APPROVAL: {
+    variant: "pending",
+    label: "Pending Approval",
+    icon: lucideReact.Clock
+  },
   POSTED: {
     variant: "active",
     label: "Posted",
@@ -6815,6 +6830,63 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
+var statusConfig2 = {
+  NOT_START: {
+    variant: "cip-secondary",
+    label: "Not Start",
+    icon: lucideReact.Circle
+  },
+  PASS: {
+    variant: "cip-active",
+    label: "Pass",
+    icon: lucideReact.CheckCircle
+  },
+  FAIL: {
+    variant: "cip-inactive",
+    label: "Fail",
+    icon: lucideReact.XCircle
+  },
+  IN_REVIEW: {
+    variant: "cip-pending",
+    label: "In Review",
+    icon: lucideReact.Clock
+  },
+  // Backward compatibility
+  verified: {
+    variant: "cip-active",
+    label: "Verified",
+    icon: lucideReact.CheckCircle
+  },
+  not_start: {
+    variant: "cip-secondary",
+    label: "Not Start",
+    icon: lucideReact.Circle
+  },
+  pending: {
+    variant: "cip-pending",
+    label: "Pending",
+    icon: lucideReact.Clock
+  },
+  rejected: {
+    variant: "cip-inactive",
+    label: "Rejected",
+    icon: lucideReact.XCircle
+  }
+};
+var CIPStatusBadge = ({ status, className }) => {
+  const config = statusConfig2[status];
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "w-3 h-3 mr-1" }),
+      status || "Unknown"
+    ] });
+  }
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
 var Tabs = TabsPrimitive__namespace.Root;
 var TabsList = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
@@ -8114,8 +8186,8 @@ var mockBusinessesList = [
     id: "8112488",
     businessName: "RAPIDZ PAY INC",
     productName: "Fiat Republic Canada Inc. FBO Rapidz Pay",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     type: "Business",
     subType: "Customer",
     isDeveloperInitiated: true,
@@ -8128,8 +8200,8 @@ var mockBusinessesList = [
     id: "8111609",
     businessName: "Fern Hyper Growth Llc",
     productName: "Atomic Brokerage FBO Atomic Brokerage Clients",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     type: "Business",
     subType: "UBO",
     isDeveloperInitiated: false,
@@ -8142,8 +8214,8 @@ var mockBusinessesList = [
     id: "8111026",
     businessName: "ACEROSGALVANISADOS & PREPINTADOS",
     productName: "SendFriend Inc FBO Conduit Pay Agent",
-    cipStatus: "not_start",
-    status: "active",
+    cipStatus: "NOT_START",
+    status: "ACTIVE",
     type: "Individual",
     subType: "Customer",
     isDeveloperInitiated: true,
@@ -8156,8 +8228,8 @@ var mockBusinessesList = [
     id: "8110892",
     businessName: "Tech Solutions Corp",
     productName: "Digital Finance Inc FBO Tech Solutions",
-    cipStatus: "pending",
-    status: "active",
+    cipStatus: "IN_REVIEW",
+    status: "PENDING_APPROVAL",
     type: "Business",
     subType: "Customer",
     isDeveloperInitiated: false,
@@ -8170,8 +8242,8 @@ var mockBusinessesList = [
     id: "8110654",
     businessName: "Global Trade Partners LLC",
     productName: "Swift Transfer FBO Global Trade",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     type: "Individual",
     subType: "UBO",
     isDeveloperInitiated: true,
@@ -8266,23 +8338,13 @@ var Businesses = () => {
       key: "cipStatus",
       title: "CIP status",
       sortable: true,
-      render: (value) => {
-        const status = value;
-        const variant = status === "verified" ? "success" : status === "pending" ? "warning" : "default";
-        const label = status === "verified" ? "Verified" : status === "pending" ? "Pending" : "Not Start";
-        return /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant, children: label });
-      }
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(CIPStatusBadge, { status: value })
     },
     {
       key: "status",
       title: "Status",
       sortable: true,
-      render: (value) => {
-        const status = value;
-        const variant = status === "active" ? "success" : "default";
-        const label = status.charAt(0).toUpperCase() + status.slice(1);
-        return /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant, children: label });
-      }
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value?.toUpperCase() })
     },
     {
       key: "created",
@@ -8398,37 +8460,6 @@ var Businesses = () => {
   ] });
 };
 var Businesses_default = Businesses;
-var statusConfig2 = {
-  verified: {
-    variant: "active",
-    label: "Verified",
-    icon: lucideReact.CheckCircle
-  },
-  not_start: {
-    variant: "secondary",
-    label: "Not Start",
-    icon: lucideReact.Circle
-  },
-  pending: {
-    variant: "pending",
-    label: "Pending",
-    icon: lucideReact.Clock
-  }
-};
-var CIPStatusBadge = ({ status, className }) => {
-  const config = statusConfig2[status];
-  if (!config) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "w-3 h-3 mr-1" }),
-      status || "Unknown"
-    ] });
-  }
-  const Icon2 = config.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
-    config.label
-  ] });
-};
 var typeConfig3 = {
   Individual: {
     variant: "individual",
@@ -10080,8 +10111,8 @@ var mockIndividualsListData = [
     lastName: "Smith",
     fullName: "John Smith",
     productName: "Personal Checking",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     createdAt: "2024-01-15T10:30:00Z",
     modifiedAt: "2024-01-20T14:45:00Z"
   },
@@ -10091,8 +10122,8 @@ var mockIndividualsListData = [
     lastName: "Johnson",
     fullName: "Sarah Johnson",
     productName: "Premium Savings",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     createdAt: "2024-01-18T09:15:00Z",
     modifiedAt: "2024-01-22T11:30:00Z"
   },
@@ -10102,8 +10133,8 @@ var mockIndividualsListData = [
     lastName: "Chen",
     fullName: "Michael Chen",
     productName: "Personal Checking",
-    cipStatus: "pending",
-    status: "pending",
+    cipStatus: "IN_REVIEW",
+    status: "PENDING_APPROVAL",
     createdAt: "2024-01-20T13:45:00Z",
     modifiedAt: "2024-01-20T13:45:00Z"
   },
@@ -10113,8 +10144,8 @@ var mockIndividualsListData = [
     lastName: "Rodriguez",
     fullName: "Emily Rodriguez",
     productName: "Student Checking",
-    cipStatus: "verified",
-    status: "active",
+    cipStatus: "PASS",
+    status: "ACTIVE",
     createdAt: "2024-01-22T16:20:00Z",
     modifiedAt: "2024-01-25T10:15:00Z"
   },
@@ -10124,8 +10155,8 @@ var mockIndividualsListData = [
     lastName: "Williams",
     fullName: "David Williams",
     productName: "Business Checking",
-    cipStatus: "rejected",
-    status: "rejected",
+    cipStatus: "FAIL",
+    status: "BLOCKED",
     createdAt: "2024-01-25T08:30:00Z",
     modifiedAt: "2024-01-26T14:00:00Z"
   }
@@ -12791,6 +12822,7 @@ exports.BusinessStatusCard = BusinessStatusCard;
 exports.BusinessTypeBadge = BusinessTypeBadge;
 exports.Businesses = Businesses_default;
 exports.Button = Button;
+exports.CIPStatusBadge = CIPStatusBadge;
 exports.Calendar = Calendar;
 exports.Card = Card;
 exports.CardContent = CardContent;
@@ -12946,6 +12978,8 @@ exports.WireTransferSection = WireTransferSection;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
+exports.downloadCSV = downloadCSV;
+exports.generateStatementCSV = generateStatementCSV;
 exports.inputVariants = inputVariants;
 exports.reducer = reducer;
 exports.textareaVariants = textareaVariants;