@stripe/stripe-react-native 0.6.0 → 0.9.0

package/src/types/Token.ts

@@ -0,0 +1,74 @@
+import type { Address } from './Common';
+
+export type CardBrand =
+  | 'AmericanExpress'
+  | 'DinersClub'
+  | 'Discover'
+  | 'JCB'
+  | 'MasterCard'
+  | 'UnionPay'
+  | 'Visa'
+  | 'Unknown';
+
+export type Type =
+  | 'Account'
+  | 'BankAccount'
+  | 'Card'
+  | 'CvcUpdate'
+  | 'Person'
+  | 'Pii';
+
+export interface Result {
+  id: string;
+  created: string;
+  type: Type;
+  used: boolean;
+  livemode: boolean;
+  card?: Card;
+  bankAccount?: BankAccount;
+}
+
+export interface BankAccount {
+  bankName: string;
+  accountHolderName: string;
+  accountHolderType: BankAcccountHolderType;
+  currency: string;
+  country: string;
+  routingNumber: string;
+  status: 'Errored' | 'New' | 'Validated' | 'VerificationFailed' | 'Verified';
+}
+
+export interface Card {
+  country: string;
+  brand: CardBrand;
+  currency?: string;
+  expMonth: number;
+  expYear: number;
+  last4: string;
+  funding: 'Credit' | 'Debit' | 'Prepaid' | 'Unknown';
+  address: Address;
+  name?: string;
+}
+
+export type CreateParams = CreateCardTokenParams | CreateBankAccountTokenParams;
+
+export type CreateCardTokenParams = {
+  type: 'Card';
+  address?: Address;
+  name?: string;
+  currency?: string;
+};
+
+export type BankAcccountHolderType = 'Company' | 'Individual';
+
+export type BankAcccountType = 'Checking' | 'Savings';
+
+export type CreateBankAccountTokenParams = {
+  type: 'BankAccount';
+  accountHolderName?: string;
+  accountHolderType?: BankAcccountHolderType;
+  accountNumber: string;
+  country: string;
+  currency: string;
+  routingNumber?: string;
+};

package/src/types/components/ApplePayButtonComponent.ts

@@ -1,31 +1,29 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 
-export namespace ApplePayButtonComponent {
-  export interface NativeProps {
-    style?: StyleProp<ViewStyle>;
-    type?: number;
-    buttonStyle?: number;
-    borderRadius?: number;
-    onPressAction(): void;
-  }
+export interface NativeProps {
+  style?: StyleProp<ViewStyle>;
+  type?: number;
+  buttonStyle?: number;
+  borderRadius?: number;
+  onPressAction(): void;
+}
 
-  export type Types =
-    | 'plain'
-    | 'buy'
-    | 'setUp'
-    | 'inStore'
-    | 'donate'
-    | 'checkout'
-    | 'book'
-    | 'subscribe'
-    | 'reload'
-    | 'addMoney'
-    | 'topUp'
-    | 'order'
-    | 'rent'
-    | 'support'
-    | 'contribute'
-    | 'tip';
+export type Type =
+  | 'plain'
+  | 'buy'
+  | 'setUp'
+  | 'inStore'
+  | 'donate'
+  | 'checkout'
+  | 'book'
+  | 'subscribe'
+  | 'reload'
+  | 'addMoney'
+  | 'topUp'
+  | 'order'
+  | 'rent'
+  | 'support'
+  | 'contribute'
+  | 'tip';
 
-  export type Styles = 'white' | 'whiteOutline' | 'black' | 'automatic';
-}
+export type Style = 'white' | 'whiteOutline' | 'black' | 'automatic';

package/src/types/components/AuBECSDebitFormComponent.ts

@@ -0,0 +1,29 @@
+import type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
+
+/**
+ * @ignore
+ */
+export interface NativeProps {
+  companyName: string;
+  style?: StyleProp<ViewStyle>;
+  formStyle: Styles;
+  onCompleteAction(value: NativeSyntheticEvent<FormDetails>): void;
+}
+
+export interface FormDetails {
+  accountNumber: string;
+  bsbNumber: string;
+  email: string;
+  name: string;
+}
+
+export interface Styles {
+  borderWidth?: number;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number;
+  textColor?: string;
+  fontSize?: number;
+  placeholderColor?: string;
+  textErrorColor?: string;
+}

package/src/types/components/CardFieldInput.ts

@@ -1,75 +1,74 @@
 import type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
-import type { Nullable } from '../';
-import type { Card } from '../Card';
+import type { CardBrand } from '../Token';
 
-export namespace CardFieldInput {
-  export type Names = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
-  export enum ValidationState {
-    Valid = 'Valid',
-    Invalid = 'Invalid',
-    Incomplete = 'Incomplete',
-    Unknown = 'Unknown',
-  }
+export type FieldName = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
 
-  export interface Details {
-    last4: string;
-    expiryMonth: number;
-    expiryYear: number;
-    postalCode?: string;
-    brand: Card.Brand;
-    complete: boolean;
-    validExpiryDate: ValidationState;
-    validCVC: ValidationState;
-    validNumber: ValidationState;
-    /**
-     * WARNING: Full card details are only returned when the `dangerouslyGetFullCardDetails` prop
-     * on the `CardField` component is set to `true`.
-     * Only do this if you're certain that you fulfill the necessary PCI compliance requirements.
-     * Make sure that you're not mistakenly logging or storing full card details!
-     * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
-     */
-    number?: string;
-  }
-
-  export interface Styles {
-    borderWidth?: number;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderRadius?: number;
-    textColor?: string;
-    fontSize?: number;
-    placeholderColor?: string;
-    cursorColor?: string;
-    textErrorColor?: string;
-    fontFamily?: string;
-  }
-
-  export interface Placeholders {
-    number?: string;
-    expiration?: string;
-    cvc?: string;
-    postalCode?: string;
-  }
+export enum ValidationState {
+  Valid = 'Valid',
+  Invalid = 'Invalid',
+  Incomplete = 'Incomplete',
+  Unknown = 'Unknown',
+}
 
+export interface Details {
+  last4: string;
+  expiryMonth: number;
+  expiryYear: number;
+  postalCode?: string;
+  brand: CardBrand;
+  complete: boolean;
+  validExpiryDate: ValidationState;
+  validCVC: ValidationState;
+  validNumber: ValidationState;
   /**
-   * @ignore
+   * WARNING: Full card details are only returned when the `dangerouslyGetFullCardDetails` prop
+   * on the `CardField` component is set to `true`.
+   * Only do this if you're certain that you fulfill the necessary PCI compliance requirements.
+   * Make sure that you're not mistakenly logging or storing full card details!
+   * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
    */
-  export interface NativeProps {
-    style?: StyleProp<ViewStyle>;
-    value?: Partial<Details>;
-    postalCodeEnabled?: boolean;
-    autofocus?: boolean;
-    onCardChange(event: NativeSyntheticEvent<Details>): void;
-    onFocusChange(
-      event: NativeSyntheticEvent<{ focusedField: Nullable<Names> }>
-    ): void;
-    cardStyle?: Styles;
-    placeholder?: Placeholders;
-  }
+  number?: string;
+  cvc?: string;
+}
+
+export interface Styles {
+  borderWidth?: number;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number;
+  textColor?: string;
+  fontSize?: number;
+  placeholderColor?: string;
+  cursorColor?: string;
+  textErrorColor?: string;
+  fontFamily?: string;
+}
+
+export interface Placeholders {
+  number?: string;
+  expiration?: string;
+  cvc?: string;
+  postalCode?: string;
+}
+
+/**
+ * @ignore
+ */
+export interface NativeProps {
+  style?: StyleProp<ViewStyle>;
+  value?: Partial<Details>;
+  postalCodeEnabled?: boolean;
+  autofocus?: boolean;
+  onCardChange(event: NativeSyntheticEvent<Details>): void;
+  onFocusChange(
+    event: NativeSyntheticEvent<{ focusedField: FieldName | null }>
+  ): void;
+  cardStyle?: Styles;
+  placeholders?: Placeholders;
+}
 
-  export interface Methods {
-    focus(): void;
-    blur(): void;
-    clear(): void;
-  }
+export interface Methods {
+  focus(): void;
+  blur(): void;
+  clear(): void;
 }

package/src/types/components/CardFormView.ts

@@ -1,59 +1,67 @@
 import type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
-import type { Nullable } from '..';
-import type { Card } from '../Card';
+import type { CardBrand } from '../Token';
 
-export namespace CardFormView {
-  export type Names = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
+export type FieldName = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
 
-  export interface Details {
-    last4: string;
-    expiryMonth: number;
-    expiryYear: number;
-    postalCode?: string;
-    brand: Card.Brand;
-    complete: boolean;
-    country: string;
-    /**
-     * WARNING: Full card details are only returned when the `dangerouslyGetFullCardDetails` prop
-     * on the `CardField` component is set to `true`.
-     * Only do this if you're certain that you fulfill the necessary PCI compliance requirements.
-     * Make sure that you're not mistakenly logging or storing full card details!
-     * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
-     */
-    number?: string;
-  }
+export interface Details {
+  last4: string;
+  expiryMonth: number;
+  expiryYear: number;
+  postalCode?: string;
+  brand: CardBrand;
+  complete: boolean;
+  country: string;
+  /**
+   * WARNING: Full card details are only returned when the `dangerouslyGetFullCardDetails` prop
+   * on the `CardField` component is set to `true`.
+   * Only do this if you're certain that you fulfill the necessary PCI compliance requirements.
+   * Make sure that you're not mistakenly logging or storing full card details!
+   * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
+   */
+  number?: string;
+  cvc?: string;
+}
 
-  export interface Styles {
-    backgroundColor?: string;
-    // disabledBackgroundColor?: string;
-    // type?: 'borderless' | 'standard';
-  }
+export interface Styles {
+  backgroundColor?: string;
+  // disabledBackgroundColor?: string;
+  // type?: 'borderless' | 'standard';
+  borderWidth?: number;
+  borderColor?: string;
+  borderRadius?: number;
+  textColor?: string;
+  fontSize?: number;
+  placeholderColor?: string;
+  cursorColor?: string;
+  textErrorColor?: string;
+  fontFamily?: string;
+}
 
-  export interface Placeholders {
-    number?: string;
-    expiration?: string;
-    cvc?: string;
-    postalCode?: string;
-  }
+export interface Placeholders {
+  number?: string;
+  expiration?: string;
+  cvc?: string;
+  postalCode?: string;
+}
 
-  /**
-   * @ignore
-   */
-  export interface NativeProps {
-    style?: StyleProp<ViewStyle>;
-    autofocus?: boolean;
-    // isUserInteractionEnabledValue?: boolean;
-    cardStyle?: Styles;
-    // placeholder: Placeholders;
-    // postalCodeEnabled: boolean;
-    onFocusChange(
-      event: NativeSyntheticEvent<{ focusedField: Nullable<Names> }>
-    ): void;
-    onFormComplete(event: NativeSyntheticEvent<Details>): void;
-  }
+/**
+ * @ignore
+ */
+export interface NativeProps {
+  style?: StyleProp<ViewStyle>;
+  autofocus?: boolean;
+  // isUserInteractionEnabledValue?: boolean;
+  cardStyle?: Styles;
+  /** Android only */
+  placeholders?: Placeholders;
+  // postalCodeEnabled: boolean;
+  onFocusChange(
+    event: NativeSyntheticEvent<{ focusedField: FieldName | null }>
+  ): void;
+  onFormComplete(event: NativeSyntheticEvent<Details>): void;
+}
 
-  export interface Methods {
-    focus(): void;
-    blur(): void;
-  }
+export interface Methods {
+  focus(): void;
+  blur(): void;
 }