@evervault/react-native 2.2.0 → 2.3.0

package/build/index.esm.js

@@ -6774,7 +6774,7 @@ const h = [
     isLocal: false,
     numberValidationRules: {
       luhnCheck: true,
-      ranges: [[300, 305], 36, 38, 39],
+      ranges: [[300, 305], 3095, 36, 38, 39],
       lengths: [14, 16, 19]
     },
     securityCodeValidationRules: {
@@ -6786,7 +6786,7 @@ const h = [
     isLocal: false,
     numberValidationRules: {
       luhnCheck: true,
-      ranges: [6011, [644, 649], 65],
+      ranges: [6011, [644, 649], [65e4, 651999], [653150, 659999], 622],
       lengths: [16, 19]
     },
     securityCodeValidationRules: {
@@ -6798,7 +6798,16 @@ const h = [
     isLocal: false,
     numberValidationRules: {
       luhnCheck: true,
-      ranges: [2131, 1800, [3528, 3589]],
+      ranges: [
+        2131,
+        1800,
+        [3088, 3094],
+        [3096, 3102],
+        [3112, 3120],
+        [3158, 3159],
+        [3337, 3349],
+        [3528, 3589]
+      ],
       lengths: [16, 17, 18, 19]
     },
     securityCodeValidationRules: {
@@ -6846,16 +6855,20 @@ const h = [
     numberValidationRules: {
       luhnCheck: true,
       ranges: [
+        5018,
+        5020,
+        5038,
+        5893,
+        6101,
+        6304,
+        6759,
+        6761,
+        6762,
+        6763,
         493698,
         [5e5, 504174],
         [504176, 506698],
         [506779, 508999],
-        [56, 59],
-        60,
-        61,
-        63,
-        64,
-        67,
         69
       ],
       lengths: [12, 13, 14, 15, 16, 17, 18, 19]
@@ -6961,6 +6974,18 @@ const h = [
     securityCodeValidationRules: {
       lengths: [0]
     }
+  },
+  {
+    name: "rupay",
+    isLocal: false,
+    numberValidationRules: {
+      luhnCheck: true,
+      ranges: [60, 81, 82, 508, [652100, 653149], [817200, 819899]],
+      lengths: [16]
+    },
+    securityCodeValidationRules: {
+      lengths: [3]
+    }
   }
 ];
 function g(n, e, t) {
@@ -7027,7 +7052,7 @@ function C(n, e) {
     isValid: l
   };
 }
-function b(n) {
+function R(n) {
   var r;
   const e = /^(0[1-9]|1[[0-2]).*$/, t = n.match(e), s = t ? parseInt(t[1].toString(), 10) : null, l = /^(0[1-9]|1[[0-2])(\d{2})$/, i = n.match(l), a = i ? parseInt(i[2].toString(), 10) : null;
   if (s) {
@@ -7093,7 +7118,7 @@ function areValuesComplete(values) {
     if ("number" in values && !f(values.number ?? "").isValid) {
         return false;
     }
-    if ("expiry" in values && !b(values.expiry ?? "").isValid) {
+    if ("expiry" in values && !R(values.expiry ?? "").isValid) {
         return false;
     }
     if ("cvc" in values &&
@@ -7105,6 +7130,8 @@ function areValuesComplete(values) {
 function isAcceptedBrand(acceptedBrands, cardNumberValidationResult) {
     if (!acceptedBrands?.length)
         return true;
+    if (!cardNumberValidationResult.isValid)
+        return false;
     const { brand, localBrands } = cardNumberValidationResult;
     const acceptedBrandsSet = new Set(acceptedBrands);
     const isBrandAccepted = brand !== null && acceptedBrandsSet.has(brand);
@@ -7112,7 +7139,7 @@ function isAcceptedBrand(acceptedBrands, cardNumberValidationResult) {
     return isBrandAccepted || isLocalBrandAccepted;
 }
 function formatExpiry(expiry) {
-    const parsedExpiry = b(expiry);
+    const parsedExpiry = R(expiry);
     if (!parsedExpiry.isValid) {
         return null;
     }
@@ -7123,19 +7150,19 @@ function formatExpiry(expiry) {
 }
 
 function getCardFormSchema(acceptedBrands) {
-    return z
-        .object({
+    return z.object({
         name: z.string().min(1, "Missing name"),
         number: z
             .string()
             .min(1, "Required")
             .refine((value) => f(value).isValid, {
             message: "Invalid card number",
-        }),
+        })
+            .refine((value) => isAcceptedBrand(acceptedBrands, f(value)), { message: "Brand not accepted" }),
         expiry: z
             .string()
             .min(1, "Required")
-            .refine((value) => b(value).isValid, {
+            .refine((value) => R(value).isValid, {
             message: "Invalid expiry",
         }),
         cvc: z
@@ -7144,19 +7171,6 @@ function getCardFormSchema(acceptedBrands) {
             .refine((value) => C(value).isValid, {
             message: "Invalid CVC",
         }),
-    })
-        .superRefine((value, ctx) => {
-        const validation = f(value.number);
-        if (!validation.isValid)
-            return;
-        const isAccepted = isAcceptedBrand(acceptedBrands, validation);
-        if (!isAccepted) {
-            ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: "Brand not accepted",
-                path: ["number"],
-            });
-        }
     });
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@evervault/react-native",
   "description": "Evervault SDK for React Native",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "source": "./src/index.ts",
   "main": "./build/index.cjs.js",
   "module": "./build/index.esm.js",
@@ -73,7 +73,7 @@
     "react-hook-form": "^7.54.2",
     "react-native-mask-input": "^1.2.3",
     "zod": "^3.24.2",
-    "@evervault/card-validator": "1.3.0"
+    "@evervault/card-validator": "1.4.0"
   },
   "scripts": {
     "prebuild": "pnpm codegen",

package/src/Card/Root.test.tsx

@@ -258,3 +258,84 @@ it("adds Invalid error when input is blurred with an invalid value", async () =>
     });
   });
 });
+
+it("adds 'Brand not accepted' error when brand is not accepted", async () => {
+  const onChange = vi.fn();
+  const { getByTestId } = render(
+    <Card onChange={onChange} acceptedBrands={["american-express"]}>
+      <CardNumber testID="number" />
+    </Card>,
+    { wrapper }
+  );
+
+  const number = getByTestId("number");
+
+  const user = userEvent.setup();
+  await user.type(number, "4242");
+  fireEvent(number, "blur");
+
+  await waitFor(() => {
+    expect(onChange).toHaveBeenLastCalledWith({
+      card: {
+        name: null,
+        brand: "visa",
+        localBrands: [],
+        number: null,
+        lastFour: null,
+        bin: null,
+        expiry: null,
+        cvc: null,
+      },
+      isValid: false,
+      isComplete: false,
+      errors: {
+        number: "Invalid card number",
+      },
+    });
+  });
+
+  await user.type(number, "4242 4242 4242");
+  fireEvent(number, "blur");
+
+  await waitFor(() => {
+    expect(onChange).toHaveBeenLastCalledWith({
+      card: {
+        name: null,
+        brand: "visa",
+        localBrands: [],
+        number: expect.any(String),
+        lastFour: "4242",
+        bin: "42424242",
+        expiry: null,
+        cvc: null,
+      },
+      isValid: false,
+      isComplete: true,
+      errors: {
+        number: "Brand not accepted",
+      },
+    });
+  });
+
+  await user.clear(number);
+  await user.type(number, "3782 822463 10005");
+  fireEvent(number, "blur");
+
+  await waitFor(() => {
+    expect(onChange).toHaveBeenLastCalledWith({
+      card: {
+        name: null,
+        brand: "american-express",
+        localBrands: [],
+        number: expect.any(String),
+        lastFour: "0005",
+        bin: "378282",
+        expiry: null,
+        cvc: null,
+      },
+      isValid: true,
+      isComplete: true,
+      errors: {},
+    });
+  });
+});

package/src/Card/schema.ts

@@ -8,44 +8,34 @@ import { CardBrandName } from "./types";
 import { isAcceptedBrand } from "./utils";
 
 export function getCardFormSchema(acceptedBrands: CardBrandName[]) {
-  return z
-    .object({
-      name: z.string().min(1, "Missing name"),
+  return z.object({
+    name: z.string().min(1, "Missing name"),
 
-      number: z
-        .string()
-        .min(1, "Required")
-        .refine((value) => validateNumber(value).isValid, {
-          message: "Invalid card number",
-        }),
+    number: z
+      .string()
+      .min(1, "Required")
+      .refine((value) => validateNumber(value).isValid, {
+        message: "Invalid card number",
+      })
+      .refine(
+        (value) => isAcceptedBrand(acceptedBrands, validateNumber(value)),
+        { message: "Brand not accepted" }
+      ),
 
-      expiry: z
-        .string()
-        .min(1, "Required")
-        .refine((value) => validateExpiry(value).isValid, {
-          message: "Invalid expiry",
-        }),
+    expiry: z
+      .string()
+      .min(1, "Required")
+      .refine((value) => validateExpiry(value).isValid, {
+        message: "Invalid expiry",
+      }),
 
-      cvc: z
-        .string()
-        .min(1, "Required")
-        .refine((value) => validateCVC(value).isValid, {
-          message: "Invalid CVC",
-        }),
-    })
-    .superRefine((value, ctx) => {
-      const validation = validateNumber(value.number);
-      if (!validation.isValid) return;
-
-      const isAccepted = isAcceptedBrand(acceptedBrands, validation);
-      if (!isAccepted) {
-        ctx.addIssue({
-          code: z.ZodIssueCode.custom,
-          message: "Brand not accepted",
-          path: ["number"],
-        });
-      }
-    });
+    cvc: z
+      .string()
+      .min(1, "Required")
+      .refine((value) => validateCVC(value).isValid, {
+        message: "Invalid CVC",
+      }),
+  });
 }
 
 export type CardFormValues = z.infer<ReturnType<typeof getCardFormSchema>>;

package/src/Card/types.ts

@@ -13,11 +13,18 @@ export const CARD_BRAND_NAMES = [
   "hiper",
   "szep",
   "uatp",
+  "rupay",
 ] as const;
 
 export type CardBrandName = (typeof CARD_BRAND_NAMES)[number];
 
 export interface CardConfig {
+  /**
+   * The brands that are accepted by the card form.
+   * Pass an empty array to accept all brands.
+   *
+   * @default []
+   */
   acceptedBrands?: CardBrandName[];
 }
 

package/src/Card/utils.ts

@@ -101,6 +101,8 @@ export function isAcceptedBrand(
   cardNumberValidationResult: CardNumberValidationResult
 ): boolean {
   if (!acceptedBrands?.length) return true;
+
+  if (!cardNumberValidationResult.isValid) return false;
   const { brand, localBrands } = cardNumberValidationResult;
 
   const acceptedBrandsSet = new Set(acceptedBrands);