0.0.2 • Published 4 years ago

@prakhars/connect.js v0.0.2

Weekly downloads
1
License
ISC
Repository
github
Last release
4 years ago

@mono.co/connect.js

Repository for connect.js, Mono connect widget script.

Request access here to get your API keys

Installation

yarn add @mono.co/connect.js

or

npm install @mono.co/connect.js

Usage

import React from 'react';
import MonoConnect from '@mono.co/connect.js';

export default function App() {
  const monoConnect = React.useMemo(() => {
    const monoInstance = new MonoConnect("PUBLIC_KEY", {
      onClose: () => console.log('Widget closed'),
      onLoad: () => console.log('Widget loaded successfully'),
      onSuccess: ({ code }) => console.log(`Linked successfully: ${code}`)
    })

    monoInstance.setup()
    
    return monoInstance;
  }, [])

  return (
    <div>
      <button onClick={() => monoConnect.open()}>
        Authenticate with Mono
      </button>
    </div>
  )
}

Parameters

To create an instance of the connect object, you can pass the following parameters:

ParamRequiredType
keytruestring
options: onClose: () => void, onLoad: () => void, onSuccess: ({ code }) => voidfalseobject

Connect object properties

The connect object returns some properties for you to be able interact with the widget:

FunctionDescription
setup()Adds the widget iframe to the DOM
close()Hides the widget
open()Makes the widget visible