expo-openpay 0.1.0

package/build/components/OPCardNumberInput.js

@@ -0,0 +1,60 @@
+import { useState } from "react";
+import { FormField } from "./forms";
+function getCardBrandIcon(cardType) {
+    switch (cardType) {
+        case "visa":
+            return { type: "png", name: "visa" };
+        case "mastercard":
+            return { type: "png", name: "mc" };
+        case "amex":
+            return { type: "png", name: "amex" };
+        case "discover":
+            return { type: "png", name: "discover" };
+        default:
+            return { type: "material", name: "credit-card" };
+    }
+}
+function detectCardBrand(cardNumber) {
+    const sanitized = cardNumber.replace(/\s+/g, "");
+    if (/^4\d{0,15}$/.test(sanitized))
+        return "visa";
+    if (/^(5[1-5]|2[2-7])\d{0,14}$/.test(sanitized))
+        return "mastercard";
+    if (/^3[47]\d{0,13}$/.test(sanitized))
+        return "amex";
+    if (/^6(?:011|5\d{2})\d{0,12}$/.test(sanitized))
+        return "discover";
+    return null;
+}
+// Luhn algorithm validator
+function validateCardNumber(value) {
+    if (!value)
+        return "Card Number is required";
+    const sanitized = value.replace(/\s+/g, "");
+    if (sanitized.length < 13 || sanitized.length > 19) {
+        return "Card Number must be 13-19 digits";
+    }
+    let sum = 0;
+    let shouldDouble = false;
+    for (let i = sanitized.length - 1; i >= 0; i--) {
+        let digit = parseInt(sanitized[i], 10);
+        if (shouldDouble) {
+            digit *= 2;
+            if (digit > 9)
+                digit -= 9;
+        }
+        sum += digit;
+        shouldDouble = !shouldDouble;
+    }
+    if (sum % 10 !== 0)
+        return "Invalid card number";
+    return undefined; // valid card
+}
+export default function OPCardNumberInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const [cardType, setCardType] = useState(null);
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="none" autoComplete="cc-number" autoCorrect={false} defaultStyling={defaultStyling} icon={getCardBrandIcon(cardType)} keyboardType="number-pad" labelStyle={labelStyle} maxLength={19} name="cardNumber" onValueChange={(text) => {
+            setCardType(detectCardBrand(text));
+        }} placeholder="Card Number" styling={{ formFieldStyle, inputStyle, textInputStyle }} validate={validateCardNumber} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPCardNumberInput.js.map

package/build/components/OPCardNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPCardNumberInput.js","sourceRoot":"","sources":["../../src/components/OPCardNumberInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { StyleProp, TextStyle, ViewStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype IconType =\n  | {\n      type: \"fa6\";\n      name:\n        | \"cc-visa\"\n        | \"cc-mastercard\"\n        | \"cc-amex\"\n        | \"cc-discover\"\n        | \"credit-card\";\n    }\n  | { type: \"material\"; name: \"credit-card\" }\n  | { type: \"png\"; name: \"amex\" | \"discover\" | \"mc\" | \"visa\" };\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nfunction getCardBrandIcon(cardType: string | null): IconType {\n  switch (cardType) {\n    case \"visa\":\n      return { type: \"png\", name: \"visa\" };\n    case \"mastercard\":\n      return { type: \"png\", name: \"mc\" };\n    case \"amex\":\n      return { type: \"png\", name: \"amex\" };\n    case \"discover\":\n      return { type: \"png\", name: \"discover\" };\n    default:\n      return { type: \"material\", name: \"credit-card\" };\n  }\n}\n\nfunction detectCardBrand(cardNumber: string): string | null {\n  const sanitized = cardNumber.replace(/\\s+/g, \"\");\n\n  if (/^4\\d{0,15}$/.test(sanitized)) return \"visa\";\n  if (/^(5[1-5]|2[2-7])\\d{0,14}$/.test(sanitized)) return \"mastercard\";\n  if (/^3[47]\\d{0,13}$/.test(sanitized)) return \"amex\";\n  if (/^6(?:011|5\\d{2})\\d{0,12}$/.test(sanitized)) return \"discover\";\n\n  return null;\n}\n\n// Luhn algorithm validator\nfunction validateCardNumber(value: string) {\n  if (!value) return \"Card Number is required\";\n\n  const sanitized = value.replace(/\\s+/g, \"\");\n  if (sanitized.length < 13 || sanitized.length > 19) {\n    return \"Card Number must be 13-19 digits\";\n  }\n\n  let sum = 0;\n  let shouldDouble = false;\n  for (let i = sanitized.length - 1; i >= 0; i--) {\n    let digit = parseInt(sanitized[i], 10);\n    if (shouldDouble) {\n      digit *= 2;\n      if (digit > 9) digit -= 9;\n    }\n    sum += digit;\n    shouldDouble = !shouldDouble;\n  }\n  if (sum % 10 !== 0) return \"Invalid card number\";\n\n  return undefined; // valid card\n}\n\nexport default function OPCardNumberInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const [cardType, setCardType] = useState<string | null>(null);\n\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"none\"\n      autoComplete=\"cc-number\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={getCardBrandIcon(cardType)}\n      keyboardType=\"number-pad\"\n      labelStyle={labelStyle}\n      maxLength={19}\n      name=\"cardNumber\"\n      onValueChange={(text) => {\n        setCardType(detectCardBrand(text));\n      }}\n      placeholder=\"Card Number\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      validate={validateCardNumber}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

package/build/components/OPCvv2Input.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextStyle } 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 OPExpYearInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPCvv2Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OPCvv2Input.d.ts","sourceRoot":"","sources":["../../src/components/OPCvv2Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/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;AAQF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BA8BlB"}

package/build/components/OPCvv2Input.js

@@ -0,0 +1,13 @@
+import { FormField } from "./forms";
+function validateCvv(value) {
+    if (!value)
+        return "CVV is required";
+    if (!/^\d{3,4}$/.test(value))
+        return "Invalid CVV";
+    return undefined;
+}
+export default function OPExpYearInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="none" autoComplete="cc-csc" autoCorrect={false} defaultStyling={defaultStyling} icon={{ type: "material", name: "lock" }} keyboardType="number-pad" labelStyle={labelStyle} maxLength={4} name="cvc" placeholder="CVC" styling={{ formFieldStyle, inputStyle, textInputStyle }} validate={validateCvv} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPCvv2Input.js.map

package/build/components/OPCvv2Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPCvv2Input.js","sourceRoot":"","sources":["../../src/components/OPCvv2Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBpC,SAAS,WAAW,CAAC,KAAa;IAChC,IAAI,CAAC,KAAK;QAAE,OAAO,iBAAiB,CAAC;IACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,aAAa,CAAC;IACnD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACI;IACjB,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,EAAE,EACnB,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,GAAG,OAAO,CAAC;IAEZ,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,MAAM,CACrB,YAAY,CAAC,QAAQ,CACrB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CACzC,YAAY,CAAC,YAAY,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,IAAI,CAAC,KAAK,CACV,WAAW,CAAC,KAAK,CACjB,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CACxD,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,UAAU,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { StyleProp, ViewStyle, TextStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nfunction validateCvv(value: string) {\n  if (!value) return \"CVV is required\";\n  if (!/^\\d{3,4}$/.test(value)) return \"Invalid CVV\";\n  return undefined;\n}\n\nexport default function OPExpYearInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"none\"\n      autoComplete=\"cc-csc\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={{ type: \"material\", name: \"lock\" }}\n      keyboardType=\"number-pad\"\n      labelStyle={labelStyle}\n      maxLength={4}\n      name=\"cvc\"\n      placeholder=\"CVC\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      validate={validateCvv}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

package/build/components/OPExpInput.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextStyle } 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 OPExpYearInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPExpInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpInput.d.ts","sourceRoot":"","sources":["../../src/components/OPExpInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/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;AAoBF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BA8BlB"}

package/build/components/OPExpInput.js

@@ -0,0 +1,22 @@
+import { FormField } from "./forms";
+function validateExpiry(value) {
+    if (!value)
+        return "Expiry is required";
+    const match = /^(\d{2})\/(\d{2})$/.exec(value);
+    if (!match)
+        return "Use MM/YY format";
+    const month = parseInt(match[1], 10);
+    const year = 2000 + parseInt(match[2], 10);
+    if (month < 1 || month > 12)
+        return "Invalid month";
+    const now = new Date();
+    const expiry = new Date(year, month);
+    if (expiry <= now)
+        return "Card expired";
+    return undefined;
+}
+export default function OPExpYearInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="none" autoComplete="cc-exp" autoCorrect={false} defaultStyling={defaultStyling} icon={{ type: "material", name: "calendar-blank" }} keyboardType="number-pad" labelStyle={labelStyle} maxLength={5} name="exp" placeholder="MM/YY" styling={{ formFieldStyle, inputStyle, textInputStyle }} validate={validateExpiry} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPExpInput.js.map

package/build/components/OPExpInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpInput.js","sourceRoot":"","sources":["../../src/components/OPExpInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBpC,SAAS,cAAc,CAAC,KAAa;IACnC,IAAI,CAAC,KAAK;QAAE,OAAO,oBAAoB,CAAC;IAExC,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK;QAAE,OAAO,kBAAkB,CAAC;IAEtC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3C,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE;QAAE,OAAO,eAAe,CAAC;IAEpD,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACrC,IAAI,MAAM,IAAI,GAAG;QAAE,OAAO,cAAc,CAAC;IAEzC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACI;IACjB,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,EAAE,EACnB,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,GAAG,OAAO,CAAC;IAEZ,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,MAAM,CACrB,YAAY,CAAC,QAAQ,CACrB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CACnD,YAAY,CAAC,YAAY,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,IAAI,CAAC,KAAK,CACV,WAAW,CAAC,OAAO,CACnB,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CACxD,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,UAAU,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { StyleProp, ViewStyle, TextStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nfunction validateExpiry(value: string) {\n  if (!value) return \"Expiry is required\";\n\n  const match = /^(\\d{2})\\/(\\d{2})$/.exec(value);\n  if (!match) return \"Use MM/YY format\";\n\n  const month = parseInt(match[1], 10);\n  const year = 2000 + parseInt(match[2], 10);\n\n  if (month < 1 || month > 12) return \"Invalid month\";\n\n  const now = new Date();\n  const expiry = new Date(year, month);\n  if (expiry <= now) return \"Card expired\";\n\n  return undefined;\n}\n\nexport default function OPExpYearInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"none\"\n      autoComplete=\"cc-exp\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={{ type: \"material\", name: \"calendar-blank\" }}\n      keyboardType=\"number-pad\"\n      labelStyle={labelStyle}\n      maxLength={5}\n      name=\"exp\"\n      placeholder=\"MM/YY\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      validate={validateExpiry}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

package/build/components/OPExpMonthInput.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextStyle } 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 OPExpMonthInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPExpMonthInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpMonthInput.d.ts","sourceRoot":"","sources":["../../src/components/OPExpMonthInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/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;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BA6BlB"}

package/build/components/OPExpMonthInput.js

@@ -0,0 +1,6 @@
+import { FormField } from "./forms";
+export default function OPExpMonthInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="none" autoComplete="cc-exp-month" autoCorrect={false} defaultStyling={defaultStyling} icon={{ type: "material", name: "calendar-blank" }} keyboardType="number-pad" labelStyle={labelStyle} maxLength={2} name="expMonth" placeholder="MM" styling={{ formFieldStyle, inputStyle, textInputStyle }} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPExpMonthInput.js.map

package/build/components/OPExpMonthInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpMonthInput.js","sourceRoot":"","sources":["../../src/components/OPExpMonthInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBpC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACI;IACjB,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,EAAE,EACnB,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,GAAG,OAAO,CAAC;IAEZ,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,MAAM,CACrB,YAAY,CAAC,cAAc,CAC3B,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CACnD,YAAY,CAAC,YAAY,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,IAAI,CAAC,UAAU,CACf,WAAW,CAAC,IAAI,CAChB,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CACxD,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,UAAU,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { StyleProp, ViewStyle, TextStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nexport default function OPExpMonthInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"none\"\n      autoComplete=\"cc-exp-month\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={{ type: \"material\", name: \"calendar-blank\" }}\n      keyboardType=\"number-pad\"\n      labelStyle={labelStyle}\n      maxLength={2}\n      name=\"expMonth\"\n      placeholder=\"MM\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

package/build/components/OPExpYearInput.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextStyle } 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 OPExpYearInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPExpYearInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpYearInput.d.ts","sourceRoot":"","sources":["../../src/components/OPExpYearInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/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;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BA6BlB"}

package/build/components/OPExpYearInput.js

@@ -0,0 +1,6 @@
+import { FormField } from "./forms";
+export default function OPExpYearInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="none" autoComplete="cc-exp-year" autoCorrect={false} defaultStyling={defaultStyling} icon={{ type: "material", name: "calendar-blank" }} keyboardType="number-pad" labelStyle={labelStyle} maxLength={2} name="expYear" placeholder="YY" styling={{ formFieldStyle, inputStyle, textInputStyle }} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPExpYearInput.js.map

package/build/components/OPExpYearInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPExpYearInput.js","sourceRoot":"","sources":["../../src/components/OPExpYearInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACI;IACjB,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,EAAE,EACnB,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,GAAG,OAAO,CAAC;IAEZ,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,MAAM,CACrB,YAAY,CAAC,aAAa,CAC1B,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CACnD,YAAY,CAAC,YAAY,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,IAAI,CAAC,SAAS,CACd,WAAW,CAAC,IAAI,CAChB,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CACxD,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,UAAU,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { StyleProp, ViewStyle, TextStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nexport default function OPExpYearInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"none\"\n      autoComplete=\"cc-exp-year\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={{ type: \"material\", name: \"calendar-blank\" }}\n      keyboardType=\"number-pad\"\n      labelStyle={labelStyle}\n      maxLength={2}\n      name=\"expYear\"\n      placeholder=\"YY\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

package/build/components/OPHolderNameInput.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextStyle } 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 OPHolderNameInput({ options, withAnimatedText, withIcon, withLabel, withPlaceholder, ...otherProps }: CardInputOptions): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OPHolderNameInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OPHolderNameInput.d.ts","sourceRoot":"","sources":["../../src/components/OPHolderNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/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;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,OAAY,EACZ,gBAAuB,EACvB,QAAe,EACf,SAAiB,EACjB,eAAsB,EACtB,GAAG,UAAU,EACd,EAAE,gBAAgB,+BA2BlB"}

package/build/components/OPHolderNameInput.js

@@ -0,0 +1,6 @@
+import { FormField } from "./forms";
+export default function OPHolderNameInput({ options = {}, withAnimatedText = true, withIcon = true, withLabel = false, withPlaceholder = true, ...otherProps }) {
+    const { defaultStyling = true, formFieldStyle = {}, inputStyle = {}, labelStyle = {}, textInputStyle = {}, } = options;
+    return (<FormField autoCapitalize="words" autoComplete="cc-name" autoCorrect={false} defaultStyling={defaultStyling} icon={{ type: "material", name: "account" }} labelStyle={labelStyle} name="cardHolderName" placeholder="Cardholder Name" styling={{ formFieldStyle, inputStyle, textInputStyle }} withAnimatedText={withAnimatedText} withIcon={withIcon} withLabel={withLabel} withPlaceholder={withPlaceholder} {...otherProps}/>);
+}
+//# sourceMappingURL=OPHolderNameInput.js.map

package/build/components/OPHolderNameInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OPHolderNameInput.js","sourceRoot":"","sources":["../../src/components/OPHolderNameInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBpC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACI;IACjB,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,EAAE,EACnB,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,GAAG,OAAO,CAAC;IAEZ,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,OAAO,CACtB,YAAY,CAAC,SAAS,CACtB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAC5C,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,gBAAgB,CACrB,WAAW,CAAC,iBAAiB,CAC7B,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CACxD,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,UAAU,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { StyleProp, ViewStyle, TextStyle } from \"react-native\";\n\nimport { FormField } from \"./forms\";\n\ntype CardInputOptions = {\n  options?: {\n    formFieldStyle?: StyleProp<ViewStyle>;\n    defaultStyling?: boolean;\n    inputStyle?: StyleProp<TextStyle>;\n    labelStyle?: StyleProp<TextStyle>;\n    textInputStyle?: StyleProp<TextStyle>;\n  };\n  withAnimatedText?: boolean;\n  withIcon?: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nexport default function OPHolderNameInput({\n  options = {},\n  withAnimatedText = true,\n  withIcon = true,\n  withLabel = false,\n  withPlaceholder = true,\n  ...otherProps\n}: CardInputOptions) {\n  const {\n    defaultStyling = true,\n    formFieldStyle = {},\n    inputStyle = {},\n    labelStyle = {},\n    textInputStyle = {},\n  } = options;\n\n  return (\n    <FormField\n      autoCapitalize=\"words\"\n      autoComplete=\"cc-name\"\n      autoCorrect={false}\n      defaultStyling={defaultStyling}\n      icon={{ type: \"material\", name: \"account\" }}\n      labelStyle={labelStyle}\n      name=\"cardHolderName\"\n      placeholder=\"Cardholder Name\"\n      styling={{ formFieldStyle, inputStyle, textInputStyle }}\n      withAnimatedText={withAnimatedText}\n      withIcon={withIcon}\n      withLabel={withLabel}\n      withPlaceholder={withPlaceholder}\n      {...otherProps}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+type ErrorMessageProps = {
+    error?: string;
+    visible: boolean;
+};
+declare function ErrorMessage({ error, visible }: ErrorMessageProps): React.ReactNode;
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAG5E;AAMD,eAAe,YAAY,CAAC"}

package/build/components/forms/ErrorMessage.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from "react-native";
+import Text from "./Text";
+function ErrorMessage({ error, visible }) {
+    if (!visible || !error)
+        return null;
+    return <Text style={styles.error}>{error}</Text>;
+}
+const styles = StyleSheet.create({
+    error: { color: "red", fontSize: 18, marginTop: 4, marginLeft: 10 },
+});
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/forms/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAqB;IACzD,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;CACpE,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC","sourcesContent":["import { StyleSheet } from \"react-native\";\n\nimport Text from \"./Text\";\n\ntype ErrorMessageProps = {\n  error?: string;\n  visible: boolean;\n};\n\nfunction ErrorMessage({ error, visible }: ErrorMessageProps): React.ReactNode {\n  if (!visible || !error) return null;\n  return <Text style={styles.error}>{error}</Text>;\n}\n\nconst styles = StyleSheet.create({\n  error: { color: \"red\", fontSize: 18, marginTop: 4, marginLeft: 10 },\n});\n\nexport default ErrorMessage;\n"]}

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

@@ -0,0 +1,34 @@
+import { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import { FontAwesome6, MaterialCommunityIcons } from "@expo/vector-icons";
+type StylingProps = {
+    formFieldStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<ViewStyle>;
+    textInputStyle?: StyleProp<TextStyle>;
+};
+type AppFormFieldProps = TextInputProps & {
+    customStyles?: StyleProp<ViewStyle>;
+    defaultStyling?: boolean;
+    icon?: {
+        type: "material";
+        name: keyof typeof MaterialCommunityIcons.glyphMap;
+    } | {
+        type: "fa6";
+        name: keyof typeof FontAwesome6.glyphMap;
+    } | {
+        type: "png";
+        name: "amex" | "discover" | "mc" | "visa";
+    };
+    name: string;
+    placeholder?: string;
+    styling?: StylingProps;
+    labelStyle?: StyleProp<TextStyle>;
+    onValueChange?: (value: string) => void;
+    validate?: (value: string) => string | undefined;
+    withAnimatedText: boolean;
+    withIcon: boolean;
+    withLabel?: boolean;
+    withPlaceholder?: boolean;
+};
+export default function AppFormField({ defaultStyling, name, labelStyle, placeholder, validate, withLabel, ...otherProps }: AppFormFieldProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAM1E,KAAK,YAAY,GAAG;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EACD;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,IAAI,EAAE,MAAM,OAAO,sBAAsB,CAAC,QAAQ,CAAA;KAAE,GACxE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC,QAAQ,CAAA;KAAE,GACzD;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACjD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,IAAI,EACJ,UAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAiB,EACjB,GAAG,UAAU,EACd,EAAE,iBAAiB,+BA4CnB"}

package/build/components/forms/FormField.js

@@ -0,0 +1,33 @@
+import { StyleSheet, Text, } from "react-native";
+import TextInput from "./TextInput";
+import { formatCreditCardNumber, formatExp } from "../../utility/formatting";
+import { useFormContext } from "../../context/FormContext";
+export default function AppFormField({ defaultStyling, name, labelStyle = {}, placeholder, validate, withLabel = false, ...otherProps }) {
+    const { errors, setFieldTouched, setFieldValue, setFieldError, touched, values, } = useFormContext();
+    const hasError = !!touched[name] && !!errors[name];
+    return (<>
+      {withLabel && (<Text style={defaultStyling ? [styles.label, labelStyle] : labelStyle}>
+          {placeholder}
+        </Text>)}
+      <TextInput defaultStyling={defaultStyling} onBlur={() => {
+            setFieldTouched(name);
+            if (validate) {
+                const errorMessage = validate(values[name]);
+                setFieldError(name, errorMessage);
+            }
+        }} onChangeText={(text) => {
+            if (name === "cardNumber")
+                text = formatCreditCardNumber(text);
+            if (name === "exp")
+                text = formatExp(text);
+            setFieldValue(name, text);
+            if (otherProps.onValueChange) {
+                otherProps.onValueChange(text);
+            }
+        }} hasError={hasError} errorText={errors[name]} placeholder={hasError ? errors[name] : placeholder} value={values[name]} {...otherProps}/>
+    </>);
+}
+const styles = StyleSheet.create({
+    label: { fontSize: 18, fontWeight: "500", marginTop: 12, paddingLeft: 6 },
+});
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,IAAI,GAIL,MAAM,cAAc,CAAC;AAGtB,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AA2B3D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,IAAI,EACJ,UAAU,GAAG,EAAE,EACf,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACK;IAClB,MAAM,EACJ,MAAM,EACN,eAAe,EACf,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,GACP,GAAG,cAAc,EAAE,CAAC;IACrB,MAAM,QAAQ,GAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,EACE;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CACpE;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,SAAS,CACR,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,MAAM,CAAC,CAAC,GAAG,EAAE;YACX,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC5C,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC,CACF,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI,KAAK,YAAY;gBAAE,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,IAAI,KAAK,KAAK;gBAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3C,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAE1B,IAAI,UAAU,CAAC,aAAa,EAAE,CAAC;gBAC7B,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CACF,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CACxB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CACnD,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CACpB,IAAI,UAAU,CAAC,EAEnB;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;CAC1E,CAAC,CAAC","sourcesContent":["import {\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextInputProps,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { FontAwesome6, MaterialCommunityIcons } from \"@expo/vector-icons\";\n\nimport TextInput from \"./TextInput\";\nimport { formatCreditCardNumber, formatExp } from \"../../utility/formatting\";\nimport { useFormContext } from \"../../context/FormContext\";\n\ntype StylingProps = {\n  formFieldStyle?: StyleProp<ViewStyle>;\n  inputStyle?: StyleProp<ViewStyle>;\n  textInputStyle?: StyleProp<TextStyle>;\n};\n\ntype AppFormFieldProps = TextInputProps & {\n  customStyles?: StyleProp<ViewStyle>;\n  defaultStyling?: boolean;\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  name: string;\n  placeholder?: string;\n  styling?: StylingProps;\n  labelStyle?: StyleProp<TextStyle>;\n  onValueChange?: (value: string) => void;\n  validate?: (value: string) => string | undefined;\n  withAnimatedText: boolean;\n  withIcon: boolean;\n  withLabel?: boolean;\n  withPlaceholder?: boolean;\n};\n\nexport default function AppFormField({\n  defaultStyling,\n  name,\n  labelStyle = {},\n  placeholder,\n  validate,\n  withLabel = false,\n  ...otherProps\n}: AppFormFieldProps) {\n  const {\n    errors,\n    setFieldTouched,\n    setFieldValue,\n    setFieldError,\n    touched,\n    values,\n  } = useFormContext();\n  const hasError: boolean = !!touched[name] && !!errors[name];\n\n  return (\n    <>\n      {withLabel && (\n        <Text style={defaultStyling ? [styles.label, labelStyle] : labelStyle}>\n          {placeholder}\n        </Text>\n      )}\n      <TextInput\n        defaultStyling={defaultStyling}\n        onBlur={() => {\n          setFieldTouched(name);\n          if (validate) {\n            const errorMessage = validate(values[name]);\n            setFieldError(name, errorMessage);\n          }\n        }}\n        onChangeText={(text) => {\n          if (name === \"cardNumber\") text = formatCreditCardNumber(text);\n          if (name === \"exp\") text = formatExp(text);\n          setFieldValue(name, text);\n\n          if (otherProps.onValueChange) {\n            otherProps.onValueChange(text);\n          }\n        }}\n        hasError={hasError}\n        errorText={errors[name]}\n        placeholder={hasError ? errors[name] : placeholder}\n        value={values[name]}\n        {...otherProps}\n      />\n    </>\n  );\n}\n\nconst styles = StyleSheet.create({\n  label: { fontSize: 18, fontWeight: \"500\", marginTop: 12, paddingLeft: 6 },\n});\n"]}

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

@@ -0,0 +1,11 @@
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+type SubmitButtonProps = {
+    buttonStyle?: StyleProp<ViewStyle>;
+    buttonTextStyle?: StyleProp<TextStyle>;
+    defaultStyling?: boolean;
+    onPress?: () => void;
+    title?: string;
+};
+export default function SubmitButton({ buttonStyle, buttonTextStyle, defaultStyling, onPress, title, }: SubmitButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SubmitButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,KAAK,iBAAiB,GAAG;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAgB,EAChB,eAAoB,EACpB,cAAc,EACd,OAAO,EACP,KAAgB,GACjB,EAAE,iBAAiB,+BA+BnB"}

package/build/components/forms/SubmitButton.js

@@ -0,0 +1,45 @@
+import { StyleSheet, Text, TouchableOpacity, } from "react-native";
+import { useFormContext } from "../../context/FormContext";
+import { useFormThemeContext } from "../../context/FormThemeContext";
+export default function SubmitButton({ buttonStyle = {}, buttonTextStyle = {}, defaultStyling, onPress, title = "Submit", }) {
+    const { errors, handleSubmit, isSubmitting } = useFormContext();
+    const { button, buttonText } = useFormThemeContext();
+    return (<TouchableOpacity disabled={Object.values(errors).some(Boolean) || isSubmitting} style={defaultStyling
+            ? [
+                Object.values(errors).some(Boolean) || isSubmitting
+                    ? styles.buttonDisabled
+                    : styles.button,
+                { backgroundColor: button },
+                buttonStyle,
+            ]
+            : buttonStyle} onPress={onPress || handleSubmit}>
+      <Text style={defaultStyling
+            ? [styles.text, { color: buttonText }, buttonTextStyle]
+            : buttonTextStyle}>
+        {title}
+      </Text>
+    </TouchableOpacity>);
+}
+const styles = StyleSheet.create({
+    button: {
+        alignItems: "center",
+        borderRadius: 25,
+        justifyContent: "center",
+        marginVertical: 10,
+        padding: 15,
+    },
+    buttonDisabled: {
+        alignItems: "center",
+        borderRadius: 25,
+        justifyContent: "center",
+        marginVertical: 10,
+        opacity: 0.7,
+        padding: 15,
+    },
+    text: {
+        fontSize: 18,
+        textTransform: "uppercase",
+        fontWeight: "bold",
+    },
+});
+//# sourceMappingURL=SubmitButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,IAAI,EAEJ,gBAAgB,GAEjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAUrE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,GAAG,EAAE,EAChB,eAAe,GAAG,EAAE,EACpB,cAAc,EACd,OAAO,EACP,KAAK,GAAG,QAAQ,GACE;IAClB,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAChE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAErD,OAAO,CACL,CAAC,gBAAgB,CACf,QAAQ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,CAC9D,KAAK,CAAC,CACJ,cAAc;YACZ,CAAC,CAAC;gBACE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,YAAY;oBACjD,CAAC,CAAC,MAAM,CAAC,cAAc;oBACvB,CAAC,CAAC,MAAM,CAAC,MAAM;gBACjB,EAAE,eAAe,EAAE,MAAM,EAAE;gBAC3B,WAAW;aACZ;YACH,CAAC,CAAC,WACN,CAAC,CACD,OAAO,CAAC,CAAC,OAAO,IAAI,YAAY,CAAC,CAEjC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CACJ,cAAc;YACZ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,eAAe,CAAC;YACvD,CAAC,CAAC,eACN,CAAC,CAED;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,EAAE;QAClB,OAAO,EAAE,EAAE;KACZ;IACD,cAAc,EAAE;QACd,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,EAAE;QAClB,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,WAAW;QAC1B,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC","sourcesContent":["import {\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  TouchableOpacity,\n  ViewStyle,\n} from \"react-native\";\n\nimport { useFormContext } from \"../../context/FormContext\";\nimport { useFormThemeContext } from \"../../context/FormThemeContext\";\n\ntype SubmitButtonProps = {\n  buttonStyle?: StyleProp<ViewStyle>;\n  buttonTextStyle?: StyleProp<TextStyle>;\n  defaultStyling?: boolean;\n  onPress?: () => void;\n  title?: string;\n};\n\nexport default function SubmitButton({\n  buttonStyle = {},\n  buttonTextStyle = {},\n  defaultStyling,\n  onPress,\n  title = \"Submit\",\n}: SubmitButtonProps) {\n  const { errors, handleSubmit, isSubmitting } = useFormContext();\n  const { button, buttonText } = useFormThemeContext();\n\n  return (\n    <TouchableOpacity\n      disabled={Object.values(errors).some(Boolean) || isSubmitting}\n      style={\n        defaultStyling\n          ? [\n              Object.values(errors).some(Boolean) || isSubmitting\n                ? styles.buttonDisabled\n                : styles.button,\n              { backgroundColor: button },\n              buttonStyle,\n            ]\n          : buttonStyle\n      }\n      onPress={onPress || handleSubmit}\n    >\n      <Text\n        style={\n          defaultStyling\n            ? [styles.text, { color: buttonText }, buttonTextStyle]\n            : buttonTextStyle\n        }\n      >\n        {title}\n      </Text>\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: \"center\",\n    borderRadius: 25,\n    justifyContent: \"center\",\n    marginVertical: 10,\n    padding: 15,\n  },\n  buttonDisabled: {\n    alignItems: \"center\",\n    borderRadius: 25,\n    justifyContent: \"center\",\n    marginVertical: 10,\n    opacity: 0.7,\n    padding: 15,\n  },\n  text: {\n    fontSize: 18,\n    textTransform: \"uppercase\",\n    fontWeight: \"bold\",\n  },\n});\n"]}

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

@@ -0,0 +1,7 @@
+import { TextProps } from "react-native";
+type AppTextProps = TextProps & {
+    children?: React.ReactNode;
+};
+declare function AppText({ children, ...otherProps }: AppTextProps): import("react").JSX.Element;
+export default AppText;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,KAAK,YAAY,GAAG,SAAS,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,YAAY,+BAMzD;AAED,eAAe,OAAO,CAAC"}

package/build/components/forms/Text.js

@@ -0,0 +1,12 @@
+import { StyleSheet, Text } from "react-native";
+import Styles from "../../constants/Styles";
+function AppText({ children, ...otherProps }) {
+    return (<Text style={[styles.text]} {...otherProps}>
+      {children}
+    </Text>);
+}
+export default AppText;
+const styles = StyleSheet.create({
+    text: { ...Styles.text },
+});
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/forms/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC3D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAM5C,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAgB;IACxD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CACzC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC;AAEvB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE;CACzB,CAAC,CAAC","sourcesContent":["import { StyleSheet, Text, TextProps } from \"react-native\";\nimport Styles from \"../../constants/Styles\";\n\ntype AppTextProps = TextProps & {\n  children?: React.ReactNode;\n};\n\nfunction AppText({ children, ...otherProps }: AppTextProps) {\n  return (\n    <Text style={[styles.text]} {...otherProps}>\n      {children}\n    </Text>\n  );\n}\n\nexport default AppText;\n\nconst styles = StyleSheet.create({\n  text: { ...Styles.text },\n});\n"]}

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

@@ -0,0 +1,30 @@
+import { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import { FontAwesome6, MaterialCommunityIcons } from "@expo/vector-icons";
+type StylingProps = {
+    formFieldStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<ViewStyle>;
+    textInputStyle?: StyleProp<TextStyle>;
+};
+type AppTextInputProps = TextInputProps & {
+    defaultStyling?: boolean;
+    fieldName?: string;
+    icon?: {
+        type: "material";
+        name: keyof typeof MaterialCommunityIcons.glyphMap;
+    } | {
+        type: "fa6";
+        name: keyof typeof FontAwesome6.glyphMap;
+    } | {
+        type: "png";
+        name: "amex" | "discover" | "mc" | "visa";
+    };
+    hasError?: boolean;
+    errorText?: string;
+    styling?: StylingProps;
+    withAnimatedText?: boolean;
+    withIcon?: boolean;
+    withPlaceholder?: boolean;
+};
+export default function AppTextInput({ defaultStyling, fieldName, icon, onBlur, onChangeText, placeholder, hasError, errorText, styling: { formFieldStyle, inputStyle, textInputStyle }, value, withAnimatedText, withIcon, withPlaceholder, ...otherProps }: AppTextInputProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/forms/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGT,cAAc,EACd,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAM1E,KAAK,YAAY,GAAG;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EACD;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,IAAI,EAAE,MAAM,OAAO,sBAAsB,CAAC,QAAQ,CAAA;KAAE,GACxE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC,QAAQ,CAAA;KAAE,GACzD;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AASF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,SAAS,EACT,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,SAAc,EACd,OAAO,EAAE,EAAE,cAAmB,EAAE,UAAe,EAAE,cAAmB,EAAO,EAC3E,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,GAAG,UAAU,EACd,EAAE,iBAAiB,+BA8NnB"}