expo-openpay 0.1.0

package/android/src/main/java/mx/openpay/android/validation/CardValidator.java

@@ -0,0 +1,105 @@
+package mx.openpay.android.validation;
+
+import android.annotation.SuppressLint;
+import java.text.ParseException;
+import java.text.SimpleDateFormat;
+import java.util.Calendar;
+import java.util.Date;
+import java.util.GregorianCalendar;
+
+@SuppressLint({"SimpleDateFormat"})
+/* loaded from: CardValidator.class */
+public class CardValidator {
+    public static boolean validateCard(final String holderName, final String cardNumber, final Integer expMonth, final Integer expYear, final String cvv) {
+        return validateHolderName(holderName) && validateCVV(cvv, cardNumber) && validateExpiryDate(expMonth, expYear) && validateNumber(cardNumber);
+    }
+
+    public static boolean validateHolderName(final String holderName) {
+        return holderName != null && holderName.trim().length() > 0;
+    }
+
+    public static boolean validateCVV(final String cvv, final String cardNumber) {
+        if (cvv == null || cvv.trim().length() == 0) {
+            return false;
+        }
+        CardType type = getType(cardNumber);
+        if (CardType.AMEX.equals(type) && cvv.trim().length() != 4) {
+            return false;
+        }
+        if (((CardType.MASTERCARD.equals(type) || CardType.VISA.equals(type)) && cvv.trim().length() != 3) || CardType.UNKNOWN.equals(type)) {
+            return false;
+        }
+        return true;
+    }
+
+    public static boolean validateExpiryDate(final Integer expirationMonth, final Integer expirationYear) {
+        if (!validateMonth(expirationMonth) || expirationYear == null) {
+            return false;
+        }
+        Calendar today = new GregorianCalendar();
+        SimpleDateFormat dateFormat = new SimpleDateFormat("MM-yy");
+        try {
+            Date expirationDate = dateFormat.parse(expirationMonth + "-" + expirationYear);
+            Calendar cardExpiration = new GregorianCalendar();
+            cardExpiration.setTime(expirationDate);
+            if (cardExpiration.get(1) > today.get(1)) {
+                return true;
+            }
+            if (cardExpiration.get(1) == today.get(1)) {
+                if (cardExpiration.get(2) >= today.get(2)) {
+                    return true;
+                }
+                return false;
+            }
+            return false;
+        } catch (ParseException e) {
+            return false;
+        }
+    }
+
+    public static boolean validateMonth(final Integer month) {
+        return month != null && month.intValue() >= 1 && month.intValue() <= 12;
+    }
+
+    public static boolean validateNumber(final String number) {
+        if (number == null || number.trim().length() == 0 || !LuhnValidator.passesLuhnTest(number)) {
+            return false;
+        }
+        String trimNumber = number.trim();
+        CardType type = getType(number);
+        if (CardType.AMEX.equals(type) && trimNumber.length() != 15) {
+            return false;
+        }
+        if (CardType.MASTERCARD.equals(type) && trimNumber.length() != 16) {
+            return false;
+        }
+        if ((CardType.VISA.equals(type) && trimNumber.length() != 16 && trimNumber.length() != 13) || CardType.UNKNOWN.equals(type)) {
+            return false;
+        }
+        return true;
+    }
+
+    public static boolean startsWith(final String cardNumber, final String... prefixes) {
+        for (String prefix : prefixes) {
+            if (cardNumber.startsWith(prefix)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    public static CardType getType(final String cardNumber) {
+        if (cardNumber != null && cardNumber.trim().length() > 0) {
+            if (startsWith(cardNumber, "34", "37")) {
+                return CardType.AMEX;
+            }
+            if (startsWith(cardNumber, "4")) {
+                return CardType.VISA;
+            }
+            if (startsWith(cardNumber, "51", "52", "53", "54", "55")) {
+                return CardType.MASTERCARD;
+            }
+        }
+        return CardType.UNKNOWN;
+    }
+}

package/android/src/main/java/mx/openpay/android/validation/LuhnValidator.java

@@ -0,0 +1,34 @@
+package mx.openpay.android.validation;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/* loaded from: LuhnValidator.class */
+public class LuhnValidator {
+    private static final int multiplicator = 2;
+
+    public static boolean passesLuhnTest(String value) {
+        char[] chars = value.toCharArray();
+        List<Integer> digits = new ArrayList<>();
+        for (char c : chars) {
+            if (Character.isDigit(c)) {
+                digits.add(Integer.valueOf(c - '0'));
+            }
+        }
+        int length = digits.size();
+        int sum = 0;
+        boolean even = false;
+        for (int index = length - 1; index >= 0; index--) {
+            int digit = digits.get(index).intValue();
+            if (even) {
+                digit *= multiplicator;
+            }
+            if (digit > 9) {
+                digit = (digit / 10) + (digit % 10);
+            }
+            sum += digit;
+            even = !even;
+        }
+        return sum % 10 == 0;
+    }
+}

package/build/ExpoOpenpay.types.d.ts

@@ -0,0 +1,42 @@
+import type { StyleProp, ViewStyle } from "react-native";
+export type OnLoadEventPayload = {
+    url: string;
+};
+export type ExpoOpenpayModuleEvents = {
+    onChange: (params: ChangeEventPayload) => void;
+};
+export type ChangeEventPayload = {
+    value: string;
+};
+export type CountryCode = "MX" | "CO" | "PE";
+export type ExpoOpenpayViewProps = {
+    url: string;
+    onLoad: (event: {
+        nativeEvent: OnLoadEventPayload;
+    }) => void;
+    style?: StyleProp<ViewStyle>;
+};
+export interface OpenpayInitOptions {
+    merchantId: string;
+    apiKey: string;
+    isProduction: boolean;
+    isDebug: boolean;
+    countryCode?: CountryCode;
+}
+export interface CardData {
+    cardNumber: string;
+    holderName: string;
+    expirationMonth: string;
+    expirationYear: string;
+    cvv2: string;
+}
+export interface OpenpayToken {
+    id: string;
+    brand: string;
+    card_number: string;
+    holder_name: string;
+    expiration_year: number;
+    expiration_month: number;
+    type: string;
+}
+//# sourceMappingURL=ExpoOpenpay.types.d.ts.map

package/build/ExpoOpenpay.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpay.types.d.ts","sourceRoot":"","sources":["../src/ExpoOpenpay.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,kBAAkB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd"}

package/build/ExpoOpenpay.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExpoOpenpay.types.js.map

package/build/ExpoOpenpay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpay.types.js","sourceRoot":"","sources":["../src/ExpoOpenpay.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle } from \"react-native\";\n\nexport type OnLoadEventPayload = {\n  url: string;\n};\n\nexport type ExpoOpenpayModuleEvents = {\n  onChange: (params: ChangeEventPayload) => void;\n};\n\nexport type ChangeEventPayload = {\n  value: string;\n};\n\nexport type CountryCode = \"MX\" | \"CO\" | \"PE\";\n\nexport type ExpoOpenpayViewProps = {\n  url: string;\n  onLoad: (event: { nativeEvent: OnLoadEventPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport interface OpenpayInitOptions {\n  merchantId: string;\n  apiKey: string;\n  isProduction: boolean;\n  isDebug: boolean;\n  countryCode?: CountryCode; // Optional, defaults to 'MX'\n}\n\nexport interface CardData {\n  cardNumber: string;\n  holderName: string;\n  expirationMonth: string; // MM as string, e.g. '05'\n  expirationYear: string; // YY as string, e.g. '25'\n  cvv2: string; // CVV code\n}\n\nexport interface OpenpayToken {\n  id: string;\n  brand: string;\n  card_number: string;\n  holder_name: string;\n  expiration_year: number;\n  expiration_month: number;\n  type: string;\n}\n"]}

package/build/ExpoOpenpayModule.d.ts

@@ -0,0 +1,10 @@
+interface ExpoOpenpayModule {
+    initialize(merchantId: string, apiKey: string, isProduction: boolean, countryCode?: "MX" | "CO" | "PE"): Promise<string>;
+    isInitialized(): Promise<boolean>;
+    createDeviceSessionId(): Promise<string>;
+    tokenizeCard(cardNumber: string, holderName: string, expirationYear: string, expirationMonth: string, cvv2: string): Promise<string>;
+}
+declare const Openpay: ExpoOpenpayModule;
+export default Openpay;
+export declare const initialize: (merchantId: string, apiKey: string, isProduction: boolean, countryCode?: "MX" | "CO" | "PE") => Promise<string>, isInitialized: () => Promise<boolean>, tokenizeCard: (cardNumber: string, holderName: string, expirationYear: string, expirationMonth: string, cvv2: string) => Promise<string>, createDeviceSessionId: () => Promise<string>;
+//# sourceMappingURL=ExpoOpenpayModule.d.ts.map

package/build/ExpoOpenpayModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayModule.d.ts","sourceRoot":"","sources":["../src/ExpoOpenpayModule.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,UAAU,CACR,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAC/B,OAAO,CAAC,MAAM,CAAC,CAAC;IACnB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,qBAAqB,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,YAAY,CACV,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,MAAM,CAAC,CAAC;CACpB;AAGD,QAAA,MAAM,OAAO,mBAAoD,CAAC;AAClE,eAAe,OAAO,CAAC;AACvB,eAAO,MACL,UAAU,eApBI,MAAM,UACV,MAAM,gBACA,OAAO,gBACP,IAAI,GAAG,IAAI,GAAG,IAAI,KAC/B,OAAO,CAAC,MAAM,CAAC,EAiBlB,aAAa,QAhBI,OAAO,CAAC,OAAO,CAAC,EAiBjC,YAAY,eAdE,MAAM,cACN,MAAM,kBACF,MAAM,mBACL,MAAM,QACjB,MAAM,KACX,OAAO,CAAC,MAAM,CAAC,EAUlB,qBAAqB,QAjBI,OAAO,CAAC,MAAM,CAkB9B,CAAC"}

package/build/ExpoOpenpayModule.js

@@ -0,0 +1,6 @@
+import { requireNativeModule } from "expo";
+// This call loads the native module object from the JSI.
+const Openpay = requireNativeModule("Openpay");
+export default Openpay;
+export const { initialize, isInitialized, tokenizeCard, createDeviceSessionId, } = Openpay;
+//# sourceMappingURL=ExpoOpenpayModule.js.map

package/build/ExpoOpenpayModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayModule.js","sourceRoot":"","sources":["../src/ExpoOpenpayModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAoB3C,yDAAyD;AACzD,MAAM,OAAO,GAAG,mBAAmB,CAAoB,SAAS,CAAC,CAAC;AAClE,eAAe,OAAO,CAAC;AACvB,MAAM,CAAC,MAAM,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,GACtB,GAAG,OAAO,CAAC","sourcesContent":["import { requireNativeModule } from \"expo\";\n\ninterface ExpoOpenpayModule {\n  initialize(\n    merchantId: string,\n    apiKey: string,\n    isProduction: boolean,\n    countryCode?: \"MX\" | \"CO\" | \"PE\"\n  ): Promise<string>;\n  isInitialized(): Promise<boolean>;\n  createDeviceSessionId(): Promise<string>;\n  tokenizeCard(\n    cardNumber: string,\n    holderName: string,\n    expirationYear: string,\n    expirationMonth: string,\n    cvv2: string\n  ): Promise<string>;\n}\n\n// This call loads the native module object from the JSI.\nconst Openpay = requireNativeModule<ExpoOpenpayModule>(\"Openpay\");\nexport default Openpay;\nexport const {\n  initialize,\n  isInitialized,\n  tokenizeCard,\n  createDeviceSessionId,\n} = Openpay;\n"]}

package/build/ExpoOpenpayModule.web.d.ts

@@ -0,0 +1,10 @@
+import { NativeModule } from 'expo';
+import { ExpoOpenpayModuleEvents } from './ExpoOpenpay.types';
+declare class ExpoOpenpayModule extends NativeModule<ExpoOpenpayModuleEvents> {
+    PI: number;
+    setValueAsync(value: string): Promise<void>;
+    hello(): string;
+}
+declare const _default: typeof ExpoOpenpayModule;
+export default _default;
+//# sourceMappingURL=ExpoOpenpayModule.web.d.ts.map

package/build/ExpoOpenpayModule.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayModule.web.d.ts","sourceRoot":"","sources":["../src/ExpoOpenpayModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,MAAM,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,cAAM,iBAAkB,SAAQ,YAAY,CAAC,uBAAuB,CAAC;IACnE,EAAE,SAAW;IACP,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAGjD,KAAK;CAGN;;AAED,wBAAyE"}

package/build/ExpoOpenpayModule.web.js

@@ -0,0 +1,12 @@
+import { registerWebModule, NativeModule } from 'expo';
+class ExpoOpenpayModule extends NativeModule {
+    PI = Math.PI;
+    async setValueAsync(value) {
+        this.emit('onChange', { value });
+    }
+    hello() {
+        return 'Hello world! 👋';
+    }
+}
+export default registerWebModule(ExpoOpenpayModule, 'ExpoOpenpayModule');
+//# sourceMappingURL=ExpoOpenpayModule.web.js.map

package/build/ExpoOpenpayModule.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayModule.web.js","sourceRoot":"","sources":["../src/ExpoOpenpayModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIvD,MAAM,iBAAkB,SAAQ,YAAqC;IACnE,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,aAAa,CAAC,KAAa;QAC/B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACnC,CAAC;IACD,KAAK;QACH,OAAO,iBAAiB,CAAC;IAC3B,CAAC;CACF;AAED,eAAe,iBAAiB,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { registerWebModule, NativeModule } from 'expo';\n\nimport { ExpoOpenpayModuleEvents } from './ExpoOpenpay.types';\n\nclass ExpoOpenpayModule extends NativeModule<ExpoOpenpayModuleEvents> {\n  PI = Math.PI;\n  async setValueAsync(value: string): Promise<void> {\n    this.emit('onChange', { value });\n  }\n  hello() {\n    return 'Hello world! 👋';\n  }\n}\n\nexport default registerWebModule(ExpoOpenpayModule, 'ExpoOpenpayModule');\n"]}

package/build/ExpoOpenpayView.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ExpoOpenpayViewProps } from "./ExpoOpenpay.types";
+export default function ExpoOpenpayView(props: ExpoOpenpayViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoOpenpayView.d.ts.map

package/build/ExpoOpenpayView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayView.d.ts","sourceRoot":"","sources":["../src/ExpoOpenpayView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAElE"}

package/build/ExpoOpenpayView.js

@@ -0,0 +1,7 @@
+import { requireNativeView } from "expo";
+import * as React from "react";
+const NativeView = requireNativeView("Openpay");
+export default function ExpoOpenpayView(props) {
+    return <NativeView {...props}/>;
+}
+//# sourceMappingURL=ExpoOpenpayView.js.map

package/build/ExpoOpenpayView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayView.js","sourceRoot":"","sources":["../src/ExpoOpenpayView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,GACd,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA2B;IACjE,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { requireNativeView } from \"expo\";\nimport * as React from \"react\";\n\nimport { ExpoOpenpayViewProps } from \"./ExpoOpenpay.types\";\n\nconst NativeView: React.ComponentType<ExpoOpenpayViewProps> =\n  requireNativeView(\"Openpay\");\n\nexport default function ExpoOpenpayView(props: ExpoOpenpayViewProps) {\n  return <NativeView {...props} />;\n}\n"]}

package/build/ExpoOpenpayView.web.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export default function ExpoRadialChartView(): React.JSX.Element;
+//# sourceMappingURL=ExpoOpenpayView.web.d.ts.map

package/build/ExpoOpenpayView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayView.web.d.ts","sourceRoot":"","sources":["../src/ExpoOpenpayView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,mBAAmB,sBAE1C"}

package/build/ExpoOpenpayView.web.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export default function ExpoRadialChartView() {
+    return <div>Not implemented</div>;
+}
+//# sourceMappingURL=ExpoOpenpayView.web.js.map

package/build/ExpoOpenpayView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOpenpayView.web.js","sourceRoot":"","sources":["../src/ExpoOpenpayView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACzC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import * as React from \"react\";\n\nexport default function ExpoRadialChartView() {\n  return <div>Not implemented</div>;\n}\n"]}

package/build/assets/AmexLogo.d.ts

@@ -0,0 +1,4 @@
+import { SvgProps } from "react-native-svg";
+declare const AmexLogo: React.FC<SvgProps>;
+export default AmexLogo;
+//# sourceMappingURL=AmexLogo.d.ts.map

package/build/assets/AmexLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmexLogo.d.ts","sourceRoot":"","sources":["../../src/assets/AmexLogo.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAmBhC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/assets/AmexLogo.js

@@ -0,0 +1,9 @@
+import Svg, { Path } from "react-native-svg";
+const AmexLogo = (props) => (<Svg viewBox="0 0 70 70" {...props}>
+    <Path d="m59.4 49.7-2.6-2.9-2.7 2.9H37.4V36.2h-5.3l6.6-15.1h6.4l2.3 5.2v-5.2h8l1.4 3.9 1.4-3.9h6.1v-2.3c0-1.4-1.1-2.5-2.5-2.5H8.2c-1.4 0-2.5 1.1-2.5 2.5v32.5c0 1.4 1.1 2.5 2.5 2.5h53.6c1.4 0 2.5-1.1 2.5-2.5v-1.6z" fill="#0071ce"/>
+    <Path d="M60.1 48.1h4.2l-5.5-5.9 5.5-5.8h-4.1l-3.5 3.8-3.4-3.8h-4.2l5.6 5.9-5.6 5.8h4.1l3.5-3.8z" fill="#0071ce"/>
+    <Path d="M42.4 45.4v-1.8H49v-2.7h-6.6v-1.8h6.7v-2.7h-9.9v11.7h9.9v-2.7zM61.2 34.7h3V22.9l-4.8.1-2.6 7.3-2.7-7.3h-5v11.7h3.2v-8.2l3 8.2h2.8l3.1-8.2z" fill="#0071ce"/>
+    <Path d="M44 23h-4.1l-5.2 11.7h3.5l1-2.3h5.4l1 2.3h3.6zm-3.7 6.7 1.6-3.8 1.6 3.8zM61.4 41.9l2.9 3.2v-6.4z" fill="#0071ce"/>
+  </Svg>);
+export default AmexLogo;
+//# sourceMappingURL=AmexLogo.js.map

package/build/assets/AmexLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmexLogo.js","sourceRoot":"","sources":["../../src/assets/AmexLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAY,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,QAAQ,GAAuB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9C,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CACjC;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,6MAA6M,CAC/M,IAAI,CAAC,SAAS,EAEhB;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,yFAAyF,CAC3F,IAAI,CAAC,SAAS,EAEhB;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,4IAA4I,CAC9I,IAAI,CAAC,SAAS,EAEhB;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,kGAAkG,CACpG,IAAI,CAAC,SAAS,EAElB;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import Svg, { SvgProps, Path } from \"react-native-svg\";\n\nconst AmexLogo: React.FC<SvgProps> = (props) => (\n  <Svg viewBox=\"0 0 70 70\" {...props}>\n    <Path\n      d=\"m59.4 49.7-2.6-2.9-2.7 2.9H37.4V36.2h-5.3l6.6-15.1h6.4l2.3 5.2v-5.2h8l1.4 3.9 1.4-3.9h6.1v-2.3c0-1.4-1.1-2.5-2.5-2.5H8.2c-1.4 0-2.5 1.1-2.5 2.5v32.5c0 1.4 1.1 2.5 2.5 2.5h53.6c1.4 0 2.5-1.1 2.5-2.5v-1.6z\"\n      fill=\"#0071ce\"\n    />\n    <Path\n      d=\"M60.1 48.1h4.2l-5.5-5.9 5.5-5.8h-4.1l-3.5 3.8-3.4-3.8h-4.2l5.6 5.9-5.6 5.8h4.1l3.5-3.8z\"\n      fill=\"#0071ce\"\n    />\n    <Path\n      d=\"M42.4 45.4v-1.8H49v-2.7h-6.6v-1.8h6.7v-2.7h-9.9v11.7h9.9v-2.7zM61.2 34.7h3V22.9l-4.8.1-2.6 7.3-2.7-7.3h-5v11.7h3.2v-8.2l3 8.2h2.8l3.1-8.2z\"\n      fill=\"#0071ce\"\n    />\n    <Path\n      d=\"M44 23h-4.1l-5.2 11.7h3.5l1-2.3h5.4l1 2.3h3.6zm-3.7 6.7 1.6-3.8 1.6 3.8zM61.4 41.9l2.9 3.2v-6.4z\"\n      fill=\"#0071ce\"\n    />\n  </Svg>\n);\n\nexport default AmexLogo;\n"]}

package/build/assets/MCLogo.d.ts

@@ -0,0 +1,4 @@
+import { SvgProps } from "react-native-svg";
+declare const MCLogo: React.FC<SvgProps>;
+export default MCLogo;
+//# sourceMappingURL=MCLogo.d.ts.map

package/build/assets/MCLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCLogo.d.ts","sourceRoot":"","sources":["../../src/assets/MCLogo.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAe9B,CAAC;AACF,eAAe,MAAM,CAAC"}

package/build/assets/MCLogo.js

@@ -0,0 +1,9 @@
+import Svg, { Path } from "react-native-svg";
+const MCLogo = (props) => (<Svg width={203.209} height={144} viewBox="0 0 152.407 108" {...props}>
+    <Path d="M0 0h152.407v108H0z" fill="none"/>
+    <Path d="M60.412 25.697h31.5v56.606h-31.5z" fill="#ff5f00"/>
+    <Path d="M382.208 306a35.94 35.94 0 0 1 13.75-28.303 36 36 0 1 0 0 56.606A35.94 35.94 0 0 1 382.208 306" fill="#eb001b" transform="translate(-319.796 -252)"/>
+    <Path d="M454.203 306a35.999 35.999 0 0 1-58.245 28.303 36.005 36.005 0 0 0 0-56.606A35.999 35.999 0 0 1 454.203 306M450.769 328.308v-1.16h.467v-.235h-1.19v.236h.468v1.159Zm2.31 0v-1.398h-.364l-.42.962-.42-.962h-.365v1.398h.258v-1.054l.393.908h.267l.394-.91v1.056Z" fill="#f79e1b" transform="translate(-319.796 -252)"/>
+  </Svg>);
+export default MCLogo;
+//# sourceMappingURL=MCLogo.js.map

package/build/assets/MCLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCLogo.js","sourceRoot":"","sources":["../../src/assets/MCLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAY,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5C,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CACpE;IAAA,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,MAAM,EACzC;IAAA,CAAC,IAAI,CAAC,CAAC,CAAC,mCAAmC,CAAC,IAAI,CAAC,SAAS,EAC1D;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,gGAAgG,CAClG,IAAI,CAAC,SAAS,CACd,SAAS,CAAC,0BAA0B,EAEtC;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,iQAAiQ,CACnQ,IAAI,CAAC,SAAS,CACd,SAAS,CAAC,0BAA0B,EAExC;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["import Svg, { SvgProps, Path } from \"react-native-svg\";\n\nconst MCLogo: React.FC<SvgProps> = (props) => (\n  <Svg width={203.209} height={144} viewBox=\"0 0 152.407 108\" {...props}>\n    <Path d=\"M0 0h152.407v108H0z\" fill=\"none\" />\n    <Path d=\"M60.412 25.697h31.5v56.606h-31.5z\" fill=\"#ff5f00\" />\n    <Path\n      d=\"M382.208 306a35.94 35.94 0 0 1 13.75-28.303 36 36 0 1 0 0 56.606A35.94 35.94 0 0 1 382.208 306\"\n      fill=\"#eb001b\"\n      transform=\"translate(-319.796 -252)\"\n    />\n    <Path\n      d=\"M454.203 306a35.999 35.999 0 0 1-58.245 28.303 36.005 36.005 0 0 0 0-56.606A35.999 35.999 0 0 1 454.203 306M450.769 328.308v-1.16h.467v-.235h-1.19v.236h.468v1.159Zm2.31 0v-1.398h-.364l-.42.962-.42-.962h-.365v1.398h.258v-1.054l.393.908h.267l.394-.91v1.056Z\"\n      fill=\"#f79e1b\"\n      transform=\"translate(-319.796 -252)\"\n    />\n  </Svg>\n);\nexport default MCLogo;\n"]}

package/build/assets/VisaLogo.d.ts

@@ -0,0 +1,4 @@
+import { SvgProps } from "react-native-svg";
+declare const VisaLogo: React.FC<SvgProps>;
+export default VisaLogo;
+//# sourceMappingURL=VisaLogo.d.ts.map

package/build/assets/VisaLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisaLogo.d.ts","sourceRoot":"","sources":["../../src/assets/VisaLogo.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAOhC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/build/assets/VisaLogo.js

@@ -0,0 +1,6 @@
+import Svg, { Path } from "react-native-svg";
+const VisaLogo = (props) => (<Svg viewBox="0 0 3384.54 2077.85" {...props}>
+    <Path d="m1461.26 739.84-251.37 599.74h-164l-123.7-478.62c-7.51-29.48-14.04-40.28-36.88-52.7-37.29-20.23-98.87-39.21-153.05-50.99l3.68-17.43h263.99c33.65 0 63.9 22.4 71.54 61.15l65.33 347.04 161.46-408.2h163zm642.58 403.93c.66-158.29-218.88-167.01-217.37-237.72.47-21.52 20.96-44.4 65.81-50.24 22.23-2.91 83.48-5.13 152.95 26.84l27.25-127.18c-37.33-13.55-85.36-26.59-145.12-26.59-153.35 0-261.27 81.52-262.18 198.25-.99 86.34 77.03 134.52 135.81 163.21 60.47 29.38 80.76 48.26 80.53 74.54-.43 40.23-48.23 57.99-92.9 58.69-77.98 1.2-123.23-21.1-159.3-37.87l-28.12 131.39c36.25 16.63 103.16 31.14 172.53 31.87 162.99 0 269.61-80.51 270.11-205.19m404.94 195.81h143.49l-125.25-599.74h-132.44c-29.78 0-54.9 17.34-66.02 44l-232.81 555.74h162.91L2291 1250h199.05zm-173.11-212.5 81.66-225.18 47 225.18zm-652.74-387.24-128.29 599.74H1399.5l128.34-599.74z" fill="#fff"/>
+  </Svg>);
+export default VisaLogo;
+//# sourceMappingURL=VisaLogo.js.map

package/build/assets/VisaLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisaLogo.js","sourceRoot":"","sources":["../../src/assets/VisaLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAY,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,QAAQ,GAAuB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9C,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,CAC3C;IAAA,CAAC,IAAI,CACH,CAAC,CAAC,s0BAAs0B,CACx0B,IAAI,CAAC,MAAM,EAEf;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACF,eAAe,QAAQ,CAAC","sourcesContent":["import Svg, { SvgProps, Path } from \"react-native-svg\";\n\nconst VisaLogo: React.FC<SvgProps> = (props) => (\n  <Svg viewBox=\"0 0 3384.54 2077.85\" {...props}>\n    <Path\n      d=\"m1461.26 739.84-251.37 599.74h-164l-123.7-478.62c-7.51-29.48-14.04-40.28-36.88-52.7-37.29-20.23-98.87-39.21-153.05-50.99l3.68-17.43h263.99c33.65 0 63.9 22.4 71.54 61.15l65.33 347.04 161.46-408.2h163zm642.58 403.93c.66-158.29-218.88-167.01-217.37-237.72.47-21.52 20.96-44.4 65.81-50.24 22.23-2.91 83.48-5.13 152.95 26.84l27.25-127.18c-37.33-13.55-85.36-26.59-145.12-26.59-153.35 0-261.27 81.52-262.18 198.25-.99 86.34 77.03 134.52 135.81 163.21 60.47 29.38 80.76 48.26 80.53 74.54-.43 40.23-48.23 57.99-92.9 58.69-77.98 1.2-123.23-21.1-159.3-37.87l-28.12 131.39c36.25 16.63 103.16 31.14 172.53 31.87 162.99 0 269.61-80.51 270.11-205.19m404.94 195.81h143.49l-125.25-599.74h-132.44c-29.78 0-54.9 17.34-66.02 44l-232.81 555.74h162.91L2291 1250h199.05zm-173.11-212.5 81.66-225.18 47 225.18zm-652.74-387.24-128.29 599.74H1399.5l128.34-599.74z\"\n      fill=\"#fff\"\n    />\n  </Svg>\n);\nexport default VisaLogo;\n"]}

package/build/assets/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AmexLogo } from "./AmexLogo";
+export { default as MCLogo } from "./MCLogo";
+export { default as VisaLogo } from "./VisaLogo";
+//# sourceMappingURL=index.d.ts.map

package/build/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/build/assets/index.js

@@ -0,0 +1,4 @@
+export { default as AmexLogo } from "./AmexLogo";
+export { default as MCLogo } from "./MCLogo";
+export { default as VisaLogo } from "./VisaLogo";
+//# sourceMappingURL=index.js.map

package/build/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default as AmexLogo } from \"./AmexLogo\";\nexport { default as MCLogo } from \"./MCLogo\";\nexport { default as VisaLogo } from \"./VisaLogo\";\n"]}

package/build/components/OPCardForm.d.ts

@@ -0,0 +1,33 @@
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { FormThemeColors } from "../context";
+type CardFormProps = {
+    apiKey: string;
+    countryCode?: "MX" | "CO" | "PE";
+    isProduction: boolean;
+    merchantId: string;
+    options?: {
+        expIsMMYY?: boolean;
+        groupedView?: boolean;
+        handleSubmit?: () => any;
+        styling?: {
+            buttonStyle?: StyleProp<ViewStyle>;
+            buttonTextStyle?: StyleProp<TextStyle>;
+            colorScheme?: "light" | "dark";
+            darkTheme?: FormThemeColors;
+            formFieldStyle?: StyleProp<ViewStyle>;
+            defaultStyling?: boolean;
+            formKeyboardAvoidingViewStyle?: StyleProp<ViewStyle>;
+            formScrollViewStyle?: StyleProp<ViewStyle>;
+            labelStyle?: StyleProp<TextStyle>;
+            lightTheme?: FormThemeColors;
+            textInputStyle?: StyleProp<TextStyle>;
+        };
+        withAnimatedTexts?: boolean;
+        withIcons?: boolean;
+        withLabels?: boolean;
+        withPlaceholders?: boolean;
+    };
+};
+export default function OPCardForm({ merchantId, apiKey, isProduction, countryCode, options, }: CardFormProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPCardForm.d.ts.map

package/build/components/OPCardForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPCardForm.d.ts","sourceRoot":"","sources":["../../src/components/OPCardForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAgB,eAAe,EAAqB,MAAM,YAAY,CAAC;AAyB9E,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;QACzB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YACvC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;YAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;YAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YACtC,cAAc,CAAC,EAAE,OAAO,CAAC;YACzB,6BAA6B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YACrD,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;YAClC,UAAU,CAAC,EAAE,eAAe,CAAC;YAC7B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;SACvC,CAAC;QACF,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,UAAU,EACV,MAAM,EACN,YAAoB,EACpB,WAAkB,EAClB,OAAY,GACb,EAAE,aAAa,+BA6Nf"}

package/build/components/OPCardForm.js

@@ -0,0 +1,120 @@
+// import { useEffect } from "react";
+import { KeyboardAvoidingView, ScrollView, StyleSheet, View, } from "react-native";
+import { FormProvider, FormThemeProvider } from "../context";
+// import { initialize, createDeviceSessionId } from "../ExpoOpenpayModule";
+import { SubmitButton } from "./forms";
+import { OPCardNumberInput, OPCvv2Input, OPExpInput, OPExpMonthInput, OPExpYearInput, OPHolderNameInput, } from ".";
+export default function OPCardForm({ merchantId, apiKey, isProduction = false, countryCode = "MX", options = {}, }) {
+    const { expIsMMYY = true, groupedView = true, handleSubmit, styling = {}, withAnimatedTexts, withIcons, withLabels, withPlaceholders, } = options;
+    const { buttonStyle = {}, buttonTextStyle = {}, colorScheme = "light", darkTheme, formFieldStyle = {}, defaultStyling = true, formKeyboardAvoidingViewStyle = {}, formScrollViewStyle = {}, labelStyle = {}, lightTheme, textInputStyle = {}, } = styling;
+    // useEffect(() => {
+    //   const initOP = async () => {
+    //     try {
+    //       await initialize(merchantId, apiKey, isProduction, countryCode);
+    //       await createDeviceSessionId();
+    //     } catch (e) {
+    //       console.error(e);
+    //     }
+    //   };
+    //   initOP();
+    // }, []);
+    return (<FormThemeProvider colorScheme={colorScheme} dark={darkTheme} light={lightTheme}>
+      <FormProvider initialValues={{ cardNumber: "" }} onSubmit={handleSubmit}>
+        <KeyboardAvoidingView behavior="padding" enabled keyboardVerticalOffset={100} style={defaultStyling
+            ? [styles.keyboardAvoidingView, formKeyboardAvoidingViewStyle]
+            : formKeyboardAvoidingViewStyle}>
+          <ScrollView showsVerticalScrollIndicator={false} style={defaultStyling
+            ? [styles.formView, formScrollViewStyle]
+            : formScrollViewStyle}>
+            <OPHolderNameInput options={{
+            formFieldStyle,
+            defaultStyling,
+            inputStyle: {},
+            labelStyle,
+            textInputStyle,
+        }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+            <OPCardNumberInput options={{
+            formFieldStyle,
+            defaultStyling,
+            inputStyle: {},
+            labelStyle,
+            textInputStyle,
+        }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+            {defaultStyling && groupedView ? (<View style={{ flexDirection: "row", gap: 12 }}>
+                {expIsMMYY ? (<OPExpInput options={{
+                    formFieldStyle: { flex: 1 },
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle,
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>) : (<>
+                    <OPExpMonthInput options={{
+                    formFieldStyle: { flex: 1 },
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle,
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+                    <OPExpYearInput options={{
+                    formFieldStyle: { flex: 1 },
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle,
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+                  </>)}
+                <OPCvv2Input options={{
+                formFieldStyle: { flex: 1 },
+                defaultStyling,
+                inputStyle: {},
+                labelStyle,
+                textInputStyle,
+            }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+              </View>) : (<>
+                {expIsMMYY ? (<OPExpInput options={{
+                    formFieldStyle,
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle,
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>) : (<>
+                    <OPExpMonthInput options={{
+                    formFieldStyle,
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle: {},
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+                    <OPExpYearInput options={{
+                    formFieldStyle,
+                    defaultStyling,
+                    inputStyle: {},
+                    labelStyle,
+                    textInputStyle,
+                }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+                  </>)}
+
+                <OPCvv2Input options={{
+                formFieldStyle,
+                defaultStyling,
+                inputStyle: {},
+                labelStyle,
+                textInputStyle,
+            }} withAnimatedText={withAnimatedTexts} withIcon={withIcons} withLabel={withLabels} withPlaceholder={withPlaceholders}/>
+              </>)}
+            <SubmitButton buttonStyle={buttonStyle} buttonTextStyle={buttonTextStyle} defaultStyling={defaultStyling}/>
+          </ScrollView>
+        </KeyboardAvoidingView>
+      </FormProvider>
+    </FormThemeProvider>);
+}
+const styles = StyleSheet.create({
+    formView: {
+        height: "100%",
+        marginHorizontal: 12,
+    },
+    keyboardAvoidingView: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=OPCardForm.js.map

package/build/components/OPCardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPCardForm.js","sourceRoot":"","sources":["../../src/components/OPCardForm.tsx"],"names":[],"mappings":"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","sourcesContent":["// import { useEffect } from \"react\";\nimport {\n  KeyboardAvoidingView,\n  ScrollView,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  View,\n  ViewStyle,\n} from \"react-native\";\n\nimport { FormProvider, FormThemeColors, FormThemeProvider } from \"../context\";\n// import { initialize, createDeviceSessionId } from \"../ExpoOpenpayModule\";\nimport { SubmitButton } from \"./forms\";\nimport {\n  OPCardNumberInput,\n  OPCvv2Input,\n  OPExpInput,\n  OPExpMonthInput,\n  OPExpYearInput,\n  OPHolderNameInput,\n} from \".\";\n\n// type ThemeColors = {\n//   background: string;\n//   text: string;\n//   error: string;\n//   primary: string;\n//   placeholder: string;\n// };\n\n// type ThemeProp = {\n//   light: Partial<ThemeColors>;\n//   dark: Partial<ThemeColors>;\n// };\n\ntype CardFormProps = {\n  apiKey: string;\n  countryCode?: \"MX\" | \"CO\" | \"PE\";\n  isProduction: boolean;\n  merchantId: string;\n  options?: {\n    expIsMMYY?: boolean;\n    groupedView?: boolean;\n    handleSubmit?: () => any;\n    styling?: {\n      buttonStyle?: StyleProp<ViewStyle>;\n      buttonTextStyle?: StyleProp<TextStyle>;\n      colorScheme?: \"light\" | \"dark\";\n      darkTheme?: FormThemeColors;\n      formFieldStyle?: StyleProp<ViewStyle>;\n      defaultStyling?: boolean;\n      formKeyboardAvoidingViewStyle?: StyleProp<ViewStyle>;\n      formScrollViewStyle?: StyleProp<ViewStyle>;\n      labelStyle?: StyleProp<TextStyle>;\n      lightTheme?: FormThemeColors;\n      textInputStyle?: StyleProp<TextStyle>;\n    };\n    withAnimatedTexts?: boolean;\n    withIcons?: boolean;\n    withLabels?: boolean;\n    withPlaceholders?: boolean;\n  };\n};\n\nexport default function OPCardForm({\n  merchantId,\n  apiKey,\n  isProduction = false,\n  countryCode = \"MX\",\n  options = {},\n}: CardFormProps) {\n  const {\n    expIsMMYY = true,\n    groupedView = true,\n    handleSubmit,\n    styling = {},\n    withAnimatedTexts,\n    withIcons,\n    withLabels,\n    withPlaceholders,\n  } = options;\n\n  const {\n    buttonStyle = {},\n    buttonTextStyle = {},\n    colorScheme = \"light\",\n    darkTheme,\n    formFieldStyle = {},\n    defaultStyling = true,\n    formKeyboardAvoidingViewStyle = {},\n    formScrollViewStyle = {},\n    labelStyle = {},\n    lightTheme,\n    textInputStyle = {},\n  } = styling;\n\n  // useEffect(() => {\n  //   const initOP = async () => {\n  //     try {\n  //       await initialize(merchantId, apiKey, isProduction, countryCode);\n  //       await createDeviceSessionId();\n  //     } catch (e) {\n  //       console.error(e);\n  //     }\n  //   };\n  //   initOP();\n  // }, []);\n\n  return (\n    <FormThemeProvider\n      colorScheme={colorScheme}\n      dark={darkTheme}\n      light={lightTheme}\n    >\n      <FormProvider initialValues={{ cardNumber: \"\" }} onSubmit={handleSubmit}>\n        <KeyboardAvoidingView\n          behavior=\"padding\"\n          enabled\n          keyboardVerticalOffset={100}\n          style={\n            defaultStyling\n              ? [styles.keyboardAvoidingView, formKeyboardAvoidingViewStyle]\n              : formKeyboardAvoidingViewStyle\n          }\n        >\n          <ScrollView\n            showsVerticalScrollIndicator={false}\n            style={\n              defaultStyling\n                ? [styles.formView, formScrollViewStyle]\n                : formScrollViewStyle\n            }\n          >\n            <OPHolderNameInput\n              options={{\n                formFieldStyle,\n                defaultStyling,\n                inputStyle: {},\n                labelStyle,\n                textInputStyle,\n              }}\n              withAnimatedText={withAnimatedTexts}\n              withIcon={withIcons}\n              withLabel={withLabels}\n              withPlaceholder={withPlaceholders}\n            />\n            <OPCardNumberInput\n              options={{\n                formFieldStyle,\n                defaultStyling,\n                inputStyle: {},\n                labelStyle,\n                textInputStyle,\n              }}\n              withAnimatedText={withAnimatedTexts}\n              withIcon={withIcons}\n              withLabel={withLabels}\n              withPlaceholder={withPlaceholders}\n            />\n            {defaultStyling && groupedView ? (\n              <View style={{ flexDirection: \"row\", gap: 12 }}>\n                {expIsMMYY ? (\n                  <OPExpInput\n                    options={{\n                      formFieldStyle: { flex: 1 },\n                      defaultStyling,\n                      inputStyle: {},\n                      labelStyle,\n                      textInputStyle,\n                    }}\n                    withAnimatedText={withAnimatedTexts}\n                    withIcon={withIcons}\n                    withLabel={withLabels}\n                    withPlaceholder={withPlaceholders}\n                  />\n                ) : (\n                  <>\n                    <OPExpMonthInput\n                      options={{\n                        formFieldStyle: { flex: 1 },\n                        defaultStyling,\n                        inputStyle: {},\n                        labelStyle,\n                        textInputStyle,\n                      }}\n                      withAnimatedText={withAnimatedTexts}\n                      withIcon={withIcons}\n                      withLabel={withLabels}\n                      withPlaceholder={withPlaceholders}\n                    />\n                    <OPExpYearInput\n                      options={{\n                        formFieldStyle: { flex: 1 },\n                        defaultStyling,\n                        inputStyle: {},\n                        labelStyle,\n                        textInputStyle,\n                      }}\n                      withAnimatedText={withAnimatedTexts}\n                      withIcon={withIcons}\n                      withLabel={withLabels}\n                      withPlaceholder={withPlaceholders}\n                    />\n                  </>\n                )}\n                <OPCvv2Input\n                  options={{\n                    formFieldStyle: { flex: 1 },\n                    defaultStyling,\n                    inputStyle: {},\n                    labelStyle,\n                    textInputStyle,\n                  }}\n                  withAnimatedText={withAnimatedTexts}\n                  withIcon={withIcons}\n                  withLabel={withLabels}\n                  withPlaceholder={withPlaceholders}\n                />\n              </View>\n            ) : (\n              <>\n                {expIsMMYY ? (\n                  <OPExpInput\n                    options={{\n                      formFieldStyle,\n                      defaultStyling,\n                      inputStyle: {},\n                      labelStyle,\n                      textInputStyle,\n                    }}\n                    withAnimatedText={withAnimatedTexts}\n                    withIcon={withIcons}\n                    withLabel={withLabels}\n                    withPlaceholder={withPlaceholders}\n                  />\n                ) : (\n                  <>\n                    <OPExpMonthInput\n                      options={{\n                        formFieldStyle,\n                        defaultStyling,\n                        inputStyle: {},\n                        labelStyle: {},\n                        textInputStyle,\n                      }}\n                      withAnimatedText={withAnimatedTexts}\n                      withIcon={withIcons}\n                      withLabel={withLabels}\n                      withPlaceholder={withPlaceholders}\n                    />\n                    <OPExpYearInput\n                      options={{\n                        formFieldStyle,\n                        defaultStyling,\n                        inputStyle: {},\n                        labelStyle,\n                        textInputStyle,\n                      }}\n                      withAnimatedText={withAnimatedTexts}\n                      withIcon={withIcons}\n                      withLabel={withLabels}\n                      withPlaceholder={withPlaceholders}\n                    />\n                  </>\n                )}\n\n                <OPCvv2Input\n                  options={{\n                    formFieldStyle,\n                    defaultStyling,\n                    inputStyle: {},\n                    labelStyle,\n                    textInputStyle,\n                  }}\n                  withAnimatedText={withAnimatedTexts}\n                  withIcon={withIcons}\n                  withLabel={withLabels}\n                  withPlaceholder={withPlaceholders}\n                />\n              </>\n            )}\n            <SubmitButton\n              buttonStyle={buttonStyle}\n              buttonTextStyle={buttonTextStyle}\n              defaultStyling={defaultStyling}\n            />\n          </ScrollView>\n        </KeyboardAvoidingView>\n      </FormProvider>\n    </FormThemeProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  formView: {\n    height: \"100%\",\n    marginHorizontal: 12,\n  },\n  keyboardAvoidingView: {\n    flex: 1,\n  },\n});\n"]}

package/build/components/OPCardNumberInput.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+type CardInputOptions = {
+    options?: {
+        formFieldStyle?: StyleProp<ViewStyle>;
+        defaultStyling?: boolean;
+        inputStyle?: StyleProp<TextStyle>;
+        labelStyle?: StyleProp<TextStyle>;
+        textInputStyle?: StyleProp<TextStyle>;
+    };
+    withAnimatedText?: boolean;
+    withIcon?: boolean;
+    withLabel?: boolean;
+    withPlaceholder?: boolean;
+};
+export default function OPCardNumberInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPCardNumberInput.d.ts.map

package/build/components/OPCardNumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPCardNumberInput.d.ts","sourceRoot":"","sources":["../../src/components/OPCardNumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAiB/D,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAqDF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BAmClB"}