@quadrata/client-react

Quadrata Onboarding Client

Quadrata is a portable, privacy-preserving Identity solution for Web3. QuadClient package allows any Web3 companies to onboard their customers, allowing them to claim their unique Quadrata Identity Passport.

Installation

1. Install QuadClient: yarn add @quadrata/client-react
2. Import CSS into your project: import '@quadrata/core-react/lib/cjs/quadrata-ui.min.css'

For a complete examples and installation instructions, visit the Quadrata Individual Passport Onboarding documentation.

ChangeLog [3.0.1] - 2024-07-17:

Changed

• @tanstack/react-query upgraded to ^5.51.3

ChangeLog [3.0.0] - 2024-06-05:

Added

• walletAddresses to onApplicationEnd callback
• new onConsentGranted callback

Changed

• Require Secure Context (HTTPS) to use QuadClient
• Upgraded react-query from v3 to @tanstack/react-query v5
• Optimized build

Fixed

• Fixed issues in application flow
• Performance improvements

ChangeLog [2.9.0] - 2024-02-20:

Added

• offeringId prop for QuadClient
• PageAccreditationAttestation
• APIs and DTOs for contextual attributes (offering id)
• contextualStatus for status.slice and useStatus hook
• mintStatus for status.slice and useStatus hook
• checkMintRequired utility function

Changed

• navigateByAttributeStatus to consider new contextual attributes and offering id
• navigateByAttributeStatus logic for privacy consent

Fixed

• Intro screen with no attributes to claim showed empty requesting message
• Completed screen for bypassMint sometimes showed mint completed

ChangeLog [2.8.2] - 2024-01-19:

Fixed

• Removed text display condition for Terms of Service completion

ChangeLog [2.8.1] - 2024-01-17:

Changed

• Updated core-react dependency

ChangeLog [2.8.0] - 2024-01-17:

Added

• Dark scrollbar styles
• isVisible hook for Terms and Conditions 'scroll to bottom' feature

Removed

• isScrollComplete hook for Terms and Conditions 'scroll to bottom' feature

ChangeLog [2.7.1] - 2023-12-19:

Added

• Navigation for non-US country of residence with completed KYC/AML flow

ChangeLog [2.6.2] - 2023-12-19:

Added

• isValidName validation added to First name and Last name

ChangeLog [2.5.0] - 2023-12-06:

Added

• MINTED trigger for onApplicationEnd callback
• countriesUnavailable property to QuadClientConfig

ChangeLog [2.4.0] - 2023-11-28:

Added

• not accredited status added to accreditation status endpoint
• QuadrataError handling for KYC inquiries status api calls

ChangeLog [2.3.0] - 2023-11-10:

Fixed

• onApplicationEnd trigger for READY end state
• byPassMint no longer calls contract parameters

ChangeLog [2.2.1] - 2023-11-7:

Added

• Ability to resume onboarding session

Changed

• Ability to complete application in case of manual review status

Fixed

• Date of birth calculation

ChangeLog [2.2.0] - 2023-11-2:

Added

• Email verification feature

ChangeLog [2.1.0] - 2023-11-1:

Added

• Added mintError property to surface mint errors
• Added onApplicationEnd callback to notify when application has ended due to error, success, completion
• Added bypassMint option to make minting a passport optional

Changed

• Date of Birth datepicker updated for better user experience

ChangeLog [2.0.0] - 2023-10-17:

Changed

• Migrated to ethers v6
• Implemented core Spinner in replace of fortawesome

Removed

• dependencies
  • luxon
  • jwt-decode
  • fortawesome

ChangeLog [2.0.0] - 2023-10-13:

Changed

• ACCREDITED_INVESTOR_US attribute is now INVESTOR_STATUS
• Only US Residents can claim INVESTOR_STATUS attribute

ChangeLog [1.5.0] - 2023-10-03:

Added

• Added support for Arbitrum
• Added support for Base
• Added support for KAVA
• Added support for Optimism
• Added support for zkSync
• Added client side form validations
• Added User Consent feature Documentation

Fixed

• Style issues for responsive sizing

Changed

• Updated language for more efficient passport onboarding
• Refactored codebase for more efficient importing
• Updated Terms and Conditions
• Updated dependencies: @quadrata/core, ethers

Removed

• Removed sanctioned countries

ChangeLog [<1.5.0]:

What’s new?

• New QuadClient NPM package:
• Accredited Investor for Individuals (https://docs.quadrata.com/integration/introduction/passport-attributes)
• Persona as KYC Vendor
• Default CSS styling (as modal)
• Light Mode / Dark Mode
• Mobile Support
• New QuadPassport.sol / QuadReader.sol contract addresses
• Secure authentication system

ChangeLog Instructions

1. Install the new QuadClient
2. Import the default CSS: import '@quadrata/core-react/lib/cjs/quadrata-ui.min.css
3. New API endpoint is available to fetch a single-use accessToken - This allows DApp to secure their API Keys in the backend: See "API Authentification"
4. New API endpoint to query the list of attributes to onboard for your customer: See Attributes to Claim
5. QuadClient new/updated props: config, accessToken, attributes, onHide, darkMode: See Updated Props
6. New Testnet smart contract addresses: See Goerli/Mumbai addresses