@expensify/react-native-wallet 0.1.5

package/src/constants.ts

@@ -0,0 +1,191 @@
+import afAndroid from '../assets/buttons/android/af.svg';
+import arAndroid from '../assets/buttons/android/ar.svg';
+import azAndroid from '../assets/buttons/android/az.svg';
+import bgAndroid from '../assets/buttons/android/bg.svg';
+import bsAndroid from '../assets/buttons/android/bs.svg';
+import caAndroid from '../assets/buttons/android/ca.svg';
+import csAndroid from '../assets/buttons/android/cs.svg';
+import daAndroid from '../assets/buttons/android/da.svg';
+import deAndroid from '../assets/buttons/android/de.svg';
+import elAndroid from '../assets/buttons/android/el.svg';
+import enAndroid from '../assets/buttons/android/en.svg';
+import esAndroid from '../assets/buttons/android/es.svg';
+import etAndroid from '../assets/buttons/android/et.svg';
+import fiAndroid from '../assets/buttons/android/fi.svg';
+import frAndroid from '../assets/buttons/android/fr.svg';
+import heAndroid from '../assets/buttons/android/he.svg';
+import hkAndroid from '../assets/buttons/android/hk.svg';
+import hrAndroid from '../assets/buttons/android/hr.svg';
+import huAndroid from '../assets/buttons/android/hu.svg';
+import hyAndroid from '../assets/buttons/android/hy.svg';
+import idAndroid from '../assets/buttons/android/id.svg';
+import isAndroid from '../assets/buttons/android/is.svg';
+import itAndroid from '../assets/buttons/android/it.svg';
+import jaAndroid from '../assets/buttons/android/ja.svg';
+import kaAndroid from '../assets/buttons/android/ka.svg';
+import kkAndroid from '../assets/buttons/android/kk.svg';
+import kmAndroid from '../assets/buttons/android/km.svg';
+import kyAndroid from '../assets/buttons/android/ky.svg';
+import ltAndroid from '../assets/buttons/android/lt.svg';
+import lvAndroid from '../assets/buttons/android/lv.svg';
+import mkAndroid from '../assets/buttons/android/mk.svg';
+import nlAndroid from '../assets/buttons/android/nl.svg';
+import noAndroid from '../assets/buttons/android/no.svg';
+import plAndroid from '../assets/buttons/android/pl.svg';
+import ptAndroid from '../assets/buttons/android/pt.svg';
+import roAndroid from '../assets/buttons/android/ro.svg';
+import ruAndroid from '../assets/buttons/android/ru.svg';
+import skAndroid from '../assets/buttons/android/sk.svg';
+import slAndroid from '../assets/buttons/android/sl.svg';
+import sqAndroid from '../assets/buttons/android/sq.svg';
+import srAndroid from '../assets/buttons/android/sr.svg';
+import swAndroid from '../assets/buttons/android/sw.svg';
+import thAndroid from '../assets/buttons/android/th.svg';
+import trAndroid from '../assets/buttons/android/tr.svg';
+import twAndroid from '../assets/buttons/android/tw.svg';
+import ukAndroid from '../assets/buttons/android/uk.svg';
+import urAndroid from '../assets/buttons/android/ur.svg';
+import uzAndroid from '../assets/buttons/android/uz.svg';
+import enApple from '../assets/buttons/apple/en.svg';
+import esApple from '../assets/buttons/apple/es.svg';
+import arApple from '../assets/buttons/apple/ar.svg';
+import azApple from '../assets/buttons/apple/az.svg';
+import bgApple from '../assets/buttons/apple/bg.svg';
+import csApple from '../assets/buttons/apple/cs.svg';
+import daApple from '../assets/buttons/apple/da.svg';
+import deApple from '../assets/buttons/apple/de.svg';
+import elApple from '../assets/buttons/apple/el.svg';
+import etApple from '../assets/buttons/apple/et.svg';
+import fiApple from '../assets/buttons/apple/fi.svg';
+import filApple from '../assets/buttons/apple/fil.svg';
+import frApple from '../assets/buttons/apple/fr.svg';
+import heApple from '../assets/buttons/apple/he.svg';
+import hiApple from '../assets/buttons/apple/hi.svg';
+import hkApple from '../assets/buttons/apple/hk.svg';
+import hrApple from '../assets/buttons/apple/hr.svg';
+import huApple from '../assets/buttons/apple/hu.svg';
+import idApple from '../assets/buttons/apple/id.svg';
+import itApple from '../assets/buttons/apple/it.svg';
+import jaApple from '../assets/buttons/apple/ja.svg';
+import koApple from '../assets/buttons/apple/ko.svg';
+import ltApple from '../assets/buttons/apple/lt.svg';
+import lvApple from '../assets/buttons/apple/lv.svg';
+import msApple from '../assets/buttons/apple/ms.svg';
+import mtApple from '../assets/buttons/apple/mt.svg';
+import nlApple from '../assets/buttons/apple/nl.svg';
+import noApple from '../assets/buttons/apple/no.svg';
+import plApple from '../assets/buttons/apple/pl.svg';
+import ptApple from '../assets/buttons/apple/pt.svg';
+import roApple from '../assets/buttons/apple/ro.svg';
+import ruApple from '../assets/buttons/apple/ru.svg';
+import skApple from '../assets/buttons/apple/sk.svg';
+import slApple from '../assets/buttons/apple/sl.svg';
+import svApple from '../assets/buttons/apple/sv.svg';
+import thApple from '../assets/buttons/apple/th.svg';
+import trApple from '../assets/buttons/apple/tr.svg';
+import ukApple from '../assets/buttons/apple/uk.svg';
+import viApple from '../assets/buttons/apple/vi.svg';
+import zhApple from '../assets/buttons/apple/zh.svg';
+
+import type {Platform} from './NativeWallet';
+
+// Here you can find the expansion of language abbreviations used in the map
+// https://en.wikipedia.org/wiki/List_of_ISO_639_language_codes (Set 1)
+const LOCALIZED_BUTTONS: Record<Platform, Record<string, string>> = {
+  android: {
+    af: afAndroid,
+    ar: arAndroid,
+    az: azAndroid,
+    bg: bgAndroid,
+    bs: bsAndroid,
+    ca: caAndroid,
+    cs: csAndroid,
+    da: daAndroid,
+    de: deAndroid,
+    el: elAndroid,
+    en: enAndroid,
+    es: esAndroid,
+    et: etAndroid,
+    fi: fiAndroid,
+    fr: frAndroid,
+    he: heAndroid,
+    hk: hkAndroid,
+    hr: hrAndroid,
+    hu: huAndroid,
+    hy: hyAndroid,
+    id: idAndroid,
+    is: isAndroid,
+    it: itAndroid,
+    ja: jaAndroid,
+    ka: kaAndroid,
+    kk: kkAndroid,
+    km: kmAndroid,
+    ky: kyAndroid,
+    lt: ltAndroid,
+    lv: lvAndroid,
+    mk: mkAndroid,
+    nl: nlAndroid,
+    no: noAndroid,
+    pl: plAndroid,
+    pt: ptAndroid,
+    ro: roAndroid,
+    ru: ruAndroid,
+    sk: skAndroid,
+    sl: slAndroid,
+    sq: sqAndroid,
+    sr: srAndroid,
+    sw: swAndroid,
+    th: thAndroid,
+    tr: trAndroid,
+    tw: twAndroid,
+    uk: ukAndroid,
+    ur: urAndroid,
+    uz: uzAndroid,
+    default: enAndroid,
+  },
+  ios: {
+    ar: arApple,
+    az: azApple,
+    bg: bgApple,
+    cs: csApple,
+    da: daApple,
+    de: deApple,
+    el: elApple,
+    en: enApple,
+    es: esApple,
+    et: etApple,
+    fi: fiApple,
+    fil: filApple,
+    fr: frApple,
+    he: heApple,
+    hi: hiApple,
+    hk: hkApple,
+    hr: hrApple,
+    hu: huApple,
+    id: idApple,
+    it: itApple,
+    ja: jaApple,
+    ko: koApple,
+    lt: ltApple,
+    lv: lvApple,
+    ms: msApple,
+    mt: mtApple,
+    nl: nlApple,
+    no: noApple,
+    pl: plApple,
+    pt: ptApple,
+    ro: roApple,
+    ru: ruApple,
+    sk: skApple,
+    sl: slApple,
+    sv: svApple,
+    th: thApple,
+    tr: trApple,
+    uk: ukApple,
+    vi: viApple,
+    zh: zhApple,
+    default: enApple,
+  },
+};
+
+export default LOCALIZED_BUTTONS;

package/src/index.tsx

@@ -0,0 +1,124 @@
+/* eslint-disable @lwc/lwc/no-async-await */
+import {NativeEventEmitter, Platform} from 'react-native';
+import type {EmitterSubscription} from 'react-native';
+import Wallet, {PACKAGE_NAME} from './NativeWallet';
+import type {TokenizationStatus, AndroidCardData, CardStatus, IOSCardData, IOSEncryptPayload, AndroidWalletData, onCardActivatedPayload, IOSAddPaymentPassData} from './NativeWallet';
+import {getCardState, getTokenizationStatus} from './utils';
+import AddToWalletButton from './AddToWalletButton';
+
+function getModuleLinkingRejection() {
+  return Promise.reject(new Error(`Failed to load Wallet module, make sure to link ${PACKAGE_NAME} correctly`));
+}
+
+const eventEmitter = new NativeEventEmitter(Wallet);
+
+function addListener(event: string, callback: (data: onCardActivatedPayload) => void): EmitterSubscription {
+  return eventEmitter.addListener(event, callback);
+}
+
+function removeListener(subscription: EmitterSubscription): void {
+  subscription.remove();
+}
+
+function checkWalletAvailability(): Promise<boolean> {
+  if (!Wallet) {
+    return getModuleLinkingRejection();
+  }
+  return Wallet.checkWalletAvailability();
+}
+
+async function getSecureWalletInfo(): Promise<AndroidWalletData> {
+  if (Platform.OS === 'ios') {
+    throw new Error('getSecureWalletInfo is not available on iOS');
+  }
+
+  if (!Wallet) {
+    return getModuleLinkingRejection();
+  }
+  const isWalletInitialized = await Wallet.ensureGoogleWalletInitialized();
+  if (!isWalletInitialized) {
+    throw new Error('Wallet could not be initialized');
+  }
+
+  return Wallet.getSecureWalletInfo();
+}
+
+async function getCardStatusBySuffix(last4Digits: string): Promise<CardStatus> {
+  if (!Wallet) {
+    return getModuleLinkingRejection();
+  }
+
+  const cardState = await Wallet.getCardStatusBySuffix(last4Digits);
+  return getCardState(cardState);
+}
+
+/**
+ * Returns the state of a card based on a platform-specific identifier.
+ * @param identifier - The card identifier. On Android, it's `Token Reference ID` and on iOS, it's `Primary Account Identifier`
+ * @param tsp - The Token Service Provider, e.g. `VISA`, `MASTERCARD`
+ * @returns CardStatus - The card status
+ */
+async function getCardStatusByIdentifier(identifier: string, tsp: string): Promise<CardStatus> {
+  if (!Wallet) {
+    return getModuleLinkingRejection();
+  }
+
+  const tokenState = await Wallet.getCardStatusByIdentifier(identifier, tsp.toUpperCase());
+  return getCardState(tokenState);
+}
+
+async function addCardToGoogleWallet(cardData: AndroidCardData): Promise<TokenizationStatus> {
+  if (Platform.OS === 'ios') {
+    throw new Error('addCardToGoogleWallet is not available on iOS');
+  }
+
+  if (!Wallet) {
+    return getModuleLinkingRejection();
+  }
+  const isWalletInitialized = await Wallet.ensureGoogleWalletInitialized();
+  if (!isWalletInitialized) {
+    throw new Error('Wallet could not be initialized');
+  }
+  const tokenizationStatus = await Wallet.addCardToGoogleWallet(cardData);
+  return getTokenizationStatus(tokenizationStatus);
+}
+
+async function addCardToAppleWallet(
+  cardData: IOSCardData,
+  issuerEncryptPayloadCallback: (nonce: string, nonceSignature: string, certificate: string[]) => Promise<IOSEncryptPayload>,
+): Promise<TokenizationStatus> {
+  if (Platform.OS === 'android') {
+    throw new Error('addCardToAppleWallet is not available on Andorid');
+  }
+
+  const passData = await Wallet?.IOSPresentAddPaymentPassView(cardData);
+  if (!passData || passData.status !== 0) {
+    return getTokenizationStatus(passData?.status || -1);
+  }
+
+  async function addPaymentPassToWallet(paymentPassData: IOSAddPaymentPassData): Promise<number> {
+    const responseData = await issuerEncryptPayloadCallback(paymentPassData.nonce, paymentPassData.nonceSignature, paymentPassData.certificates);
+    const response = await Wallet?.IOSHandleAddPaymentPassResponse(responseData);
+    // Response is null when a pass is successfully added to the wallet or the user cancels the process
+    // In case the user presses the `Try again` option, new pass data is returned, and it should reenter the function
+    if (response) {
+      return addPaymentPassToWallet(response);
+    }
+    return 0;
+  }
+  const status = await addPaymentPassToWallet(passData);
+  return getTokenizationStatus(status);
+}
+
+export type {AndroidCardData, AndroidWalletData, CardStatus, IOSEncryptPayload, IOSCardData, IOSAddPaymentPassData, onCardActivatedPayload, TokenizationStatus};
+export {
+  AddToWalletButton,
+  checkWalletAvailability,
+  getSecureWalletInfo,
+  getCardStatusBySuffix,
+  getCardStatusByIdentifier,
+  addCardToGoogleWallet,
+  addCardToAppleWallet,
+  addListener,
+  removeListener,
+};

package/src/utils.ts

@@ -0,0 +1,35 @@
+import type {CardStatus, TokenizationStatus} from './NativeWallet';
+
+function getCardState(stateId: number): CardStatus {
+  switch (stateId) {
+    case -1:
+      return 'not found';
+    case 0:
+      return 'active';
+    case 1:
+      return 'requireActivation';
+    case 2:
+      return 'pending';
+    case 3:
+      return 'suspended';
+    case 4:
+      return 'deactivated';
+    default:
+      throw new Error(`Unknown card state: ${stateId}`);
+  }
+}
+
+function getTokenizationStatus(stateId: number): TokenizationStatus {
+  switch (stateId) {
+    case -1:
+      return 'error';
+    case 0:
+      return 'success';
+    case 1:
+      return 'canceled';
+    default:
+      throw new Error(`Unknown tokenization status: ${stateId}`);
+  }
+}
+
+export {getCardState, getTokenizationStatus};