@prakhars/connect.js NPM

@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

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:

Param	Required	Type
key	true	string
options: `onClose: () => void`, `onLoad: () => void`, `onSuccess: ({ code }) => void`	false	object

Connect object properties

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

Function	Description
`setup()`	Adds the widget iframe to the DOM
`close()`	Hides the widget
`open()`	Makes the widget visible

mono connect widget

@infinitebrahmanuniverse/nolb-_pra @everything-registry/sub-chunk-735

0.0.2

5 years ago