react-native-expo-apple-wallet

expo-apple-wallet (perfect for managed Expo projects)

Add the package to your project dependencies

npm install react-native-expo-apple-wallet

or

yarn add react-native-expo-apple-wallet

1. Settings in Apple Developer panel

Within your identifier settings

Add capabilities

1.1 You need to send an e-mail to Apple asking for the release of capability "In-App Provisioning" in the panel.

1.2 Create a profile of type "App Store Provisioning Profile"

2. Adding capabilities in the project

In your app.config.js file add this entitlements configs

ios: {
    entitlements: {
        "com.apple.developer.payment-pass-provisioning": true,
        "com.apple.developer.pass-type-identifiers": ["$(TeamIdentifierPrefix)*"],
      },
},

3. Usage

Checking if Passkit is available

const init = async () => {
    setIsAvailable(await ExpoAppleWalletModule.isAvailable())
}

useEffect(() => {
    init().then()
  }, [])

Call to add card

const addCard = async () => {
    const response = await ExpoAppleWalletModule.initEnrollProcess(panTokenSuffix, holder)

    if (response) {
      const {nonce, nonceSignature, certificates} = response

      console.log(nonce, nonceSignature, certificates)

      // call your back-end

      const activationData = "param1"
      const encryptedPassData = "param2"
      const ephemeralPublicKey = "param3"

      await ExpoAppleWalletModule.completeEnrollment(
          activationData,
          encryptedPassData,
          ephemeralPublicKey,
      )
    }
}