frames-react-native 1.2.3 → 1.2.4

package/__tests__/CardUtils.test.tsx

@@ -0,0 +1,43 @@
+import {
+  formatCard,
+  getCardType,
+  getIcon,
+  isValidCard,
+  cvvLength,
+  isValidCvv,
+  isValidDate,
+} from "../src/utils/card";
+
+describe("card utils", () => {
+  it("formats and validates card number", () => {
+    expect(formatCard("4242424242424242")).toBe("4242 4242 4242 4242");
+    expect(isValidCard("4242 4242 4242 4242")).toBe(true);
+  });
+
+  it("detects card type including extended whitelist (Discover)", () => {
+    expect(getCardType("6011111111111117")).toBe("Discover");
+  });
+
+  it("cvvLength varies by type (Amex -> 4)", () => {
+    // Amex test number
+    const amex = "378282246310005";
+    expect(cvvLength(amex)).toBe(4);
+    expect(cvvLength("4242 4242 4242 4242")).toBe(3);
+  });
+
+  it("validates cvv by inferred type", () => {
+    // Amex 4-digit CVC (It's an AMEX Test card number)
+    expect(isValidCvv("1234", "345678901234564")).toBe(true);
+    // Visa 3-digit CVC
+    expect(isValidCvv("123", "4242 4242 4242 4242")).toBe(true);
+  });
+
+  it("getIcon returns undefined for unknown type", () => {
+    // @ts-ignore
+    expect(getIcon("UnknownBrand")).toBeUndefined();
+  });
+
+  it("isValidDate rejects incomplete or past dates", () => {
+    expect(isValidDate("06/")).toBe(false);
+  });
+});

package/__tests__/FramesContextGuards.test.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { render } from "@testing-library/react-native";
+
+import { CardNumber, ExpiryDate, Cvv, SubmitButton } from "../src/index";
+
+describe("Component context guards", () => {
+  it("throws when CardNumber is rendered outside Frames", () => {
+    expect(() => render(<CardNumber />)).toThrow(
+      "It looks like you are trying to render the CardNumber outside of the Frames Component."
+    );
+  });
+
+  it("throws when ExpiryDate is rendered outside Frames", () => {
+    expect(() => render(<ExpiryDate />)).toThrow(
+      "It looks like you are trying to render the ExpiryDate outside of the Frames Component."
+    );
+  });
+
+  it("throws when Cvv is rendered outside Frames", () => {
+    expect(() => render(<Cvv />)).toThrow(
+      "It looks like you are trying to render the Cvv outside of the Frames Component."
+    );
+  });
+
+  it("throws when SubmitButton is rendered outside Frames", () => {
+    expect(() => render(<SubmitButton title="Pay" />)).toThrow(
+      "It looks like you are trying to render the SubmitButton outside of the Frames Component."
+    );
+  });
+});

package/__tests__/HttpAndLogger.test.tsx

@@ -0,0 +1,204 @@
+import React from "react";
+import { render, fireEvent, waitFor } from "@testing-library/react-native";
+
+import {
+  Frames,
+  CardNumber,
+  ExpiryDate,
+  Cvv,
+  SubmitButton,
+} from "../src/index";
+
+import { SANDBOX_LOGGER, LIVE_LOGGER } from "../src/utils/constants";
+
+describe("http.tokenize and helpers", () => {
+  const { tokenize, formatDataForTokenization, getEnvironment } =
+    jest.requireActual("../src/utils/http");
+
+  beforeEach(() => {
+    // @ts-ignore
+    global.fetch = jest.fn();
+  });
+
+  it("tokenize returns json when response ok", async () => {
+    // @ts-ignore
+    global.fetch.mockResolvedValueOnce({
+      ok: true,
+      json: jest.fn().mockResolvedValue({ ok: true }),
+    });
+
+    const res = await tokenize({
+      key: "pk_sbox_dummy",
+      body: {
+        type: "card",
+        number: "4242424242424242",
+        expiry_month: "12",
+        expiry_year: "2030",
+        cvv: "123",
+      },
+    });
+
+    expect(res).toEqual({ ok: true });
+  });
+
+  it("tokenize throws json when response not ok", async () => {
+    // @ts-ignore
+    global.fetch.mockResolvedValueOnce({
+      ok: false,
+      json: jest.fn().mockResolvedValue({ error: "bad" }),
+    });
+
+    await expect(
+      tokenize({
+        key: "pk_sbox_dummy",
+        body: {
+          type: "card",
+          number: "4242424242424242",
+          expiry_month: "12",
+          expiry_year: "2030",
+          cvv: "123",
+        },
+      })
+    ).rejects.toEqual({ error: "bad" });
+  });
+
+  it("formatDataForTokenization maps fields and billing address including addressLine2", () => {
+    const { EXPIRY_DATE_DELIMITER } = require("../src/utils/constants");
+    const state = {
+      cardNumber: "4242 4242 4242 4242",
+      cardBin: { bin: null, scheme: null },
+      cardIcon: undefined,
+      cardType: null,
+      expiryDate: `12${EXPIRY_DATE_DELIMITER}30`,
+      cvv: "123",
+      cvvLength: 3,
+      validation: { cardNumber: true, expiryDate: true, cvv: true, card: true },
+    };
+
+    const config = {
+      publicKey: "pk_sbox_dummy",
+      cardholder: {
+        name: "John Doe",
+        phone: "+1234567890",
+        billingAddress: {
+          addressLine1: "Line 1",
+          addressLine2: "Line 2",
+          city: "City",
+          state: "ST",
+          zip: "12345",
+          country: "US",
+        },
+      },
+    };
+
+    const params = formatDataForTokenization(state, config);
+    expect(params.key).toBe(config.publicKey);
+    expect(params.body.number).toBe("4242424242424242");
+    expect(params.body.expiry_month).toBe("12");
+    expect(params.body.expiry_year).toMatch(/^20\d{2}$/);
+    expect(params.body.cvv).toBe("123");
+    expect(params.body.name).toBe("John Doe");
+    expect(params.body.billing_address).toEqual({
+      address_line1: "Line 1",
+      address_line2: "Line 2",
+      city: "City",
+      state: "ST",
+      zip: "12345",
+      country: "US",
+    });
+    expect(params.body.phone).toEqual({ number: "+1234567890" });
+  });
+
+  it("formatDataForTokenization sets billing_address to null when not provided", () => {
+    const state = {
+      cardNumber: "4242 4242 4242 4242",
+      cardBin: { bin: null, scheme: null },
+      cardIcon: undefined,
+      cardType: null,
+      expiryDate: "12/30",
+      cvv: "123",
+      cvvLength: 3,
+      validation: { cardNumber: true, expiryDate: true, cvv: true, card: true },
+    };
+
+    const config = {
+      publicKey: "pk_sbox_dummy",
+      cardholder: { name: "John Doe" },
+    };
+
+    const params = formatDataForTokenization(state, config);
+    // @ts-ignore
+    expect(params.body.billing_address).toBeNull();
+  });
+
+  it("getEnvironment returns expected token URL", () => {
+    expect(getEnvironment("pk_sbox_dummy")).toBe(
+      "https://api.sandbox.checkout.com/tokens"
+    );
+  });
+});
+
+describe("logger.log", () => {
+  const { log, getEnvironment } = require("../src/utils/logger");
+
+  beforeEach(() => {
+    // @ts-ignore
+    global.fetch = jest.fn().mockResolvedValue({});
+  });
+
+  it("posts to sandbox logger with structured body", async () => {
+    await log("info", "type_event", { publicKey: "pk_sbox_dummy" }, { a: 1 });
+
+    expect(global.fetch).toHaveBeenCalledWith(
+      SANDBOX_LOGGER,
+      expect.anything()
+    );
+    const [, options] = (global.fetch as jest.Mock).mock.calls[0];
+    const body = JSON.parse(options.body);
+    expect(body.specversion).toBe("1.0");
+    expect(body.type).toBe("type_event");
+    expect(body.data.environment).toBe("sandbox");
+    expect(body.cko.loglevel).toBe("info");
+  });
+
+  it("getEnvironment returns live logger for prod keys", () => {
+    expect(getEnvironment("pk_4296fd52-efba-4a38-b6ce-cf0d93639d8a")).toBe(
+      LIVE_LOGGER
+    );
+  });
+});
+
+describe("Frames error path on tokenization failure", () => {
+  it("emits cardTokenizationFailed when tokenization rejects", async () => {
+    const httpMod = require("../src/utils/http");
+    jest.spyOn(httpMod, "tokenize").mockRejectedValueOnce({ error: "failure" });
+
+    const { Frames } = require("../src/index");
+
+    const cardTokenizationFailed = jest.fn();
+
+    const screen = render(
+      <Frames
+        config={{ publicKey: "pk_sbox_dummy", debug: true }}
+        cardTokenizationFailed={cardTokenizationFailed}
+      >
+        <CardNumber />
+        <ExpiryDate />
+        <Cvv />
+        <SubmitButton title="Pay" />
+      </Frames>
+    );
+
+    fireEvent.changeText(
+      screen.getByPlaceholderText("•••• •••• •••• ••••"),
+      "4242 4242 4242 4242"
+    );
+    fireEvent.changeText(screen.getByPlaceholderText("MM/YY"), "12/30");
+    fireEvent.changeText(screen.getByPlaceholderText("•••"), "123");
+
+    fireEvent.press(screen.getByText("Pay"));
+
+    await waitFor(() => expect(cardTokenizationFailed).toHaveBeenCalled());
+    expect(cardTokenizationFailed).toHaveBeenCalledWith({ error: "failure" });
+  });
+});

package/__tests__/Integration.test.tsx

@@ -59,8 +59,8 @@ describe("Frames integration", () => {
       type: "card",
       token: "tok_test_123",
       expires_on: "2030-12-31T23:59:59Z",
-      expiry_month: "12",
-      expiry_year: "2030",
+      expiry_month: 12,
+      expiry_year: 2030,
       scheme: "Visa",
       last4: "4242",
       bin: "424242",
@@ -147,8 +147,8 @@ describe("Frames integration", () => {
       type: "card",
       token: "tok_test_ref_123",
       expires_on: "2030-12-31T23:59:59Z",
-      expiry_month: "12",
-      expiry_year: "2030",
+      expiry_month: 12,
+      expiry_year: 2030,
       scheme: "Visa",
       last4: "4242",
       bin: "424242",
@@ -187,4 +187,46 @@ describe("Frames integration", () => {
     await waitFor(() => expect(tokenize).toHaveBeenCalledTimes(1));
     expect(cardTokenized).toHaveBeenCalledWith(mockTokenResponse);
   });
+
+  it("SubmitButton triggers submitCard and forwards onPress to consumer", async () => {
+    const { tokenize } = require("../src/utils/http");
+
+    const mockTokenResponse = {
+      type: "card",
+      token: "tok_test_press_123",
+      expires_on: "2030-12-31T23:59:59Z",
+      expiry_month: 12,
+      expiry_year: 2030,
+      scheme: "Visa",
+      last4: "4242",
+      bin: "424242",
+    };
+
+    tokenize.mockResolvedValueOnce(mockTokenResponse);
+
+    const onPressSpy = jest.fn();
+    const cardTokenized = jest.fn();
+
+    const screen = render(
+      <Frames config={config} cardTokenized={cardTokenized}>
+        <CardNumber />
+        <ExpiryDate />
+        <Cvv />
+        <SubmitButton title="Pay" onPress={onPressSpy} />
+      </Frames>
+    );
+
+    fireEvent.changeText(
+      screen.getByPlaceholderText("•••• •••• •••• ••••"),
+      validVisa
+    );
+    fireEvent.changeText(screen.getByPlaceholderText("MM/YY"), validExpiry);
+    fireEvent.changeText(screen.getByPlaceholderText("•••"), validCvv);
+
+    fireEvent.press(screen.getByText("Pay"));
+
+    await waitFor(() => expect(tokenize).toHaveBeenCalledTimes(1));
+    expect(cardTokenized).toHaveBeenCalledWith(mockTokenResponse);
+    expect(onPressSpy).toHaveBeenCalledTimes(1);
+  });
 });

package/dist/components/CardNumber.js

@@ -13,13 +13,14 @@ var CardNumber = function (props) {
             }
             return (<View style={styles.wrapper}>
             <TextInput autoComplete="cc-number" keyboardType="number-pad" returnKeyType="done" placeholder={DEFAULT_CARD_NUMBER_PLACEHOLDER} {...props} value={(_b = state.cardNumber) !== null && _b !== void 0 ? _b : ""} style={[styles.cardNumber, props.style]} onChangeText={function (val) {
-                    dispatch({ type: CARD_CHANGE, payload: val });
-                    if (val.replace(/[^0-9]/g, "").length >= 8 &&
-                        val.replace(/[^0-9]/g, "").substring(0, 8) !==
-                            state.cardBin.bin) {
+                    var safeValue = val !== null && val !== void 0 ? val : "";
+                    dispatch({ type: CARD_CHANGE, payload: safeValue });
+                    var digits = safeValue.replace(/[^0-9]/g, "");
+                    if (digits.length >= 8 &&
+                        digits.substring(0, 8) !== state.cardBin.bin) {
                         dispatch({
                             type: BIN_CHANGE,
-                            payload: val.replace(/[^0-9]/g, "").substring(0, 8),
+                            payload: digits.substring(0, 8),
                         });
                     }
                 }}/>

package/dist/components/CardNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardNumber.js","sourceRoot":"","sources":["../../src/components/CardNumber.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardNumber.js","sourceRoot":"","sources":["../../src/components/CardNumber.tsx"],"names":[],"mappings":"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"}

package/dist/types/types.d.ts

@@ -128,8 +128,8 @@ export interface FrameCardTokenizedEvent {
     type: string;
     token: string;
     expires_on: string;
-    expiry_month: string;
-    expiry_year: string;
+    expiry_month: number;
+    expiry_year: number;
     scheme?: Scheme;
     scheme_local?: string;
     last4: string;

package/dist/utils/http.js

@@ -73,9 +73,14 @@ export var tokenize = function (e) { return __awaiter(void 0, void 0, void 0, fu
 }); };
 export var formatDataForTokenization = function (state, config) {
     var _a, _b, _c, _d, _e, _f, _g;
-    var number = state.cardNumber.replace(/[^A-Z0-9]+/gi, "");
-    var expiry_month = state.expiryDate.split(EXPIRY_DATE_DELIMITER)[0];
-    var expiry_year = "".concat(new Date().getFullYear().toString().substring(0, 2)).concat(state.expiryDate.split(EXPIRY_DATE_DELIMITER)[1]);
+    var rawNumber = state.cardNumber || "";
+    var number = rawNumber.replace(/[^A-Z0-9]+/gi, "");
+    var rawExpiry = state.expiryDate || "";
+    var _h = rawExpiry.split(EXPIRY_DATE_DELIMITER), _j = _h[0], expiry_month = _j === void 0 ? "" : _j, expiryYearSuffix = _h[1];
+    var currentCentury = new Date().getFullYear().toString().substring(0, 2);
+    var expiry_year = expiryYearSuffix
+        ? "".concat(currentCentury).concat(expiryYearSuffix)
+        : "";
     var billing_address = {
         address_line1: "",
         address_line2: "",
@@ -109,7 +114,7 @@ export var formatDataForTokenization = function (state, config) {
             number: number,
             expiry_month: expiry_month,
             expiry_year: expiry_year,
-            cvv: state.cvv,
+            cvv: state.cvv || "",
             name: (_f = config.cardholder) === null || _f === void 0 ? void 0 : _f.name,
             billing_address: billing_address,
             phone: {

package/dist/utils/http.js.map

@@ -1 +1 @@
-{"version":3,"file":"http.js","sourceRoot":"","sources":["../../src/utils/http.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"http.js","sourceRoot":"","sources":["../../src/utils/http.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frames-react-native",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Frames React Native",
   "main": "dist/index.js",
   "scripts": {