Overview
Discover how the Passport JS SUI SDK integrates digital rights management with your application through Credenza Presence and Passport Pages. It facilitates user authentication and provides blockchain access, enriching your app with robust, interactive features.
Understand Credenza Presence
Integrate UI Elements
Credenza Presence consists of a set of UI elements designed to integrate Credenza Passport with your website or app. These pre-built components simplify the integration of digital rights management tools, ensuring a consistent and seamless user experience.
The integration starts with a persistent navigation bar that can be positioned anywhere on the screen. As an overlay, it does not disrupt existing elements in the HTML rendering. You can determine the best position for this overlay based on your layout.
The passport.openUI interface provides various pages tailored to different user needs. These include the Passport ID Page, PassScan Page, and Account Page. Each page is designed for tasks like authentication, account management, or token transfer.
Achieve Seamless UI Integration
Seamless integration of UI elements is key to providing a consistent and smooth user experience. By using Credenza Passport's pre-built components, you can ensure the digital rights management tools blend effortlessly into your application, enhancing user interaction and satisfaction.
Explore Passport Pages
Utilize Pre-Built Components
The passport.openUI interface offers a range of pre-built UI components that facilitate the integration of digital rights management tools into your application. These components, such as the Passport ID Page, PassScan Page, and Account Page, are designed to address specific tasks like authentication, account management, and token transfer. By utilizing these pre-built components, you can ensure a consistent and seamless user experience across all interactions within your application.
Manage User Tasks
Passport ID Page handles user identification and management tasks. It allows users to create, view, and update their universal ID, centralizing access to all related activities.
PassScan Page facilitates the scanning of digital assets. Users can scan QR codes or other identifiers to access or validate digital items within the ecosystem.
Account Page provides a comprehensive view of user accounts. Users can manage their profiles, view account history, and perform any necessary updates or changes.
Sign In Page enables user authentication. It includes all the necessary elements for a secure sign-in process, ensuring user credentials are verified.
Send Tokens Page offers functionality for token transactions. Users can initiate token transfers within the blockchain environment, making it easy to manage and transfer digital assets.
Passport JS SUI SDK
The Passport JS SUI SDK offers various capabilities for user authentication and profile management using OAuth. You can log in and log out, manage profiles, and access the user interface flexibly. The system also supports displaying toast notifications and controlling the visibility of the navigation bar.
This SDK allows you to check membership status, send tokens or NFTs, switch blockchain networks, and retrieve blockchain addresses and token balances. You can also request airdrops, update or confirm account details, and more.
User authentication through OAuth
Opening and closing a user interface
Displaying toast notifications
Managing the navigation bar visibility
Checking membership status
Sending tokens or NFTs
Switching blockchain networks
Retrieving blockchain addresses and token balances
Requesting airdrops
Updating or confirming account details
Initializing the system
Cleaning up UI components
Retrieving user information
Login status and access tokens