frames-react-native 1.1.2 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/cd.yml +3 -0
- package/README.md +6 -1
- package/dist/components/CardNumber.d.ts +2 -2
- package/dist/components/CardNumber.js +3 -3
- package/dist/components/CardNumber.js.map +1 -1
- package/dist/icons/mada.png +0 -0
- package/dist/types/types.d.ts +5 -1
- package/dist/utils/card.d.ts +3 -2
- package/dist/utils/card.js +16 -12
- package/dist/utils/card.js.map +1 -1
- package/dist/utils/reducer.d.ts +1 -1
- package/package.json +4 -4
package/.github/workflows/cd.yml
CHANGED
package/README.md
CHANGED
|
@@ -63,7 +63,11 @@ export default function App() {
|
|
|
63
63
|
alert(e.token);
|
|
64
64
|
}}
|
|
65
65
|
>
|
|
66
|
-
<CardNumber
|
|
66
|
+
<CardNumber
|
|
67
|
+
style={styles.cardNumber}
|
|
68
|
+
placeholderTextColor="#9898A0"
|
|
69
|
+
// showIcon={false} in case you don't want to see the card scheme logo
|
|
70
|
+
/>
|
|
67
71
|
|
|
68
72
|
<View style={styles.dateAndCode}>
|
|
69
73
|
<ExpiryDate
|
|
@@ -173,3 +177,4 @@ The tokenization is triggered when the SubmitButton is pressed. The process of g
|
|
|
173
177
|
| cardValidationChanged | function | Triggered when the state of the card validation changes. |
|
|
174
178
|
| cardTokenized | function | Triggered after a card is tokenized. Here you will get the card token alongside general card information |
|
|
175
179
|
| cardTokenizationFailed | function | Triggered after the card tokenization fails. |
|
|
180
|
+
| cardBinChanged | function | Triggered when the user inputs or changes the first 8 digits of a card. |
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
declare const CardNumber: React.FC<
|
|
2
|
+
import { FramesCardFieldProps } from "../types/types";
|
|
3
|
+
declare const CardNumber: React.FC<FramesCardFieldProps>;
|
|
4
4
|
export default CardNumber;
|
|
@@ -22,9 +22,9 @@ var CardNumber = function (props) {
|
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
}}/>
|
|
25
|
-
<View style={styles.schemeIconContainer}>
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
{props.showIcon === undefined || props.showIcon ? (<View style={styles.schemeIconContainer}>
|
|
26
|
+
{state.cardIcon ? (<Image style={styles.scheme} source={state.cardIcon}/>) : undefined}
|
|
27
|
+
</View>) : undefined}
|
|
28
28
|
</View>);
|
|
29
29
|
}}
|
|
30
30
|
</FramesConsumer>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardNumber.js","sourceRoot":"","sources":["../../src/components/CardNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAErE,IAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"CardNumber.js","sourceRoot":"","sources":["../../src/components/CardNumber.tsx"],"names":[],"mappings":"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"}
|
|
Binary file
|
package/dist/types/types.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export interface Schemes {
|
|
|
7
7
|
JCB: string;
|
|
8
8
|
"Diners Club": string;
|
|
9
9
|
Maestro: string;
|
|
10
|
+
Mada: string;
|
|
10
11
|
}
|
|
11
12
|
export interface CardNumberState {
|
|
12
13
|
value: string;
|
|
@@ -14,6 +15,9 @@ export interface CardNumberState {
|
|
|
14
15
|
valid: boolean;
|
|
15
16
|
}
|
|
16
17
|
export declare type FramesFieldProps = Omit<TextInputProps, "value" | "onChangeText">;
|
|
18
|
+
export interface FramesCardFieldProps extends FramesFieldProps {
|
|
19
|
+
showIcon?: boolean;
|
|
20
|
+
}
|
|
17
21
|
interface Validation {
|
|
18
22
|
cardNumber: boolean;
|
|
19
23
|
expiryDate: boolean;
|
|
@@ -103,7 +107,7 @@ export interface TokenizationBody {
|
|
|
103
107
|
export interface Phone {
|
|
104
108
|
number?: string;
|
|
105
109
|
}
|
|
106
|
-
export declare type Scheme = "Visa" | "Mastercard" | "AMERICAN EXPRESS" | "Diners Club International" | "Maestro" | "Discover";
|
|
110
|
+
export declare type Scheme = "Visa" | "Mastercard" | "AMERICAN EXPRESS" | "Diners Club International" | "Maestro" | "Discover" | "Mada";
|
|
107
111
|
export declare type CardType = "Credit" | "Debit" | "Prepaid" | "Charge";
|
|
108
112
|
export declare type CardCategory = "Consumer" | "Commercial";
|
|
109
113
|
export interface GatewayBillingAddress {
|
package/dist/utils/card.d.ts
CHANGED
|
@@ -6,12 +6,13 @@ export declare const Icons: {
|
|
|
6
6
|
JCB: any;
|
|
7
7
|
"Diners Club": any;
|
|
8
8
|
Maestro: any;
|
|
9
|
+
Mada: any;
|
|
9
10
|
};
|
|
10
11
|
export declare const formatCard: (text: string) => string;
|
|
11
|
-
export declare const getCardType: (text: string) => "Visa" | "Mastercard" | "American Express" | "
|
|
12
|
+
export declare const getCardType: (text: string) => "Discover" | "Visa" | "Mastercard" | "American Express" | "JCB" | "Diners Club" | "Maestro" | "Mada";
|
|
12
13
|
export declare const isValidCard: (text: string) => any;
|
|
13
14
|
export declare const cvvLength: (text: string) => 4 | 3;
|
|
14
15
|
export declare const isValidCvv: (text: string, type: string) => any;
|
|
15
16
|
export declare const isValidDate: (text: string) => boolean;
|
|
16
|
-
export declare const getIcon: (cardType: "Visa" | "Mastercard" | "American Express" | "
|
|
17
|
+
export declare const getIcon: (cardType: "Discover" | "Visa" | "Mastercard" | "American Express" | "JCB" | "Diners Club" | "Maestro" | "Mada") => number | import("react-native").ImageURISource | import("react-native").ImageURISource[] | undefined;
|
|
17
18
|
export declare type IconKey = keyof typeof Icons;
|
package/dist/utils/card.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
|
+
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
2
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
3
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
4
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
5
|
+
r[k] = a[j];
|
|
6
|
+
return r;
|
|
7
|
+
};
|
|
1
8
|
var Card = require("creditcards/card");
|
|
2
9
|
var Cvc = require("creditcards/cvc");
|
|
3
10
|
var expiration = require("creditcards/expiration");
|
|
4
11
|
import { EXPIRY_DATE_DELIMITER } from "./constants";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
require("creditcards-types/types/diners-club"),
|
|
12
|
-
require("creditcards-types/types/maestro"),
|
|
13
|
-
];
|
|
14
|
-
var cards = new Card(acceptedTypes);
|
|
15
|
-
var cvc = new Cvc(acceptedTypes);
|
|
12
|
+
import creditcardsTypes from "creditcards-types";
|
|
13
|
+
import mada from "creditcards-types/types/mada";
|
|
14
|
+
var types = __spreadArrays([mada], creditcardsTypes);
|
|
15
|
+
var cards = new Card(types);
|
|
16
|
+
var cvc = new Cvc(types);
|
|
17
|
+
var extendedCardTypeMapWhitelist = { 6011111111111117: "Discover" };
|
|
16
18
|
export var Icons = {
|
|
17
19
|
Visa: require("../icons/visa.png"),
|
|
18
20
|
Mastercard: require("../icons/mastercard.png"),
|
|
@@ -21,13 +23,15 @@ export var Icons = {
|
|
|
21
23
|
JCB: require("../icons/jcb.png"),
|
|
22
24
|
"Diners Club": require("../icons/dinersclub.png"),
|
|
23
25
|
Maestro: require("../icons/maestro.png"),
|
|
26
|
+
Mada: require("../icons/mada.png"),
|
|
24
27
|
};
|
|
25
28
|
export var formatCard = function (text) {
|
|
26
29
|
return cards.format(cards.parse(text));
|
|
27
30
|
};
|
|
28
31
|
export var getCardType = function (text) {
|
|
29
32
|
var sanitizedValue = cards.parse(text);
|
|
30
|
-
var cardType =
|
|
33
|
+
var cardType = extendedCardTypeMapWhitelist[sanitizedValue] ||
|
|
34
|
+
cards.type(sanitizedValue, true);
|
|
31
35
|
return cardType;
|
|
32
36
|
};
|
|
33
37
|
export var isValidCard = function (text) {
|
package/dist/utils/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/utils/card.tsx"],"names":[],"mappings":"AACA,IAAM,IAAI,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AACzC,IAAM,GAAG,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AACvC,IAAM,UAAU,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/utils/card.tsx"],"names":[],"mappings":"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"}
|
package/dist/utils/reducer.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { FramesState } from "../types/types";
|
|
|
2
2
|
export declare const framesReducer: (prevState: FramesState, dispatchArg?: any) => {
|
|
3
3
|
cardNumber: string;
|
|
4
4
|
cardIcon: number | import("react-native").ImageURISource | import("react-native").ImageURISource[] | undefined;
|
|
5
|
-
cardType: "Visa" | "Mastercard" | "American Express" | "
|
|
5
|
+
cardType: "Discover" | "Visa" | "Mastercard" | "American Express" | "JCB" | "Diners Club" | "Maestro" | "Mada";
|
|
6
6
|
validation: {
|
|
7
7
|
cardNumber: any;
|
|
8
8
|
card: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "frames-react-native",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5",
|
|
4
4
|
"description": "Frames React Native",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
"build": "tsc"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"creditcards": "^
|
|
13
|
-
"creditcards-types": "^
|
|
14
|
-
"node-fetch": "^2.6.
|
|
12
|
+
"creditcards": "^4.2.0",
|
|
13
|
+
"creditcards-types": "^3.2.0",
|
|
14
|
+
"node-fetch": "^2.6.7"
|
|
15
15
|
},
|
|
16
16
|
"keywords": [],
|
|
17
17
|
"author": "",
|