expo-openpay 0.1.0

package/build/components/forms/TextInput.js

@@ -0,0 +1,195 @@
+import { useEffect, useRef, useState } from "react";
+import { Animated, Image, StyleSheet, TextInput, View, } from "react-native";
+import { FontAwesome6, MaterialCommunityIcons } from "@expo/vector-icons";
+import Styles from "../../constants/Styles";
+import { useFormThemeContext } from "../../context/FormThemeContext";
+import { AmexLogo, MCLogo, VisaLogo } from "../../assets";
+const cardIcons = {
+    amex: AmexLogo,
+    discover: require("../../assets/photos/discover_logo.png"),
+    mc: MCLogo,
+    visa: VisaLogo,
+};
+export default function AppTextInput({ defaultStyling, fieldName, icon, onBlur, onChangeText, placeholder, hasError = false, errorText = "", styling: { formFieldStyle = {}, inputStyle = {}, textInputStyle = {} } = {}, value, withAnimatedText, withIcon, withPlaceholder, ...otherProps }) {
+    const { formFieldBackground, formFieldErrorBorder, iconColor, iconError, placeholderColor, placeholderError, textInput, textInputCarot, } = useFormThemeContext();
+    const [isFocused, setIsFocused] = useState(false);
+    const [renderedIcon, setRenderedIcon] = useState(icon);
+    const activeAnim = useRef(null);
+    const animatedIsFlipped = useRef(new Animated.Value(icon?.type === "png" ? 1 : 0)).current;
+    const animatedIsFocused = useRef(new Animated.Value(value ? 1 : 0)).current;
+    useEffect(() => {
+        Animated.timing(animatedIsFocused, {
+            toValue: isFocused || !!value ? 1 : 0,
+            duration: 200,
+            useNativeDriver: false,
+        }).start();
+    }, [isFocused, value, animatedIsFocused]);
+    const placeholderStyle = {
+        position: "absolute",
+        left: animatedIsFocused.interpolate({
+            inputRange: [0, 1],
+            outputRange: [withIcon ? 40 : 15, withIcon ? 40 : 15],
+        }),
+        top: animatedIsFocused.interpolate({
+            inputRange: [0, 1],
+            outputRange: [30, 5],
+        }),
+        fontSize: animatedIsFocused.interpolate({
+            inputRange: [0, 1],
+            outputRange: [18, 12],
+        }),
+        color: animatedIsFocused.interpolate({
+            inputRange: [0, 1],
+            outputRange: [placeholderColor, placeholderColor],
+        }),
+    };
+    useEffect(() => {
+        if (icon === renderedIcon)
+            return;
+        const hasBrandIcon = icon?.type === "png";
+        if (activeAnim.current) {
+            try {
+                activeAnim.current.stop();
+            }
+            catch (e) {
+                // ignore
+            }
+            activeAnim.current = null;
+        }
+        const anim = Animated.timing(animatedIsFlipped, {
+            toValue: hasBrandIcon ? 1 : 0,
+            duration: 500,
+            useNativeDriver: true,
+        });
+        activeAnim.current = anim;
+        anim.start(({ finished }) => {
+            activeAnim.current = null;
+            if (finished) {
+                setRenderedIcon(icon);
+            }
+            else {
+                setRenderedIcon(icon);
+            }
+        });
+    }, [icon]);
+    const rotateY = animatedIsFlipped.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0deg", "180deg"],
+    });
+    const rotateYBack = animatedIsFlipped.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["180deg", "360deg"],
+    });
+    const backImageSource = icon?.type === "png"
+        ? cardIcons[icon.name]
+        : renderedIcon?.type === "png"
+            ? cardIcons[renderedIcon.name]
+            : null;
+    const Icon = backImageSource;
+    console.log(Icon);
+    return (<View style={defaultStyling && [
+            styles.formFieldContainer,
+            { backgroundColor: formFieldBackground },
+            formFieldStyle,
+            hasError && { borderColor: formFieldErrorBorder },
+        ]}>
+      {defaultStyling && withIcon && (<View style={styles.iconContainer}>
+          <View style={styles.flipContainer}>
+            {/* Front side: generic card icon or previously rendered icon.
+                We use renderedIcon so the old front stays visible until animation completes */}
+            <Animated.View style={[
+                styles.face,
+                styles.front,
+                {
+                    transform: [{ rotateY }],
+                },
+            ]}>
+              {/* If previously renderedIcon was a material/fa6 show it; otherwise show generic credit-card */}
+              {renderedIcon?.type === "material" && renderedIcon?.name ? (<MaterialCommunityIcons name={renderedIcon.name} size={25} color={hasError ? iconError : iconColor}/>) : renderedIcon?.type === "fa6" && renderedIcon?.name ? (<FontAwesome6 name={renderedIcon.name} size={21} color={hasError ? iconError : iconColor}/>) : (<MaterialCommunityIcons name="credit-card" size={25} color={hasError ? iconError : iconColor}/>)}
+            </Animated.View>
+            <Animated.View style={[
+                styles.face,
+                {
+                    transform: [
+                        {
+                            rotateY: rotateYBack,
+                        },
+                    ],
+                },
+            ]}>
+              {Icon ? (typeof Icon === "function" ? (<Icon width="100%" height="100%"/>) : (<Image source={Icon} style={[
+                    styles.logo,
+                    (icon?.name === "visa" ||
+                        icon?.name === "discover" ||
+                        renderedIcon?.name === "visa" ||
+                        renderedIcon?.name === "discover") && {
+                        width: "70%",
+                        height: "70%",
+                    },
+                ]}/>)) : (<View style={styles.logo}/>)}
+            </Animated.View>
+          </View>
+        </View>)}
+      {withPlaceholder && withAnimatedText && (<Animated.Text pointerEvents="none" style={defaultStyling && [
+                placeholderStyle,
+                hasError && { color: placeholderError },
+            ]}>
+          {hasError ? errorText : placeholder}
+        </Animated.Text>)}
+      <TextInput onBlur={(e) => {
+            setIsFocused(false);
+            onBlur?.(e);
+        }} onChangeText={onChangeText} onFocus={() => setIsFocused(true)} placeholder={withPlaceholder && !withAnimatedText ? placeholder : undefined} placeholderTextColor={!withAnimatedText ? placeholderColor : undefined} selectionColor={textInputCarot} style={defaultStyling
+            ? [
+                styles.textInput,
+                { color: textInput },
+                !withIcon && { marginLeft: 15 },
+                textInputStyle,
+            ]
+            : textInputStyle} value={value} {...otherProps}/>
+    </View>);
+}
+const styles = StyleSheet.create({
+    formFieldContainer: {
+        borderColor: "#3c3c3c",
+        borderRadius: 25,
+        borderWidth: 1,
+        flexDirection: "row",
+        paddingVertical: 20,
+        marginTop: 12,
+    },
+    iconContainer: {
+        marginTop: 8,
+        width: 40,
+        height: 25,
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 1,
+    },
+    textInput: { height: 40, ...Styles.text },
+    // Flip animation styles
+    flipContainer: {
+        width: "100%",
+        height: "100%",
+        ...{ transform: [{ perspective: 1000 }] },
+    },
+    flipCard: {
+        width: "100%",
+        height: "100%",
+    },
+    face: {
+        position: "absolute",
+        width: "100%",
+        height: "100%",
+        justifyContent: "center",
+        alignItems: "center",
+        backfaceVisibility: "hidden",
+    },
+    front: { zIndex: 2 },
+    logo: {
+        width: "100%",
+        height: "100%",
+        resizeMode: "contain",
+    },
+});
+//# sourceMappingURL=TextInput.js.map

package/build/components/forms/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/forms/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,QAAQ,EACR,KAAK,EAEL,UAAU,EACV,SAAS,EAGT,IAAI,GAEL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAuB1D,MAAM,SAAS,GAAwB;IACrC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,OAAO,CAAC,uCAAuC,CAAC;IAC1D,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,SAAS,EACT,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,OAAO,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,EAAE,EAC3E,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,GAAG,UAAU,EACK;IAClB,MAAM,EACJ,mBAAmB,EACnB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,cAAc,GACf,GAAG,mBAAmB,EAAE,CAAC;IAE1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,MAAM,CAAqC,IAAI,CAAC,CAAC;IACpE,MAAM,iBAAiB,GAAG,MAAM,CAC9B,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjD,CAAC,OAAO,CAAC;IACV,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACjC,OAAO,EAAE,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,KAAK;SACvB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAsD;QAC1E,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,iBAAiB,CAAC,WAAW,CAAC;YAClC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACtD,CAAC;QACF,GAAG,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACjC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;SACrB,CAAC;QACF,QAAQ,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACtC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;SACtB,CAAC;QACF,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACnC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB,WAAW,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;SAClD,CAAC;KACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,YAAY;YAAE,OAAO;QAElC,MAAM,YAAY,GAAG,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC;QAE1C,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC5B,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,SAAS;YACX,CAAC;YACD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QAED,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE;YAC9C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC;QAEH,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC1B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,IAAI,QAAQ,EAAE,CAAC;gBACb,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,iBAAiB,CAAC,WAAW,CAAC;QAC5C,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,iBAAiB,CAAC,WAAW,CAAC;QAChD,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;KAClC,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,IAAI,EAAE,IAAI,KAAK,KAAK;QAClB,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;QACtB,CAAC,CAAC,YAAY,EAAE,IAAI,KAAK,KAAK;YAC9B,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,IAAI,GAAG,eAAe,CAAC;IAC7B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CACJ,cAAc,IAAI;YAChB,MAAM,CAAC,kBAAkB;YACzB,EAAE,eAAe,EAAE,mBAAmB,EAAE;YACxC,cAAc;YACd,QAAQ,IAAI,EAAE,WAAW,EAAE,oBAAoB,EAAE;SAErD,CAAC,CAED;MAAA,CAAC,cAAc,IAAI,QAAQ,IAAI,CAC7B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;YAAA,CAAC;+FACkF,CACnF;YAAA,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,IAAI;gBACX,MAAM,CAAC,KAAK;gBACZ;oBACE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;iBACzB;aACF,CAAC,CAEF;cAAA,CAAC,+FAA+F,CAChG;cAAA,CAAC,YAAY,EAAE,IAAI,KAAK,UAAU,IAAI,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACzD,CAAC,sBAAsB,CACrB,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EACxC,CACH,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,KAAK,KAAK,IAAI,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACvD,CAAC,YAAY,CACX,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EACxC,CACH,CAAC,CAAC,CAAC,CACF,CAAC,sBAAsB,CACrB,IAAI,CAAC,aAAa,CAClB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EACxC,CACH,CACH;YAAA,EAAE,QAAQ,CAAC,IAAI,CACf;YAAA,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,IAAI;gBACX;oBACE,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,WAAW;yBACrB;qBACF;iBACF;aACF,CAAC,CAEF;cAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAC3B,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAG,CACpC,CAAC,CAAC,CAAC,CACF,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,IAAI;oBACX,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM;wBACpB,IAAI,EAAE,IAAI,KAAK,UAAU;wBACzB,YAAY,EAAE,IAAI,KAAK,MAAM;wBAC7B,YAAY,EAAE,IAAI,KAAK,UAAU,CAAC,IAAI;wBACtC,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,KAAK;qBACd;iBACF,CAAC,EACF,CACH,CACF,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAC7B,CACH;YAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,eAAe,IAAI,gBAAgB,IAAI,CACtC,CAAC,QAAQ,CAAC,IAAI,CACZ,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CACJ,cAAc,IAAI;gBAChB,gBAAgB;gBAChB,QAAQ,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE;aAE3C,CAAC,CAED;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CACrC;QAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CACD;MAAA,CAAC,SAAS,CACR,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,CAAC,CACF,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAClC,WAAW,CAAC,CACV,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SACvD,CAAC,CACD,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CACvE,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CACJ,cAAc;YACZ,CAAC,CAAC;gBACE,MAAM,CAAC,SAAS;gBAChB,EAAE,KAAK,EAAE,SAAS,EAAE;gBACpB,CAAC,QAAQ,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;gBAC/B,cAAc;aACf;YACH,CAAC,CAAC,cACN,CAAC,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,UAAU,CAAC,EAEnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,kBAAkB,EAAE;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;KACd;IACD,aAAa,EAAE;QACb,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IACD,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE;IAEzC,wBAAwB;IACxB,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAI,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAU;KACnD;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,kBAAkB,EAAE,QAAQ;KAC7B;IACD,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  Animated,\n  Image,\n  StyleProp,\n  StyleSheet,\n  TextInput,\n  TextInputProps,\n  TextStyle,\n  View,\n  ViewStyle,\n} from \"react-native\";\nimport { FontAwesome6, MaterialCommunityIcons } from \"@expo/vector-icons\";\n\nimport Styles from \"../../constants/Styles\";\nimport { useFormThemeContext } from \"../../context/FormThemeContext\";\nimport { AmexLogo, MCLogo, VisaLogo } from \"../../assets\";\n\ntype StylingProps = {\n  formFieldStyle?: StyleProp<ViewStyle>;\n  inputStyle?: StyleProp<ViewStyle>;\n  textInputStyle?: StyleProp<TextStyle>;\n};\n\ntype AppTextInputProps = TextInputProps & {\n  defaultStyling?: boolean;\n  fieldName?: string;\n  icon?:\n    | { type: \"material\"; name: keyof typeof MaterialCommunityIcons.glyphMap }\n    | { type: \"fa6\"; name: keyof typeof FontAwesome6.glyphMap }\n    | { type: \"png\"; name: \"amex\" | \"discover\" | \"mc\" | \"visa\" };\n  hasError?: boolean;\n  errorText?: string;\n  styling?: StylingProps;\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withPlaceholder?: boolean;\n};\n\nconst cardIcons: Record<string, any> = {\n  amex: AmexLogo,\n  discover: require(\"../../assets/photos/discover_logo.png\"),\n  mc: MCLogo,\n  visa: VisaLogo,\n};\n\nexport default function AppTextInput({\n  defaultStyling,\n  fieldName,\n  icon,\n  onBlur,\n  onChangeText,\n  placeholder,\n  hasError = false,\n  errorText = \"\",\n  styling: { formFieldStyle = {}, inputStyle = {}, textInputStyle = {} } = {},\n  value,\n  withAnimatedText,\n  withIcon,\n  withPlaceholder,\n  ...otherProps\n}: AppTextInputProps) {\n  const {\n    formFieldBackground,\n    formFieldErrorBorder,\n    iconColor,\n    iconError,\n    placeholderColor,\n    placeholderError,\n    textInput,\n    textInputCarot,\n  } = useFormThemeContext();\n\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const [renderedIcon, setRenderedIcon] = useState(icon);\n\n  const activeAnim = useRef<Animated.CompositeAnimation | null>(null);\n  const animatedIsFlipped = useRef(\n    new Animated.Value(icon?.type === \"png\" ? 1 : 0)\n  ).current;\n  const animatedIsFocused = useRef(new Animated.Value(value ? 1 : 0)).current;\n\n  useEffect(() => {\n    Animated.timing(animatedIsFocused, {\n      toValue: isFocused || !!value ? 1 : 0,\n      duration: 200,\n      useNativeDriver: false,\n    }).start();\n  }, [isFocused, value, animatedIsFocused]);\n\n  const placeholderStyle: Animated.WithAnimatedObject<StyleProp<TextStyle>> = {\n    position: \"absolute\",\n    left: animatedIsFocused.interpolate({\n      inputRange: [0, 1],\n      outputRange: [withIcon ? 40 : 15, withIcon ? 40 : 15],\n    }),\n    top: animatedIsFocused.interpolate({\n      inputRange: [0, 1],\n      outputRange: [30, 5],\n    }),\n    fontSize: animatedIsFocused.interpolate({\n      inputRange: [0, 1],\n      outputRange: [18, 12],\n    }),\n    color: animatedIsFocused.interpolate({\n      inputRange: [0, 1],\n      outputRange: [placeholderColor, placeholderColor],\n    }),\n  };\n\n  useEffect(() => {\n    if (icon === renderedIcon) return;\n\n    const hasBrandIcon = icon?.type === \"png\";\n\n    if (activeAnim.current) {\n      try {\n        activeAnim.current.stop();\n      } catch (e) {\n        // ignore\n      }\n      activeAnim.current = null;\n    }\n\n    const anim = Animated.timing(animatedIsFlipped, {\n      toValue: hasBrandIcon ? 1 : 0,\n      duration: 500,\n      useNativeDriver: true,\n    });\n\n    activeAnim.current = anim;\n    anim.start(({ finished }) => {\n      activeAnim.current = null;\n      if (finished) {\n        setRenderedIcon(icon);\n      } else {\n        setRenderedIcon(icon);\n      }\n    });\n  }, [icon]);\n\n  const rotateY = animatedIsFlipped.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\"0deg\", \"180deg\"],\n  });\n\n  const rotateYBack = animatedIsFlipped.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\"180deg\", \"360deg\"],\n  });\n\n  const backImageSource =\n    icon?.type === \"png\"\n      ? cardIcons[icon.name]\n      : renderedIcon?.type === \"png\"\n      ? cardIcons[renderedIcon.name]\n      : null;\n\n  const Icon = backImageSource;\n  console.log(Icon);\n  return (\n    <View\n      style={\n        defaultStyling && [\n          styles.formFieldContainer,\n          { backgroundColor: formFieldBackground },\n          formFieldStyle,\n          hasError && { borderColor: formFieldErrorBorder },\n        ]\n      }\n    >\n      {defaultStyling && withIcon && (\n        <View style={styles.iconContainer}>\n          <View style={styles.flipContainer}>\n            {/* Front side: generic card icon or previously rendered icon.\n                We use renderedIcon so the old front stays visible until animation completes */}\n            <Animated.View\n              style={[\n                styles.face,\n                styles.front,\n                {\n                  transform: [{ rotateY }],\n                },\n              ]}\n            >\n              {/* If previously renderedIcon was a material/fa6 show it; otherwise show generic credit-card */}\n              {renderedIcon?.type === \"material\" && renderedIcon?.name ? (\n                <MaterialCommunityIcons\n                  name={renderedIcon.name}\n                  size={25}\n                  color={hasError ? iconError : iconColor}\n                />\n              ) : renderedIcon?.type === \"fa6\" && renderedIcon?.name ? (\n                <FontAwesome6\n                  name={renderedIcon.name}\n                  size={21}\n                  color={hasError ? iconError : iconColor}\n                />\n              ) : (\n                <MaterialCommunityIcons\n                  name=\"credit-card\"\n                  size={25}\n                  color={hasError ? iconError : iconColor}\n                />\n              )}\n            </Animated.View>\n            <Animated.View\n              style={[\n                styles.face,\n                {\n                  transform: [\n                    {\n                      rotateY: rotateYBack,\n                    },\n                  ],\n                },\n              ]}\n            >\n              {Icon ? (\n                typeof Icon === \"function\" ? (\n                  <Icon width=\"100%\" height=\"100%\" />\n                ) : (\n                  <Image\n                    source={Icon}\n                    style={[\n                      styles.logo,\n                      (icon?.name === \"visa\" ||\n                        icon?.name === \"discover\" ||\n                        renderedIcon?.name === \"visa\" ||\n                        renderedIcon?.name === \"discover\") && {\n                        width: \"70%\",\n                        height: \"70%\",\n                      },\n                    ]}\n                  />\n                )\n              ) : (\n                <View style={styles.logo} />\n              )}\n            </Animated.View>\n          </View>\n        </View>\n      )}\n      {withPlaceholder && withAnimatedText && (\n        <Animated.Text\n          pointerEvents=\"none\"\n          style={\n            defaultStyling && [\n              placeholderStyle,\n              hasError && { color: placeholderError },\n            ]\n          }\n        >\n          {hasError ? errorText : placeholder}\n        </Animated.Text>\n      )}\n      <TextInput\n        onBlur={(e) => {\n          setIsFocused(false);\n          onBlur?.(e);\n        }}\n        onChangeText={onChangeText}\n        onFocus={() => setIsFocused(true)}\n        placeholder={\n          withPlaceholder && !withAnimatedText ? placeholder : undefined\n        }\n        placeholderTextColor={!withAnimatedText ? placeholderColor : undefined}\n        selectionColor={textInputCarot}\n        style={\n          defaultStyling\n            ? [\n                styles.textInput,\n                { color: textInput },\n                !withIcon && { marginLeft: 15 },\n                textInputStyle,\n              ]\n            : textInputStyle\n        }\n        value={value}\n        {...otherProps}\n      />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  formFieldContainer: {\n    borderColor: \"#3c3c3c\",\n    borderRadius: 25,\n    borderWidth: 1,\n    flexDirection: \"row\",\n    paddingVertical: 20,\n    marginTop: 12,\n  },\n  iconContainer: {\n    marginTop: 8,\n    width: 40,\n    height: 25,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    padding: 1,\n  },\n  textInput: { height: 40, ...Styles.text },\n\n  // Flip animation styles\n  flipContainer: {\n    width: \"100%\",\n    height: \"100%\",\n    ...({ transform: [{ perspective: 1000 }] } as any),\n  },\n  flipCard: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  face: {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"100%\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backfaceVisibility: \"hidden\",\n  },\n  front: { zIndex: 2 },\n  logo: {\n    width: \"100%\",\n    height: \"100%\",\n    resizeMode: \"contain\",\n  },\n});\n"]}

package/build/components/forms/index.d.ts

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

package/build/components/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/build/components/forms/index.js

@@ -0,0 +1,5 @@
+// export { default as ErrorMessage } from "./ErrorMessage";
+export { default as FormField } from "./FormField";
+export { default as SubmitButton } from "./SubmitButton";
+export { default as TextInput } from "./TextInput";
+//# sourceMappingURL=index.js.map

package/build/components/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["// export { default as ErrorMessage } from \"./ErrorMessage\";\nexport { default as FormField } from \"./FormField\";\nexport { default as SubmitButton } from \"./SubmitButton\";\nexport { default as TextInput } from \"./TextInput\";\n"]}

package/build/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as OPCardForm } from "./OPCardForm";
+export { default as OPCardNumberInput } from "./OPCardNumberInput";
+export { default as OPCvv2Input } from "./OPCvv2Input";
+export { default as OPExpInput } from "./OPExpInput";
+export { default as OPExpMonthInput } from "./OPExpMonthInput";
+export { default as OPExpYearInput } from "./OPExpYearInput";
+export { default as OPHolderNameInput } from "./OPHolderNameInput";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/build/components/index.js

@@ -0,0 +1,8 @@
+export { default as OPCardForm } from "./OPCardForm";
+export { default as OPCardNumberInput } from "./OPCardNumberInput";
+export { default as OPCvv2Input } from "./OPCvv2Input";
+export { default as OPExpInput } from "./OPExpInput";
+export { default as OPExpMonthInput } from "./OPExpMonthInput";
+export { default as OPExpYearInput } from "./OPExpYearInput";
+export { default as OPHolderNameInput } from "./OPHolderNameInput";
+//# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default as OPCardForm } from \"./OPCardForm\";\nexport { default as OPCardNumberInput } from \"./OPCardNumberInput\";\nexport { default as OPCvv2Input } from \"./OPCvv2Input\";\nexport { default as OPExpInput } from \"./OPExpInput\";\nexport { default as OPExpMonthInput } from \"./OPExpMonthInput\";\nexport { default as OPExpYearInput } from \"./OPExpYearInput\";\nexport { default as OPHolderNameInput } from \"./OPHolderNameInput\";\n"]}

package/build/constants/Colors.d.ts

@@ -0,0 +1,27 @@
+export declare const Colors: {
+    light: {
+        button: string;
+        buttonText: string;
+        formFieldBackground: string;
+        formFieldErrorBorder: string;
+        iconColor: string;
+        iconError: string;
+        placeholderColor: string;
+        placeholderError: string;
+        textInput: string;
+        textInputCarot: string;
+    };
+    dark: {
+        button: string;
+        buttonText: string;
+        formFieldBackground: string;
+        formFieldErrorBorder: string;
+        iconColor: string;
+        iconError: string;
+        placeholderColor: string;
+        placeholderError: string;
+        textInput: string;
+        textInputCarot: string;
+    };
+};
+//# sourceMappingURL=Colors.d.ts.map

package/build/constants/Colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../src/constants/Colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}

package/build/constants/Colors.js

@@ -0,0 +1,27 @@
+export const Colors = {
+    light: {
+        button: "#16c8bf",
+        buttonText: "#014481",
+        formFieldBackground: "#f8f4f4",
+        formFieldErrorBorder: "#fc5c65",
+        iconColor: "#6e6969",
+        iconError: "#fc5c65",
+        placeholderColor: "#6e6969",
+        placeholderError: "#fc5c65",
+        textInput: "#6e6969",
+        textInputCarot: "#014481",
+    },
+    dark: {
+        button: "#16c8bf",
+        buttonText: "#014481",
+        formFieldBackground: "#242526",
+        formFieldErrorBorder: "#fc5c65",
+        iconColor: "#e5e5e5",
+        iconError: "#fc5c65",
+        placeholderColor: "#6e6969",
+        placeholderError: "#fc5c65",
+        textInput: "#e5e5e5",
+        textInputCarot: "#014481",
+    },
+};
+//# sourceMappingURL=Colors.js.map

package/build/constants/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sourceRoot":"","sources":["../../src/constants/Colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,SAAS;QAC9B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,SAAS;QAC3B,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,mBAAmB,EAAE,SAAS;QAC9B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,SAAS;QAC3B,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC","sourcesContent":["export const Colors = {\n  light: {\n    button: \"#16c8bf\",\n    buttonText: \"#014481\",\n    formFieldBackground: \"#f8f4f4\",\n    formFieldErrorBorder: \"#fc5c65\",\n    iconColor: \"#6e6969\",\n    iconError: \"#fc5c65\",\n    placeholderColor: \"#6e6969\",\n    placeholderError: \"#fc5c65\",\n    textInput: \"#6e6969\",\n    textInputCarot: \"#014481\",\n  },\n  dark: {\n    button: \"#16c8bf\",\n    buttonText: \"#014481\",\n    formFieldBackground: \"#242526\",\n    formFieldErrorBorder: \"#fc5c65\",\n    iconColor: \"#e5e5e5\",\n    iconError: \"#fc5c65\",\n    placeholderColor: \"#6e6969\",\n    placeholderError: \"#fc5c65\",\n    textInput: \"#e5e5e5\",\n    textInputCarot: \"#014481\",\n  },\n};\n"]}

package/build/constants/Styles.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    text: {
+        flex: number;
+        fontSize: number;
+        fontFamily: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=Styles.d.ts.map

package/build/constants/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../src/constants/Styles.ts"],"names":[],"mappings":";;;;;;;AAEA,wBAME"}

package/build/constants/Styles.js

@@ -0,0 +1,9 @@
+import { Platform } from "react-native";
+export default {
+    text: {
+        flex: 1,
+        fontSize: 18,
+        fontFamily: Platform.OS === "android" ? "Roboto" : "Avenir",
+    },
+};
+//# sourceMappingURL=Styles.js.map

package/build/constants/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sourceRoot":"","sources":["../../src/constants/Styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,eAAe;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;KAC5D;CACF,CAAC","sourcesContent":["import { Platform } from \"react-native\";\n\nexport default {\n  text: {\n    flex: 1,\n    fontSize: 18,\n    fontFamily: Platform.OS === \"android\" ? \"Roboto\" : \"Avenir\",\n  },\n};\n"]}

package/build/context/FormContext.d.ts

@@ -0,0 +1,22 @@
+type FormValues = Record<string, any>;
+type FormErrors = Record<string, string | undefined>;
+type FormTouched = Record<string, boolean>;
+interface FormContextType {
+    errors: FormErrors;
+    isSubmitting: boolean;
+    touched: FormTouched;
+    values: FormValues;
+    handleSubmit: () => Promise<any>;
+    resetForm: () => void;
+    setFieldValue: (field: string, value: any) => void;
+    setFieldTouched: (field: string, touched?: boolean) => void;
+    setFieldError: (field: string, error: string | undefined) => void;
+}
+export declare const useFormContext: () => FormContextType;
+export default function FormProvider({ children, initialValues, onSubmit, }: {
+    children: React.ReactNode;
+    initialValues?: FormValues;
+    onSubmit?: () => any;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FormContext.d.ts.map

package/build/context/FormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../src/context/FormContext.tsx"],"names":[],"mappings":"AAKA,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACtC,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AACrD,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3C,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,YAAY,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACnE;AAID,eAAO,MAAM,cAAc,uBAM1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,aAAkB,EAClB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;CACtB,+BAqEA"}

package/build/context/FormContext.js

@@ -0,0 +1,63 @@
+import { createContext, useContext, useState } from "react";
+import { tokenizeCard } from "../ExpoOpenpayModule";
+import { unformat } from "../utility/formatting";
+const FormContext = createContext(undefined);
+export const useFormContext = () => {
+    const context = useContext(FormContext);
+    if (!context) {
+        throw new Error("useFormContext must be used within a FormProvider");
+    }
+    return context;
+};
+export default function FormProvider({ children, initialValues = {}, onSubmit, }) {
+    const [values, setValues] = useState(initialValues);
+    const [errors, setErrors] = useState({});
+    const [touched, setTouched] = useState({});
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const handleSubmit = async () => {
+        try {
+            setIsSubmitting(true);
+            if (onSubmit)
+                onSubmit();
+            if (values["exp"]) {
+                values["expMonth"] = values["exp"].slice(0, 2);
+                values["expYear"] = values["exp"].slice(3);
+            }
+            await tokenizeCard(unformat(values["cardNumber"]), values["cardHolderName"], values["expYear"], values["expMonth"], values["cvc"]);
+            resetForm();
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                console.error("Error during submission:", e.message);
+            }
+            else {
+                console.error("Unknown error during submission", e);
+            }
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const resetForm = () => {
+        setValues({});
+        setErrors({});
+        setTouched({});
+    };
+    const setFieldValue = (field, value) => setValues((prev) => ({ ...prev, [field]: value }));
+    const setFieldTouched = (field, isTouched = true) => setTouched((prev) => ({ ...prev, [field]: isTouched }));
+    const setFieldError = (field, error) => setErrors((prev) => ({ ...prev, [field]: error }));
+    return (<FormContext.Provider value={{
+            errors,
+            isSubmitting,
+            touched,
+            values,
+            handleSubmit,
+            resetForm,
+            setFieldValue,
+            setFieldTouched,
+            setFieldError,
+        }}>
+      {children}
+    </FormContext.Provider>);
+}
+//# sourceMappingURL=FormContext.js.map

package/build/context/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../src/context/FormContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useState } from \"react\";\n\nimport { tokenizeCard } from \"../ExpoOpenpayModule\";\nimport { unformat } from \"../utility/formatting\";\n\ntype FormValues = Record<string, any>;\ntype FormErrors = Record<string, string | undefined>;\ntype FormTouched = Record<string, boolean>;\n\ninterface FormContextType {\n  errors: FormErrors;\n  isSubmitting: boolean;\n  touched: FormTouched;\n  values: FormValues;\n  handleSubmit: () => Promise<any>;\n  resetForm: () => void;\n  setFieldValue: (field: string, value: any) => void;\n  setFieldTouched: (field: string, touched?: boolean) => void;\n  setFieldError: (field: string, error: string | undefined) => void;\n}\n\nconst FormContext = createContext<FormContextType | undefined>(undefined);\n\nexport const useFormContext = () => {\n  const context = useContext(FormContext);\n  if (!context) {\n    throw new Error(\"useFormContext must be used within a FormProvider\");\n  }\n  return context;\n};\n\nexport default function FormProvider({\n  children,\n  initialValues = {},\n  onSubmit,\n}: {\n  children: React.ReactNode;\n  initialValues?: FormValues;\n  onSubmit?: () => any;\n}) {\n  const [values, setValues] = useState<FormValues>(initialValues);\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [touched, setTouched] = useState<FormTouched>({});\n  const [isSubmitting, setIsSubmitting] = useState<boolean>(false);\n\n  const handleSubmit = async (): Promise<any> => {\n    try {\n      setIsSubmitting(true);\n\n      if (onSubmit) onSubmit();\n\n      if (values[\"exp\"]) {\n        values[\"expMonth\"] = values[\"exp\"].slice(0, 2);\n        values[\"expYear\"] = values[\"exp\"].slice(3);\n      }\n\n      await tokenizeCard(\n        unformat(values[\"cardNumber\"]),\n        values[\"cardHolderName\"],\n        values[\"expYear\"],\n        values[\"expMonth\"],\n        values[\"cvc\"]\n      );\n\n      resetForm();\n    } catch (e) {\n      if (e instanceof Error) {\n        console.error(\"Error during submission:\", e.message);\n      } else {\n        console.error(\"Unknown error during submission\", e);\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const resetForm = () => {\n    setValues({});\n    setErrors({});\n    setTouched({});\n  };\n\n  const setFieldValue = (field: string, value: any) =>\n    setValues((prev) => ({ ...prev, [field]: value }));\n\n  const setFieldTouched = (field: string, isTouched: boolean = true) =>\n    setTouched((prev) => ({ ...prev, [field]: isTouched }));\n\n  const setFieldError = (field: string, error: string | undefined) =>\n    setErrors((prev) => ({ ...prev, [field]: error }));\n\n  return (\n    <FormContext.Provider\n      value={{\n        errors,\n        isSubmitting,\n        touched,\n        values,\n        handleSubmit,\n        resetForm,\n        setFieldValue,\n        setFieldTouched,\n        setFieldError,\n      }}\n    >\n      {children}\n    </FormContext.Provider>\n  );\n}\n"]}

package/build/context/FormThemeContext.d.ts

@@ -0,0 +1,20 @@
+export interface FormThemeColors {
+    button: string;
+    buttonText: string;
+    formFieldBackground: string;
+    formFieldErrorBorder: string;
+    iconColor: string;
+    iconError: string;
+    placeholderColor: string;
+    placeholderError: string;
+    textInput: string;
+    textInputCarot: string;
+}
+export declare const useFormThemeContext: () => FormThemeColors;
+export default function FormThemeProvider({ children, dark, light, }: {
+    children: React.ReactNode;
+    colorScheme: "light" | "dark";
+    dark?: FormThemeColors;
+    light?: FormThemeColors;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FormThemeContext.d.ts.map

package/build/context/FormThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/FormThemeContext.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,mBAAmB,uBAQ/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,IAAI,EACJ,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,+BAeA"}

package/build/context/FormThemeContext.js

@@ -0,0 +1,21 @@
+import { createContext, useContext, useMemo } from "react";
+import { useColorScheme } from "react-native";
+import { Colors } from "../constants/Colors";
+const FormThemeContext = createContext(undefined);
+export const useFormThemeContext = () => {
+    const context = useContext(FormThemeContext);
+    if (!context) {
+        throw new Error("useFormThemeContext must be used within a FormThemeProvider");
+    }
+    return context;
+};
+export default function FormThemeProvider({ children, dark, light, }) {
+    const mergedDark = useMemo(() => ({ ...Colors.dark, ...dark }), [dark]);
+    const mergedLight = useMemo(() => ({ ...Colors.light, ...light }), [light]);
+    const colorScheme = useColorScheme();
+    const colorTheme = useMemo(() => (colorScheme === "dark" ? mergedDark : mergedLight), [colorScheme, mergedDark, mergedLight]);
+    return (<FormThemeContext.Provider value={colorTheme}>
+      {children}
+    </FormThemeContext.Provider>);
+}
+//# sourceMappingURL=FormThemeContext.js.map

package/build/context/FormThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormThemeContext.js","sourceRoot":"","sources":["../../src/context/FormThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAe7C,MAAM,gBAAgB,GAAG,aAAa,CAA8B,SAAS,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,IAAI,EACJ,KAAK,GAMN;IACC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EACzD,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAC3C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACJ,CAAC","sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport { useColorScheme } from \"react-native\";\n\nimport { Colors } from \"../constants/Colors\";\n\nexport interface FormThemeColors {\n  button: string;\n  buttonText: string;\n  formFieldBackground: string;\n  formFieldErrorBorder: string;\n  iconColor: string;\n  iconError: string;\n  placeholderColor: string;\n  placeholderError: string;\n  textInput: string;\n  textInputCarot: string;\n}\n\nconst FormThemeContext = createContext<FormThemeColors | undefined>(undefined);\n\nexport const useFormThemeContext = () => {\n  const context = useContext(FormThemeContext);\n  if (!context) {\n    throw new Error(\n      \"useFormThemeContext must be used within a FormThemeProvider\"\n    );\n  }\n  return context;\n};\n\nexport default function FormThemeProvider({\n  children,\n  dark,\n  light,\n}: {\n  children: React.ReactNode;\n  colorScheme: \"light\" | \"dark\";\n  dark?: FormThemeColors;\n  light?: FormThemeColors;\n}) {\n  const mergedDark = useMemo(() => ({ ...Colors.dark, ...dark }), [dark]);\n  const mergedLight = useMemo(() => ({ ...Colors.light, ...light }), [light]);\n\n  const colorScheme = useColorScheme();\n  const colorTheme = useMemo(\n    () => (colorScheme === \"dark\" ? mergedDark : mergedLight),\n    [colorScheme, mergedDark, mergedLight]\n  );\n\n  return (\n    <FormThemeContext.Provider value={colorTheme}>\n      {children}\n    </FormThemeContext.Provider>\n  );\n}\n"]}

package/build/context/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FormProvider } from "./FormContext";
+export { default as FormThemeProvider } from "./FormThemeContext";
+export { FormThemeColors } from "./FormThemeContext";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/build/context/index.js

@@ -0,0 +1,3 @@
+export { default as FormProvider } from "./FormContext";
+export { default as FormThemeProvider } from "./FormThemeContext";
+//# sourceMappingURL=index.js.map

package/build/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default as FormProvider } from \"./FormContext\";\nexport { default as FormThemeProvider } from \"./FormThemeContext\";\nexport { FormThemeColors } from \"./FormThemeContext\";\n"]}

package/build/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from "./ExpoOpenpayModule";
+export { default as ExpoOpenpayView } from "./ExpoOpenpayView";
+export * from "./ExpoOpenpayModule";
+export * from "./components";
+export * from "./ExpoOpenpay.types";
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/build/index.js

@@ -0,0 +1,18 @@
+// Runtime check for react-native-svg
+try {
+    require("react-native-svg");
+}
+catch (e) {
+    throw new Error("expo-openpay requires react-native-svg. Please install it:\n" +
+        "  yarn add react-native-svg\n" +
+        "or\n" +
+        "  npm install react-native-svg");
+}
+// Reexport the native module. On web, it will be resolved to ExpoOpenpayModule.web.ts
+// and on native platforms to ExpoOpenpayModule.ts
+export { default } from "./ExpoOpenpayModule";
+export { default as ExpoOpenpayView } from "./ExpoOpenpayView";
+export * from "./ExpoOpenpayModule";
+export * from "./components";
+export * from "./ExpoOpenpay.types";
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,IAAI,CAAC;IACH,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAC9B,CAAC;AAAC,OAAO,CAAC,EAAE,CAAC;IACX,MAAM,IAAI,KAAK,CACb,8DAA8D;QAC5D,+BAA+B;QAC/B,MAAM;QACN,gCAAgC,CACnC,CAAC;AACJ,CAAC;AAED,sFAAsF;AACtF,kDAAkD;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC","sourcesContent":["// Runtime check for react-native-svg\ntry {\n  require(\"react-native-svg\");\n} catch (e) {\n  throw new Error(\n    \"expo-openpay requires react-native-svg. Please install it:\\n\" +\n      \"  yarn add react-native-svg\\n\" +\n      \"or\\n\" +\n      \"  npm install react-native-svg\"\n  );\n}\n\n// Reexport the native module. On web, it will be resolved to ExpoOpenpayModule.web.ts\n// and on native platforms to ExpoOpenpayModule.ts\nexport { default } from \"./ExpoOpenpayModule\";\nexport { default as ExpoOpenpayView } from \"./ExpoOpenpayView\";\nexport * from \"./ExpoOpenpayModule\";\nexport * from \"./components\";\nexport * from \"./ExpoOpenpay.types\";\n"]}

package/build/utility/cardBranding.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cardBranding.d.ts.map

package/build/utility/cardBranding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardBranding.d.ts","sourceRoot":"","sources":["../../src/utility/cardBranding.ts"],"names":[],"mappings":""}

package/build/utility/cardBranding.js

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

package/build/utility/cardBranding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardBranding.js","sourceRoot":"","sources":["../../src/utility/cardBranding.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/build/utility/formatting.d.ts

@@ -0,0 +1,4 @@
+export declare const formatCreditCardNumber: (value: string) => string;
+export declare const formatExp: (value: string) => string;
+export declare const unformat: (formattedText: string) => string;
+//# sourceMappingURL=formatting.d.ts.map

package/build/utility/formatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../src/utility/formatting.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,MAQtD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,MAQzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,MAAM,KAAG,MAEhD,CAAC"}