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} />

Parameter	Type	Description
address?	string
noAddressLabel?	string

Authors

• @vitacore-company

🔗 Links