@react-native-ohos/react-native-credit-card-input 1.0.1-rc.1

package/lib/module/LiteCreditCardInput.js

@@ -0,0 +1,184 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Image, LayoutAnimation, StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
+import Icons from "./Icons.js";
+import { useCreditCardForm } from "./useCreditCardForm.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const s = StyleSheet.create({
+  container: {
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+    flexDirection: 'row',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  icon: {
+    width: 48,
+    height: 40,
+    resizeMode: 'contain'
+  },
+  expanded: {
+    flex: 1
+  },
+  hidden: {
+    width: 0
+  },
+  leftPart: {
+    overflow: 'hidden'
+  },
+  rightPart: {
+    overflow: 'hidden',
+    flexDirection: 'row'
+  },
+  last4: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  numberInput: {
+    width: 1000
+  },
+  expiryInput: {
+    width: 80
+  },
+  cvcInput: {
+    width: 80
+  },
+  last4Input: {
+    width: 60,
+    marginLeft: 20
+  },
+  input: {
+    height: 40,
+    fontSize: 16,
+    // // @ts-expect-error outlineWidth is used to hide the text-input outline on react-native-web
+    outlineWidth: 0
+  }
+});
+const LiteCreditCardInput = props => {
+  const {
+    autoFocus = false,
+    style,
+    inputStyle,
+    placeholderColor = 'darkgray',
+    placeholders = {
+      number: '1234 5678 1234 5678',
+      expiry: 'MM/YY',
+      cvc: 'CVC'
+    },
+    onChange = () => {},
+    onFocusField = () => {},
+    testID
+  } = props;
+  const _onChange = formData => {
+    // Focus next field when number/expiry field become valid
+    if (status.number !== 'valid' && formData.status.number === 'valid') {
+      toggleFormState();
+      expiryInput.current?.focus();
+    }
+    if (status.expiry !== 'valid' && formData.status.expiry === 'valid') {
+      cvcInput.current?.focus();
+    }
+    onChange(formData);
+  };
+  const {
+    values,
+    status,
+    onChangeValue
+  } = useCreditCardForm(_onChange);
+  const [showRightPart, setShowRightPart] = useState(false);
+  const toggleFormState = useCallback(() => {
+    LayoutAnimation.easeInEaseOut();
+    setShowRightPart(v => !v);
+  }, []);
+  const numberInput = useRef(null);
+  const expiryInput = useRef(null);
+  const cvcInput = useRef(null);
+  useEffect(() => {
+    if (autoFocus) numberInput.current?.focus();
+  }, [autoFocus]);
+  const cardIcon = useMemo(() => {
+    if (values.type && Icons[values.type]) return Icons[values.type];
+    return Icons.placeholder;
+  }, [values.type]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.container, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [s.leftPart, showRightPart ? s.hidden : s.expanded],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [s.numberInput],
+        children: /*#__PURE__*/_jsx(TextInput, {
+          ref: numberInput,
+          keyboardType: "default",
+          style: [s.input, inputStyle],
+          placeholderTextColor: placeholderColor,
+          placeholder: placeholders.number,
+          value: values.number,
+          onChangeText: v => onChangeValue('number', v),
+          onFocus: () => onFocusField('number'),
+          autoCorrect: false,
+          underlineColorAndroid: 'transparent',
+          testID: "CC_NUMBER"
+        })
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.8,
+      onPress: toggleFormState,
+      children: /*#__PURE__*/_jsx(Image, {
+        style: s.icon,
+        source: {
+          uri: cardIcon
+        }
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [s.rightPart, showRightPart ? s.expanded : s.hidden],
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: toggleFormState,
+        style: s.last4,
+        children: /*#__PURE__*/_jsx(View, {
+          pointerEvents: 'none',
+          children: /*#__PURE__*/_jsx(TextInput, {
+            keyboardType: "default",
+            value: status.number === 'valid' ? values.number.slice(values.number.length - 4) : '',
+            style: [s.input, s.last4Input],
+            readOnly: true
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: s.expiryInput,
+        children: /*#__PURE__*/_jsx(TextInput, {
+          ref: expiryInput,
+          keyboardType: "default",
+          style: [s.input, inputStyle],
+          placeholderTextColor: placeholderColor,
+          placeholder: placeholders.expiry,
+          value: values.expiry,
+          onChangeText: v => onChangeValue('expiry', v),
+          onFocus: () => onFocusField('expiry'),
+          autoCorrect: false,
+          underlineColorAndroid: 'transparent',
+          testID: "CC_EXPIRY"
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: s.cvcInput,
+        children: /*#__PURE__*/_jsx(TextInput, {
+          ref: cvcInput,
+          keyboardType: "default",
+          style: [s.input, inputStyle],
+          placeholderTextColor: placeholderColor,
+          placeholder: placeholders.cvc,
+          value: values.cvc,
+          onChangeText: v => onChangeValue('cvc', v),
+          onFocus: () => onFocusField('cvc'),
+          autoCorrect: false,
+          underlineColorAndroid: 'transparent',
+          testID: "CC_CVC"
+        })
+      })]
+    })]
+  });
+};
+export default LiteCreditCardInput;
+//# sourceMappingURL=LiteCreditCardInput.js.map

package/lib/module/LiteCreditCardInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","Image","LayoutAnimation","StyleSheet","TextInput","TouchableOpacity","View","Icons","useCreditCardForm","jsx","_jsx","jsxs","_jsxs","s","create","container","paddingVertical","paddingHorizontal","flexDirection","alignItems","overflow","icon","width","height","resizeMode","expanded","flex","hidden","leftPart","rightPart","last4","justifyContent","numberInput","expiryInput","cvcInput","last4Input","marginLeft","input","fontSize","outlineWidth","LiteCreditCardInput","props","autoFocus","style","inputStyle","placeholderColor","placeholders","number","expiry","cvc","onChange","onFocusField","testID","_onChange","formData","status","toggleFormState","current","focus","values","onChangeValue","showRightPart","setShowRightPart","easeInEaseOut","v","cardIcon","type","placeholder","children","ref","keyboardType","placeholderTextColor","value","onChangeText","onFocus","autoCorrect","underlineColorAndroid","activeOpacity","onPress","source","uri","pointerEvents","slice","length","readOnly"],"sourceRoot":"..\\..\\src","sources":["LiteCreditCardInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { default as CreditCardView } from "./CreditCardView.js";
+export { default as CreditCardInput } from "./CreditCardInput.js";
+export { default as LiteCreditCardInput } from "./LiteCreditCardInput.js";
+export { useCreditCardForm } from "./useCreditCardForm.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","CreditCardView","CreditCardInput","LiteCreditCardInput","useCreditCardForm"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,qBAAkB;AAC5D,SAASD,OAAO,IAAIE,eAAe,QAAQ,sBAAmB;AAC9D,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,0BAAuB;AAEtE,SAMEC,iBAAiB,QACZ,wBAAqB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/useCreditCardForm.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { useCallback, useState } from 'react';
+import cardValidator from 'card-validator';
+// --- Utilities
+
+const toStatus = validation => {
+  return validation.isValid ? 'valid' : validation.isPotentiallyValid ? 'incomplete' : 'invalid';
+};
+const removeNonNumber = (string = '') => string.replace(/[^\d]/g, '');
+const limitLength = (string = '', maxLength) => string.slice(0, maxLength);
+const addGaps = (string = '', gaps) => {
+  const offsets = [0].concat(gaps).concat([string.length]);
+  return offsets.map((end, index) => {
+    if (index === 0) return '';
+    const start = offsets[index - 1] || 0;
+    return string.slice(start, end);
+  }).filter(part => part !== '').join(' ');
+};
+const formatCardNumber = (number, maxLength, gaps) => {
+  const numberSanitized = removeNonNumber(number);
+  const lengthSanitized = limitLength(numberSanitized, maxLength);
+  const formatted = addGaps(lengthSanitized, gaps);
+  return formatted;
+};
+const formatCardExpiry = expiry => {
+  const sanitized = limitLength(removeNonNumber(expiry), 4);
+  if (sanitized.match(/^[2-9]$/)) {
+    return `0${sanitized}`;
+  }
+  if (sanitized.length > 2) {
+    return `${sanitized.substr(0, 2)}/${sanitized.substr(2, sanitized.length)}`;
+  }
+  return sanitized;
+};
+const formatCardCVC = (cvc, cvcMaxLength) => {
+  return limitLength(removeNonNumber(cvc), cvcMaxLength);
+};
+export const useCreditCardForm = onChange => {
+  const [formState, setFormState] = useState({
+    number: 'incomplete',
+    expiry: 'incomplete',
+    cvc: 'incomplete'
+  });
+  const [values, setValues] = useState({
+    number: '',
+    expiry: '',
+    cvc: '',
+    type: undefined
+  });
+  const onChangeValue = useCallback((field, value) => {
+    const newValues = {
+      ...values,
+      [field]: value
+    };
+    const numberValidation = cardValidator.number(newValues.number);
+
+    // When card issuer cant be detected, use these default (3 digit CVC, 16 digit card number with spaces every 4 digit)
+    const cvcMaxLength = numberValidation.card?.code.size || 3;
+    const cardNumberGaps = numberValidation.card?.gaps || [4, 8, 12];
+    const cardNumberMaxLength =
+    // Credit card number can vary. Use the longest possible as maximum (otherwise fallback to 16)
+    Math.max(...(numberValidation.card?.lengths || [16]));
+    const newFormattedValues = {
+      number: formatCardNumber(newValues.number, cardNumberMaxLength, cardNumberGaps),
+      expiry: formatCardExpiry(newValues.expiry),
+      cvc: formatCardCVC(newValues.cvc, cvcMaxLength),
+      type: numberValidation.card?.type
+    };
+    const newFormState = {
+      number: toStatus(cardValidator.number(newFormattedValues.number)),
+      expiry: toStatus(cardValidator.expirationDate(newFormattedValues.expiry)),
+      cvc: toStatus(cardValidator.cvv(newFormattedValues.cvc, cvcMaxLength))
+    };
+    setValues(newFormattedValues);
+    setFormState(newFormState);
+    onChange({
+      valid: newFormState.number === 'valid' && newFormState.expiry === 'valid' && newFormState.cvc === 'valid',
+      values: newFormattedValues,
+      status: newFormState
+    });
+  }, [values, onChange]);
+  return {
+    values,
+    status: formState,
+    onChangeValue
+  };
+};
+//# sourceMappingURL=useCreditCardForm.js.map

package/lib/module/useCreditCardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","cardValidator","toStatus","validation","isValid","isPotentiallyValid","removeNonNumber","string","replace","limitLength","maxLength","slice","addGaps","gaps","offsets","concat","length","map","end","index","start","filter","part","join","formatCardNumber","number","numberSanitized","lengthSanitized","formatted","formatCardExpiry","expiry","sanitized","match","substr","formatCardCVC","cvc","cvcMaxLength","useCreditCardForm","onChange","formState","setFormState","values","setValues","type","undefined","onChangeValue","field","value","newValues","numberValidation","card","code","size","cardNumberGaps","cardNumberMaxLength","Math","max","lengths","newFormattedValues","newFormState","expirationDate","cvv","valid","status"],"sourceRoot":"..\\..\\src","sources":["useCreditCardForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/jest.setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/react-native/extend-expect';
+//# sourceMappingURL=jest.setup.d.ts.map

package/lib/typescript/commonjs/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC"}

package/lib/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/typescript/commonjs/src/CreditCardInput.d.ts

@@ -0,0 +1,25 @@
+import { type TextStyle, type ViewStyle } from 'react-native';
+import { type CreditCardFormData, type CreditCardFormField } from './useCreditCardForm';
+interface Props {
+    autoFocus?: boolean;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    inputStyle?: TextStyle;
+    placeholderColor?: string;
+    labels?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    onChange: (formData: CreditCardFormData) => void;
+    onFocusField?: (field: CreditCardFormField) => void;
+    testID?: string;
+}
+declare const CreditCardInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default CreditCardInput;
+//# sourceMappingURL=CreditCardInput.d.ts.map

package/lib/typescript/commonjs/src/CreditCardInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardInput.d.ts","sourceRoot":"","sources":["../../../../src/CreditCardInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuCD,QAAA,MAAM,eAAe,GAAI,OAAO,KAAK,4CAuFpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/commonjs/src/CreditCardView.d.ts

@@ -0,0 +1,23 @@
+import { type ImageSourcePropType, type ViewStyle } from 'react-native';
+import type { CreditCardIssuer } from './useCreditCardForm';
+interface Props {
+    focusedField?: 'name' | 'number' | 'expiry' | 'cvc';
+    type?: CreditCardIssuer;
+    name?: string;
+    number?: string;
+    expiry?: string;
+    cvc?: string;
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+        name: string;
+    };
+    style?: ViewStyle;
+    fontFamily?: string;
+    imageFront?: ImageSourcePropType;
+    imageBack?: ImageSourcePropType;
+}
+declare const CreditCardView: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default CreditCardView;
+//# sourceMappingURL=CreditCardView.d.ts.map

package/lib/typescript/commonjs/src/CreditCardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardView.d.ts","sourceRoot":"","sources":["../../../../src/CreditCardView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA4E5D,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,KAAK,4CAuInC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/commonjs/src/Icons.d.ts

@@ -0,0 +1,11 @@
+declare const Icons: {
+    'american-express': string;
+    mastercard: string;
+    'diners-club': string;
+    discover: string;
+    jcb: string;
+    placeholder: string;
+    visa: string;
+};
+export default Icons;
+//# sourceMappingURL=Icons.d.ts.map

package/lib/typescript/commonjs/src/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/Icons.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;CAeV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/typescript/commonjs/src/LiteCreditCardInput.d.ts

@@ -0,0 +1,19 @@
+import { type TextStyle, type ViewStyle } from 'react-native';
+import { type CreditCardFormData, type CreditCardFormField } from './useCreditCardForm';
+interface Props {
+    autoFocus?: boolean;
+    style?: ViewStyle;
+    inputStyle?: TextStyle;
+    placeholderColor?: string;
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    onChange?: (formData: CreditCardFormData) => void;
+    onFocusField?: (field: CreditCardFormField) => void;
+    testID?: string;
+}
+declare const LiteCreditCardInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default LiteCreditCardInput;
+//# sourceMappingURL=LiteCreditCardInput.d.ts.map

package/lib/typescript/commonjs/src/LiteCreditCardInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiteCreditCardInput.d.ts","sourceRoot":"","sources":["../../../../src/LiteCreditCardInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqDD,QAAA,MAAM,mBAAmB,GAAI,OAAO,KAAK,4CA2IxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CreditCardView } from './CreditCardView';
+export { default as CreditCardInput } from './CreditCardInput';
+export { default as LiteCreditCardInput } from './LiteCreditCardInput';
+export { type CreditCardFormField, type CreditCardFormValues, type ValidationState, type CreditCardFormState, type CreditCardFormData, useCreditCardForm, } from './useCreditCardForm';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}

package/lib/typescript/commonjs/src/useCreditCardForm.d.ts

@@ -0,0 +1,25 @@
+export type CreditCardIssuer = 'visa' | 'mastercard' | 'american-express' | 'diners-club' | 'discover' | 'jcb';
+export type CreditCardFormField = 'number' | 'expiry' | 'cvc';
+export type CreditCardFormValues = {
+    number: string;
+    expiry: string;
+    cvc: string;
+    type?: CreditCardIssuer;
+};
+export type ValidationState = 'incomplete' | 'invalid' | 'valid';
+export type CreditCardFormState = {
+    number: ValidationState;
+    expiry: ValidationState;
+    cvc: ValidationState;
+};
+export type CreditCardFormData = {
+    valid: boolean;
+    values: CreditCardFormValues;
+    status: CreditCardFormState;
+};
+export declare const useCreditCardForm: (onChange: (formData: CreditCardFormData) => void) => {
+    values: CreditCardFormValues;
+    status: CreditCardFormState;
+    onChangeValue: (field: CreditCardFormField, value: string) => void;
+};
+//# sourceMappingURL=useCreditCardForm.d.ts.map

package/lib/typescript/commonjs/src/useCreditCardForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreditCardForm.d.ts","sourceRoot":"","sources":["../../../../src/useCreditCardForm.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,YAAY,GACZ,kBAAkB,GAClB,aAAa,GACb,UAAU,GACV,KAAK,CAAC;AAEV,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,eAAe,CAAC;IACxB,GAAG,EAAE,eAAe,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AA2DF,eAAO,MAAM,iBAAiB,GAC5B,UAAU,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI;;;2BAgBtC,mBAAmB,SAAS,MAAM;CAoD7C,CAAC"}

package/lib/typescript/module/jest.setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/react-native/extend-expect';
+//# sourceMappingURL=jest.setup.d.ts.map

package/lib/typescript/module/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/module/src/CreditCardInput.d.ts

@@ -0,0 +1,25 @@
+import { type TextStyle, type ViewStyle } from 'react-native';
+import { type CreditCardFormData, type CreditCardFormField } from './useCreditCardForm';
+interface Props {
+    autoFocus?: boolean;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    inputStyle?: TextStyle;
+    placeholderColor?: string;
+    labels?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    onChange: (formData: CreditCardFormData) => void;
+    onFocusField?: (field: CreditCardFormField) => void;
+    testID?: string;
+}
+declare const CreditCardInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default CreditCardInput;
+//# sourceMappingURL=CreditCardInput.d.ts.map

package/lib/typescript/module/src/CreditCardInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardInput.d.ts","sourceRoot":"","sources":["../../../../src/CreditCardInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuCD,QAAA,MAAM,eAAe,GAAI,OAAO,KAAK,4CAuFpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/module/src/CreditCardView.d.ts

@@ -0,0 +1,23 @@
+import { type ImageSourcePropType, type ViewStyle } from 'react-native';
+import type { CreditCardIssuer } from './useCreditCardForm';
+interface Props {
+    focusedField?: 'name' | 'number' | 'expiry' | 'cvc';
+    type?: CreditCardIssuer;
+    name?: string;
+    number?: string;
+    expiry?: string;
+    cvc?: string;
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+        name: string;
+    };
+    style?: ViewStyle;
+    fontFamily?: string;
+    imageFront?: ImageSourcePropType;
+    imageBack?: ImageSourcePropType;
+}
+declare const CreditCardView: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default CreditCardView;
+//# sourceMappingURL=CreditCardView.d.ts.map

package/lib/typescript/module/src/CreditCardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardView.d.ts","sourceRoot":"","sources":["../../../../src/CreditCardView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA4E5D,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,KAAK,4CAuInC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/module/src/Icons.d.ts

@@ -0,0 +1,11 @@
+declare const Icons: {
+    'american-express': string;
+    mastercard: string;
+    'diners-club': string;
+    discover: string;
+    jcb: string;
+    placeholder: string;
+    visa: string;
+};
+export default Icons;
+//# sourceMappingURL=Icons.d.ts.map

package/lib/typescript/module/src/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/Icons.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;CAeV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/typescript/module/src/LiteCreditCardInput.d.ts

@@ -0,0 +1,19 @@
+import { type TextStyle, type ViewStyle } from 'react-native';
+import { type CreditCardFormData, type CreditCardFormField } from './useCreditCardForm';
+interface Props {
+    autoFocus?: boolean;
+    style?: ViewStyle;
+    inputStyle?: TextStyle;
+    placeholderColor?: string;
+    placeholders?: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    };
+    onChange?: (formData: CreditCardFormData) => void;
+    onFocusField?: (field: CreditCardFormField) => void;
+    testID?: string;
+}
+declare const LiteCreditCardInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default LiteCreditCardInput;
+//# sourceMappingURL=LiteCreditCardInput.d.ts.map

package/lib/typescript/module/src/LiteCreditCardInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiteCreditCardInput.d.ts","sourceRoot":"","sources":["../../../../src/LiteCreditCardInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqDD,QAAA,MAAM,mBAAmB,GAAI,OAAO,KAAK,4CA2IxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CreditCardView } from './CreditCardView';
+export { default as CreditCardInput } from './CreditCardInput';
+export { default as LiteCreditCardInput } from './LiteCreditCardInput';
+export { type CreditCardFormField, type CreditCardFormValues, type ValidationState, type CreditCardFormState, type CreditCardFormData, useCreditCardForm, } from './useCreditCardForm';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}

package/lib/typescript/module/src/useCreditCardForm.d.ts

@@ -0,0 +1,25 @@
+export type CreditCardIssuer = 'visa' | 'mastercard' | 'american-express' | 'diners-club' | 'discover' | 'jcb';
+export type CreditCardFormField = 'number' | 'expiry' | 'cvc';
+export type CreditCardFormValues = {
+    number: string;
+    expiry: string;
+    cvc: string;
+    type?: CreditCardIssuer;
+};
+export type ValidationState = 'incomplete' | 'invalid' | 'valid';
+export type CreditCardFormState = {
+    number: ValidationState;
+    expiry: ValidationState;
+    cvc: ValidationState;
+};
+export type CreditCardFormData = {
+    valid: boolean;
+    values: CreditCardFormValues;
+    status: CreditCardFormState;
+};
+export declare const useCreditCardForm: (onChange: (formData: CreditCardFormData) => void) => {
+    values: CreditCardFormValues;
+    status: CreditCardFormState;
+    onChangeValue: (field: CreditCardFormField, value: string) => void;
+};
+//# sourceMappingURL=useCreditCardForm.d.ts.map

package/lib/typescript/module/src/useCreditCardForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreditCardForm.d.ts","sourceRoot":"","sources":["../../../../src/useCreditCardForm.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,YAAY,GACZ,kBAAkB,GAClB,aAAa,GACb,UAAU,GACV,KAAK,CAAC;AAEV,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,eAAe,CAAC;IACxB,GAAG,EAAE,eAAe,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AA2DF,eAAO,MAAM,iBAAiB,GAC5B,UAAU,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI;;;2BAgBtC,mBAAmB,SAAS,MAAM;CAoD7C,CAAC"}