Binding keys to a device in React Native

import { useJourneyForm } from '@ping-identity/rn-journey';

const form = useJourneyForm(node);

const bindingField = form.getFieldByType('DeviceBindingCallback');

// The field has executionMode: 'integration_required'
// Render a text input and pass the entered value to bindForJourney

async function handleBind(enteredDeviceName: string) {
  await bindingClient.bindForJourney(journeyClient, {
    index: bindingField?.ref.typeIndex ?? 0,
    deviceName: enteredDeviceName.trim() || undefined,
  });
  await actions.next();
}

await bindingClient.signForJourney(journeyClient, {
  claims: {
    amount: '100.00',
    recipient: 'babs@example.com',
    currency: 'USD',
  },
});

import { createBindingClient } from '@ping-identity/rn-binding';
import type { BindingPrompt } from '@ping-identity/rn-binding';

// Simple imperative promise resolver — replace with your UI implementation
let _resolvePinPromise: ((pin: string) => void) | null = null;
let _rejectPinPromise: (() => void) | null = null;

const bindingClient = createBindingClient({
  ui: {
    pinCollector: async (prompt: BindingPrompt): Promise<string> => {
      // Show your PIN modal here; resolve when the user submits
      return new Promise((resolve, reject) => {
        _resolvePinPromise = resolve;
        _rejectPinPromise = reject;
        showPinModal(prompt);  // your UI function
      });
    },
  },
});

import { createBindingClient } from '@ping-identity/rn-binding';
import type { UserKeyOption } from '@ping-identity/rn-binding';

const bindingClient = createBindingClient({
  ui: {
    userKeySelector: async (keys: UserKeyOption[]): Promise<UserKeyOption> => {
      // Show a list of keys to the user and resolve with the selected one.
      // Reject or throw to cancel the operation.
      return showKeySelectionSheet(keys);
    },
  },
});

import { getAllKeys } from '@ping-identity/rn-binding';

const keys = await getAllKeys();
// Returns UserKeyOption[]
keys.forEach((key) => {
  console.log(`${key.username} (${key.authenticationType}) — id: ${key.id}`);
});

import { deleteKey } from '@ping-identity/rn-binding';

await deleteKey(key);   // key is a UserKeyOption returned by getAllKeys()

import { deleteAllKeys } from '@ping-identity/rn-binding';

await deleteAllKeys();

  import {
    getAllKeys,
    deleteKey,
    deleteAllKeys,
  } from '@ping-identity/rn-binding';
  import type { UserKeyOption } from '@ping-identity/rn-binding';

  /**
   * Retrieves all device binding keys stored locally on the device.
   * Returns an array of UserKeyOption, each with id, userId, username,
   * and authenticationType fields.
   */
  export const fetchAllKeys = async (): Promise<UserKeyOption[]> => {
    return await getAllKeys();
  };

  /**
   * Deletes a single device binding key by its userId and id.
   * Pass a UserKeyOption obtained from getAllKeys().
   */
  export const removeKey = async (key: UserKeyOption): Promise<void> => {
    await deleteKey(key);
  };

  /**
   * Deletes all locally stored device binding keys.
   * Use with caution — this cannot be undone and will require
   * the user to re-bind their device.
   */
  export const removeAllKeys = async (): Promise<void> => {
    await deleteAllKeys();
  };