@primer-io/react-native 2.27.2 → 2.28.0

package/src/HeadlessUniversalCheckout/Managers/VaultManager.ts

@@ -36,7 +36,8 @@ class PrimerHeadlessUniversalCheckoutVaultManager {
                 const data: PrimerVaultedPaymentMethodResult =
                     await RNPrimerHeadlessUniversalCheckoutVaultManager.fetchVaultedPaymentMethods();
                 const paymentMethods: VaultedPaymentMethod[] = data.paymentMethods;
-                resolve(paymentMethods);
+                const mappedPaymentMethods = sanitizePaymentMethods(paymentMethods);
+                resolve(mappedPaymentMethods);
             } catch (err) {
                 console.error(err);
                 reject(err);
@@ -87,4 +88,24 @@ class PrimerHeadlessUniversalCheckoutVaultManager {
     }
 }
 
+// Convert accountNumberLastFourDigits to accountNumberLast4Digits when present
+// Overcomes an iOS limitation of toJsonObject()
+function sanitizePaymentMethods(paymentMethods: VaultedPaymentMethod[]): VaultedPaymentMethod[] {
+    return paymentMethods.map(method => {
+        const unwrappedInstrumentData = method.paymentInstrumentData as any;
+        if (unwrappedInstrumentData?.accountNumberLastFourDigits !== undefined) {
+            const { accountNumberLastFourDigits, ...rest } = unwrappedInstrumentData;
+            return {
+                ...method,
+                paymentInstrumentData: {
+                    ...rest,
+                    accountNumberLast4Digits: accountNumberLastFourDigits
+                }
+            };
+        }
+        return method;
+    });
+}
+
+
 export default PrimerHeadlessUniversalCheckoutVaultManager;

package/src/index.tsx

@@ -34,10 +34,10 @@ export {
 } from './models/PrimerCheckoutData';
 export { PrimerCheckoutPaymentMethodData as CheckoutPaymentMethodData } from './models/PrimerCheckoutPaymentMethodData';
 export { PrimerError } from './models/PrimerError';
-export type { IPrimerAsset as Asset } from './models/PrimerAsset';
+export type { PrimerPaymentMethodAsset as Asset} from './models/PrimerPaymentMethodResource';
+export type { IPrimerPaymentMethodResource as Resource, PrimerPaymentMethodAsset as AssetResource, PrimerPaymentMethodNativeView as NativeViewResource, IPrimerAsset as AssetResourceColors } from './models/PrimerPaymentMethodResource';
 export { PrimerHeadlessUniversalCheckout as HeadlessUniversalCheckout } from './HeadlessUniversalCheckout/PrimerHeadlessUniversalCheckout';
 export type { IPrimerHeadlessUniversalCheckoutPaymentMethod as PaymentMethod } from './models/PrimerHeadlessUniversalCheckoutPaymentMethod';
-
 import PrimerHeadlessUniversalCheckoutAssetsManager from './HeadlessUniversalCheckout/Managers/AssetsManager';
 export { PrimerHeadlessUniversalCheckoutAssetsManager as AssetsManager };
 import PrimerHeadlessUniversalCheckoutPaymentMethodNativeUIManager from './HeadlessUniversalCheckout/Managers/PaymentMethodManagers/NativeUIManager';
@@ -76,6 +76,12 @@ import { PaymentSessionCreated, PaymentSessionAuthorized, PaymentSessionFinalize
 export { PaymentSessionCreated, PaymentSessionAuthorized, PaymentSessionFinalized, PaymentViewLoaded, KlarnaPaymentStep };
 import { PrimerKlarnaPaymentView } from './HeadlessUniversalCheckout/Components/PrimerKlarnaPaymentView'
 export { PrimerKlarnaPaymentView }
+import { NativeResourceView } from './HeadlessUniversalCheckout/Components/NativeResourceView'
+export { NativeResourceView }
+import { PrimerGooglePayButtonConstants } from './HeadlessUniversalCheckout/Components/NativeResourceView'
+export { PrimerGooglePayButtonConstants }
+import { PrimerGooglePayButton } from './HeadlessUniversalCheckout/Components/PrimerGooglePayButton'
+export { PrimerGooglePayButton }
 import { UserDetailsRetrieved, UserDetailsCollected, AchStep } from './models/ach/AchSteps';
 export { UserDetailsRetrieved as CollectUserDetails, UserDetailsCollected, AchStep }
 import { AchFirstName, AchLastName, AchEmailAddress, AchValidatableData } from './models/ach/AchCollectableData';
@@ -94,4 +100,4 @@ export { BankId, BankListFilter, BanksValidatableData };
 import { BanksLoading, BanksRetrieved, BanksStep } from './models/banks/BanksSteps';
 export { BanksLoading, BanksRetrieved, BanksStep };
 import { NamedComponentValidatableData } from './models/NamedComponentValidatableData';
-export { NamedComponentValidatableData };
+export { NamedComponentValidatableData };

package/src/models/PrimerClientSession.ts

@@ -26,6 +26,14 @@ export type PrimerOrder = IPrimerOrder;
 
 interface IPrimerOrder {
     countryCode?: string;
+    shipping?: IPrimerShipping;
+}
+
+interface IPrimerShipping {
+    amount?: number;
+    methodId?: string;
+    methodName?: string;
+    methodDescription?: string;
 }
 
 export type PrimerCustomer = IPrimerCustomer;
@@ -50,4 +58,4 @@ interface IPrimerAddress {
     city?: string;
     state?: string;
     countryCode?: string;
-}
+}

package/src/models/PrimerPaymentMethodResource.ts

@@ -0,0 +1,21 @@
+export interface IPrimerPaymentMethodResource {
+    paymentMethodType: string;
+    paymentMethodName: string;
+    nativeViewName?: string;
+}
+
+export interface PrimerPaymentMethodAsset extends IPrimerPaymentMethodResource {
+    paymentMethodLogo: IPrimerAsset
+    paymentMethodBackgroundColor: IPrimerAsset
+    nativeViewName?: undefined
+}
+
+export interface PrimerPaymentMethodNativeView extends IPrimerPaymentMethodResource {
+    nativeViewName: string
+}
+
+export interface IPrimerAsset {
+    colored?: string;
+    dark?: string;
+    light?: string;
+}

package/src/models/PrimerPaymentMethodTokenData.ts

@@ -30,76 +30,33 @@ export interface IPrimerVaultData {
 }
 
 export interface IPrimerPaymentInstrumentData {
-  paypalBillingAgreementId?: string;
-  first6Digits?: string;
-  last4Digits?: string;
-  expirationMonth?: string;
-  expirationYear?: string;
-  cardholderName?: string;
   network?: string;
-  isNetworkTokenized?: boolean;
+  cardholderName?: string;
+  first6Digits?: number;
+  last4Digits?: number;
+  accountNumberLast4Digits?: number;
+  expirationMonth?: number;
+  expirationYear?: number;
+  externalPayerInfo?: IExternalPayerInfo;
   klarnaCustomerToken?: string;
-
   sessionData?: IKlarnaSessionData;
-  externalPayerInfo?: IExternalPayerInfo;
-  shippingAddress?: IShippingAddress;
+  paymentMethodType?: string;
   binData?: IBinData;
-
-  gocardlessMandateId?: string;
-  authorizationToken?: string;
-  hashedIdentifier?: string;
-  mcc?: string;
-  mnc?: string;
-  mx?: string;
-  currencyCode?: string;
-  productId?: string;
+  bankName?: string;
 }
 
 export interface IKlarnaSessionData {
   recurringDescription?: string;
-  purchaseCountry?: string;
-  purchaseCurrency?: string;
-  locale?: string;
-  orderAmount?: string;
-  orderLines?: IKlarnaSessionOrderLines[];
   billingAddress?: IKlarnaBillingAddress;
-  tokenDetails?: IKlarnaSessionDataTokenDetails;
-}
-
-export interface IKlarnaSessionOrderLines {
-  type?: string;
-  name?: string;
-  quantity?: number;
-  unitPrice?: number;
-  totalAmount?: number;
-  totalDiscountAmount?: number;
 }
 
 export interface IKlarnaBillingAddress {
-  addressLine1?: string;
-  addressLine2?: string;
-  addressLine3?: string;
-  city?: string;
-  countryCode?: string;
   email?: string;
-  firstName?: string;
-  lastName?: string;
-  phoneNumber?: string;
-  postalCode?: string;
-  state?: string;
-  title?: string;
-}
-
-export interface IKlarnaSessionDataTokenDetails {
-  brand?: string;
-  maskedNumber?: string;
-  type: string;
-  expiryDate?: string;
 }
 
 export interface IExternalPayerInfo {
+  email: string;
   externalPayerId?: string;
-  email?: string;
   firstName?: string;
   lastName?: string;
 }

package/src/models/PrimerSettings.ts

@@ -1,4 +1,3 @@
-
 import type { PrimerCheckoutData } from "./PrimerCheckoutData";
 import type { PrimerCheckoutAdditionalInfo } from "./PrimerCheckoutAdditionalInfo";
 import type { PrimerCheckoutPaymentMethodData } from "./PrimerCheckoutPaymentMethodData";
@@ -94,12 +93,38 @@ interface IPrimerApayaOptions {
 
 interface IPrimerApplePayOptions {
   merchantIdentifier: string;
-  merchantName: string;
-  isCaptureBillingAddressEnabled?: boolean;
+  /**
+   * @deprecated Use Client Session API to provide merchant name value: https://primer.io/docs/payment-methods/apple-pay/direct-integration#prepare-the-client-session
+   */
+  merchantName?: string;
+  /**
+   * @deprecated Use BillingOptions to configure required billing fields.
+   */
+  isCaptureBillingAddressEnabled: boolean;
+  /**
+   * If you don't want to present the Apple Pay option when the device doesn't support it, set this to `false`.
+   * Default value is `true`.
+   */
   showApplePayForUnsupportedDevice?: boolean;
+  /**
+   * Due to reports about the Apple Pay flow not presenting because `canMakePayments(usingNetworks:)` was returning false
+   * when there were no cards in the Wallet, we introduced this flag to continue supporting the old behavior.
+   * Default value is `true`.
+   */
   checkProvidedNetworks?: boolean;
+  shippingOptions?: IShippingOptions;
+  billingOptions?: IBillingOptions;
+}
+interface IShippingOptions {
+  shippingContactFields?: RequiredContactField[];
+  requireShippingMethod: boolean;
+}
+interface IBillingOptions {
+  requiredBillingContactFields?: RequiredContactField[];
 }
 
+type RequiredContactField = 'name' | 'emailAddress' | 'phoneNumber' | 'postalAddress';
+
 interface IPrimerCardPaymentOptions {
   is3DSOnVaultingEnabled: boolean;
 }
@@ -114,6 +139,19 @@ interface IPrimerGooglePayOptions {
   allowedCardNetworks?: string[];
   isCaptureBillingAddressEnabled?: boolean;
   isExistingPaymentMethodRequired?: boolean;
+  shippingAddressParameters?: IPrimerGoogleShippingAddressParameters;
+  requireShippingMethod?: boolean;
+  emailAddressRequired?: boolean;
+  buttonOptions?: IPrimerGooglePayButtonOptions;
+}
+
+interface IPrimerGooglePayButtonOptions {
+  buttonType?: number;
+  buttonTheme?: number;
+}
+
+interface IPrimerGoogleShippingAddressParameters {
+  isPhoneNumberRequired?: boolean;
 }
 
 interface IPrimerKlarnaOptions {
@@ -163,4 +201,4 @@ interface IPrimerStripeTemplateMandateData extends IPrimerStripeMandateData {
 interface IPrimerFullMandateData extends IPrimerStripeMandateData {
   fullMandateText: string;
   fullMandateStringResourceName?: string;
-}
+}

package/lib/commonjs/models/PrimerAsset.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=PrimerAsset.js.map

package/lib/module/models/PrimerAsset.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=PrimerAsset.js.map

package/lib/typescript/models/PrimerAsset.d.ts

@@ -1,15 +0,0 @@
-export interface IPrimerAsset {
-    paymentMethodType: string;
-    paymentMethodName: string;
-    paymentMethodLogo: {
-        colored?: string;
-        dark?: string;
-        light?: string;
-    };
-    paymentMethodBackgroundColor: {
-        colored?: string;
-        dark?: string;
-        light?: string;
-    };
-}
-//# sourceMappingURL=PrimerAsset.d.ts.map

package/lib/typescript/models/PrimerAsset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimerAsset.d.ts","sourceRoot":"","sources":["../../../src/models/PrimerAsset.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAA;IACD,4BAA4B,EAAE;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAA;CACJ"}

package/src/models/PrimerAsset.ts

@@ -1,14 +0,0 @@
-export interface IPrimerAsset {
-    paymentMethodType: string;
-    paymentMethodName: string;
-    paymentMethodLogo: {
-        colored?: string;
-        dark?: string;
-        light?: string;
-    }
-    paymentMethodBackgroundColor: {
-        colored?: string;
-        dark?: string;
-        light?: string;
-    }
-}