@sumup/react-native-checkout 0.0.0-alpha.1

package/src/types/ApplePay.ts

@@ -0,0 +1,33 @@
+export interface InitApplePayProps {
+  countryCode: string;
+  currencyCode: string;
+  merchantIdentifier: string;
+  label: string;
+  amount: number;
+}
+
+export interface PresentResponse {
+  paymentData: {
+    data: string;
+    header: {
+      ephemeralPublicKey: string;
+      publicKeyHash: string;
+      transactionId: string;
+    };
+    signature: string;
+    version: string;
+  };
+  paymentMethod: {
+    displayName: string;
+    network: string;
+    type: string;
+  };
+  transactionIdentifier: string;
+}
+
+export interface PaymentRequest {
+  payment_type: 'apple_pay';
+  apple_pay: {
+    token: PresentResponse;
+  };
+}

package/src/types/CommonSheet.ts

@@ -0,0 +1,60 @@
+export type PaymentStatus = 'default' | 'processing' | 'success' | 'failed';
+
+export interface PresentSheetResult {
+  error?: SheetError;
+}
+
+export type CheckoutStatus = 'PENDING' | 'FAILED' | 'PAID' | 'EXPIRED';
+
+export interface Checkout {
+  id: string;
+  amount: number;
+  currency: string;
+  status: CheckoutStatus;
+  purpose?: 'SETUP_RECURRING_PAYMENT' | 'CHECKOUT';
+}
+
+export interface ThreeDSecureModel {
+  url: string;
+  method: string;
+  payload: Record<string, string>;
+}
+
+export interface CardPayment {
+  name: string;
+  number: string;
+  expiryMonth: string;
+  expiryYear: string;
+  cvv: string;
+  saveCard?: boolean;
+}
+
+export interface LogEventData {
+  data?: any;
+  error?: any;
+}
+
+export type OnLogCallback = (
+  message: string,
+  event: LogEventData,
+  baseParams: Record<string, string>
+) => void;
+
+export type EmptyCallback = () => void;
+
+export type SheetError = SheetCanceledError | SheetFailureError;
+
+export interface SheetCanceledError {
+  status: 'canceled';
+}
+
+export interface SheetFailureError {
+  status: 'failure';
+  message: string;
+  errorCode?: string;
+}
+
+export interface InvalidFieldError {
+  message: string;
+  param: string;
+}

package/src/types/GooglePay.ts

@@ -0,0 +1,44 @@
+export interface InitGooglePayProps {
+  isProductionEnvironment: boolean;
+  gatewayMerchantId: string;
+  currencyCode: string;
+  amount: number;
+  merchantName: string;
+}
+
+export interface RequestData {
+  cardPaymentMethod: {
+    tokenizationSpecification: {
+      type: string;
+      gateway: string;
+      gatewayMerchantId: string;
+    };
+    allowedCardNetworks: string[];
+    allowedCardAuthMethods: string[];
+  };
+  transaction: {
+    totalPrice: string;
+    totalPriceStatus: string;
+    currencyCode: string;
+  };
+  merchantName: string;
+}
+
+export interface PresentResponse {
+  apiVersionMinor: number;
+  apiVersion: number;
+  paymentMethodData: {
+    description: string;
+    tokenizationData: {
+      type: string;
+      token: string;
+    };
+    type: string;
+    info: { cardNetwork: string; cardDetails: string };
+  };
+}
+
+export interface PaymentRequest {
+  payment_type: 'google_pay';
+  google_pay: PresentResponse;
+}

package/src/types/PaymentSheet.ts

@@ -0,0 +1,102 @@
+import { SheetError } from './CommonSheet';
+
+export interface InitPaymentApplePay {
+  /** The merchant identifier you registered with Apple for use with Apple Pay. See https://developer.apple.com/documentation/passkit/pkpaymentrequest/1619305-merchantidentifier */
+  merchantIdentifier: string;
+}
+
+export interface InitPaymentGooglePay {
+  /** Whether or not to use the Google Pay test environment.  Set to `false` until you have applied for and been granted access to the Production environment. */
+  isProductionEnvironment: boolean;
+}
+
+export interface CardDetails {
+  /** The card name can be prefilled. If you use this field, SDK will show the form with this card name. The user can modify it. */
+  cardHolderName?: string;
+  /** The initial value for the 'Save card for future usage' field. The default value is false. */
+  saveCardForFutureUsage?: boolean;
+}
+
+export interface InitPaymentSheetProps {
+  /** The identifier of the Sumup Checkout object. See https://developer.sumup.com/docs/api/checkouts/ */
+  checkoutId: string;
+  /** The identifier of the Sumup Customer object. See https://developer.sumup.com/docs/api/customers/ */
+  customerId?: string;
+  /**
+   * Language of the SDK can be hardcoded. Now only en and sv language codes are supported.
+   * If you want SDK to automatically detect user language, install react-native-localization.
+   */
+  language?: string;
+  /** defaultCardDetails field is used to prefill some details about the card. */
+  defaultCardDetails?: CardDetails;
+  /** iOS only. Enable Apple Pay in the Payment Sheet by passing an InitPaymentApplePay object. */
+  applePay?: InitPaymentApplePay;
+  /** Android only. Enable Google Pay in the Payment Sheet by passing an InitPaymentGooglePay object. */
+  googlePay?: InitPaymentGooglePay;
+}
+
+export interface InitPaymentSheetResult {
+  error?: SheetError;
+}
+
+export type CardType = 'americanExpress' | 'visa' | 'mastercard';
+
+export interface InputModel {
+  value: string;
+  errorText?: string;
+  isValid: boolean;
+  setValue: (value: string) => void;
+  setErrorText: (text: string) => void;
+  onFocus: () => void;
+  onBlur: () => void;
+  reset: () => void;
+  showErrorIfNeeded: () => void;
+}
+
+export interface CardInputModel extends InputModel {
+  cardType?: CardType;
+}
+
+export interface ExpirationDateInputModel extends InputModel {
+  month?: number;
+  year?: number;
+}
+
+export interface Card {
+  numbers: string;
+  isValid: boolean;
+  cardType?: CardType;
+}
+
+export interface ExpirationDate {
+  month?: number;
+  year?: number;
+  isValid: boolean;
+}
+
+export interface MyProfile {
+  merchantId: string;
+  merchantName: string;
+  countryCode: string;
+}
+
+export type PaymentInstrumentCardType =
+  | 'AMEX'
+  | 'CUP'
+  | 'DINERS'
+  | 'ELO'
+  | 'ELV'
+  | 'HIPERCARD'
+  | 'JCB'
+  | 'MAESTRO'
+  | 'MASTERCARD'
+  | 'VISA'
+  | 'VISA_ELECTRON'
+  | 'VISA_VPAY'
+  | 'UNKNOWN';
+
+export interface PaymentInstrument {
+  token: string;
+  lastDigits: string;
+  type: PaymentInstrumentCardType;
+}

package/src/types/Requests.ts

@@ -0,0 +1,20 @@
+export interface CardPaymentRequest {
+  payment_type: 'card';
+  card: {
+    name: string;
+    number: string;
+    expiry_month: string;
+    expiry_year: string;
+    cvv: string;
+  };
+  mandate?: {
+    type: 'recurrent';
+    user_agent: string;
+  };
+}
+
+export interface TokenPaymentRequest {
+  payment_type: 'card';
+  token: string;
+  customer_id: string;
+}

package/src/types/SaveCardSheet.ts

@@ -0,0 +1,24 @@
+import { SheetError } from './CommonSheet';
+
+export interface CardDetails {
+  /** The card name can be prefilled. If you use this field, SDK will show the form with this card name. The user can modify it. */
+  cardHolderName?: string;
+}
+
+export interface InitSaveCardSheetProps {
+  /** The identifier of the Sumup Checkout object. See https://developer.sumup.com/docs/api/checkouts/ */
+  checkoutId: string;
+  /** The identifier of the Sumup Customer object. See https://developer.sumup.com/docs/api/customers/ */
+  customerId?: string;
+  /**
+   * Language of the SDK can be hardcoded. Now only en and sv language codes are supported.
+   * If you want SDK to automatically detect user language, install react-native-localization.
+   */
+  language?: string;
+  /** defaultCardDetails field is used to prefill some details about the card. */
+  defaultCardDetails?: CardDetails;
+}
+
+export interface InitSaveCardSheetResult {
+  error?: SheetError;
+}

package/src/types/index.ts

@@ -0,0 +1,14 @@
+import * as PaymentSheet from './PaymentSheet';
+import * as SaveCardSheet from './SaveCardSheet';
+import * as CommonSheet from './CommonSheet';
+import * as ApplePay from './ApplePay';
+import * as GooglePay from './GooglePay';
+
+export interface InitSumUpProps {
+  /** Create an Public Key from the Sumup account https://developer.sumup.com/protected/api-keys/ */
+  publicKey: string;
+  /** Added for testing purposes. */
+  domain?: string;
+}
+
+export { PaymentSheet, SaveCardSheet, CommonSheet, ApplePay, GooglePay };

package/src/types/react-native-safe-area-context.d.ts

@@ -0,0 +1,16 @@
+declare module 'react-native-safe-area-context' {
+  interface SafeAreaProviderProps {
+    children: JSX.Element | JSX.Element[];
+  }
+
+  interface SafeAreaInsets {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+  }
+
+  const SafeAreaProvider: (props: SafeAreaProviderProps) => JSX.Element;
+
+  const useSafeAreaInsets: () => SafeAreaInsets;
+}

package/sumup-react-native.podspec

@@ -0,0 +1,35 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "sumup-react-native"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "11.0" }
+  s.source       = { :git => "https://github.com/kyvinept/sumup-react-native.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+
+  # Don't install the dependencies when we run `pod install` in the old architecture.
+  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    s.pod_target_xcconfig    = {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    }
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+  end
+end