@vitacore-company/vita3auth NPM

Vita3auth

React component based on ethers.js library for easy authorization in web3 applications. Login requires mail, password and a unique guid for more security. Save the generated guid for your next login. After creating the wallet, the component gives the Wallet object.

Installation

npm install @vitacore-company/vita3auth --save

Usage

import { Auth } from "@vitacore-company/vita3auth"
import "@vitacore-company/vita3auth/dist/index.css"

<Auth
  onEOAchange={setEOAwallet}
  label="Authorization"
  language="en"
  saveCodeExternal={[
    {
      label: "Console code",
      fn: (code) => console.log(code),
      icon: () => <div>Console</div>,
    },
  ]}
  addCodeExternal={[
    {
      label: "Add code external",
      fn: () => "cf0a4220-50c1-4539-89b4-9155195b5e9e",
      icon: () => <div>External</div>,
    },
  ]}
  providerURL="https://rpc.chiadochain.net"
/>

Acknowledgements

ethers.js documentation

Styles

add @vitacore-company/vita3auth/dist/index.css/scss

API

Auth

Parameter	Type	Description
`onEOAchange`	`(wallet: Wallet) => void`	Required Returns wallet object after generating
`label`	`string`	Required Title of the login page
`saveCodeExternal`	`obj`	Required ISaveExternalMethod[]
`addCodeExternal`	`obj`	Required IAddExternalMethod[]
`providerURL?`	`string`	Blockchain provider
`language?`	`string`	en,ru,ch,ar,sp,in,it,ge

Types

interface IAddExternalMethod {
  label: string
  fn: () => string
  icon: () => JSX.Element
}
interface ISaveExternalMethod {
  label: string
  fn: (e: string) => void
  icon: () => JSX.Element
}

Predefined localization

sp Spainish, ge Deutsch, ru Russian en English, ch Chinese, it Italian in Indian, ar Arabic

AddressEOA

import { AddressEOA } from "@vitacore-company/vita3auth"
import "@vitacore-company/vita3auth/dist/index.css"


<AddressEOA address={EOAwallet.address} />