Code Monkey home page Code Monkey logo

Comments (2)

julioxavierr avatar julioxavierr commented on June 3, 2024

Example usage on app (just for iOS now).

import React, { useEffect } from 'react';
import { TextButton } from 'app/components/common';
import { NativeModules } from 'react-native';

const { RNLinksdk: PlaidLink } = NativeModules;

type Account = {
  id: string;
  mask: string;
  name: string;
  subtype: string;
  type: string;
};

type Institution = {
  institution_id: string;
  name: string;
};

type SuccessData = {
  accounts: Account[];
  institution: Institution;
  link_session_id: string;
  request_id: string;
  public_token: string;
  status: string;
};

type ExitData = {
  link_session_id: string;
  request_id: string | null;
  status: string | null;
  error: string | null;
};

type Props = {
  onSuccess: (metadata: SuccessData) => void;
  onExit: (metadata: ExitData) => void;
};

const PlaidButton = ({ onSuccess, onExit }: Props) => {
  useEffect(() => {
    PlaidLink.create({
      publicKey: PLAID_PUBLIC_KEY,
      env: PLAID_ENVIRONMENT,
      product: PLAID_PRODUCTS,
      clientName: PLAID_CLIENT_NAME,
      language: PLAID_LANGUAGE,
      countryCodes: PLAID_COUNTRY_CODES,
    });
  });

  const handleOpen = () => {
    PlaidLink.open((error, metadata = {}) => {
      if (metadata.status) {
        onSuccess(metadata);
        return;
      }

      onExit({ ...metadata, error });
    });
  };

  return <TextButton onPress={handleOpen}>Open plaid</TextButton>;
};

export default PlaidButton;


from react-native-plaid-link-sdk.

wkiefer avatar wkiefer commented on June 3, 2024

Thanks for the suggestion and report.

#7 exposes the raw openLink call as well as adds support for using any custom component (rather than just Button).

from react-native-plaid-link-sdk.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.