@verified-network/verified-custody 0.4.4 → 0.4.6

package/README.md

@@ -351,28 +351,35 @@ function App() {
 ```
 
 # 🔄 React(Create React App) Setup and Fixes
+
 ✅ 1. Initialize the Project
+
 ```jsx
 npx create-react-app my-app
 cd my-app
 ```
 
 ✅ 2. Install react-app-rewired
+
 ```jsx
 npm install react-app-rewired --save-dev
 OR
 yarn add --dev react-app-rewired
 ```
+
 ✅ 3. Install other dependencies for node polyfils
+
 ```jsx
-npm install --save-dev crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process 
+npm install --save-dev crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process
 OR
-yarn add crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process 
+yarn add crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process
 ```
+
 note: the above dependencies are needed dependencies to make node related packages work, more dependencies can be added to handle any other nodeJs polyfills error.
 
 ✅ 4. Override create-react-app webpack configuration
 In the root folder of your project, create a new file named 'config-overrides.js', and add:
+
 ```jsx
 //config-overrides.js
 
@@ -418,10 +425,12 @@ module.exports = function override(config) {
   return config;
 };
 ```
+
 config-overrides.js' code snippet instructs webpack how to resolve node js related dependencies that may not be available on browser side but are required. It also instruct webpack to ignore react-native related dependencies that may breack our react app.
 
 ✅ 5. Modify package.json Scripts
 In your package.json, replace this:
+
 ```json
 "scripts": {
   "start": "react-scripts start",
@@ -430,7 +439,9 @@ In your package.json, replace this:
   "eject": "react-scripts eject"
 }
 ```
+
 With this:
+
 ```json
 "scripts": {
   "start": "react-app-rewired start",
@@ -439,15 +450,19 @@ With this:
 }
 
 ```
+
 note: the above scripts changes ensure your app is handled by react-app-rewired scripts instead of react-scripts this way the webpack configuration will be acknowledged.
 
 ✅ 6. Import and Initialize Verified-Custody-Module and Start the application
 Using the instruction on Verified Custody Module Usage initialize the module to suit your app logic,
 You can start the application using:
+
 ```jsx
 npm start
 ```
+
 # React(Create React App) Folder Structure
+
 ```pgsql
 my-app/
 ├── node_modules/
@@ -461,29 +476,35 @@ my-app/
 ```
 
 # 🔄 React Native(Using Expo) Setup and Fixes
+
 ✅ 1. Initialize the Project
+
 ```jsx
 npx create-expo-app my-rn-app
 cd my-rn-app
 ```
 
 ✅ 2. Install required dependencies
+
 ```jsx
 npm react-native-get-random-values expo-font @react-native-async-storage/async-storage
 OR
 yarn add react-native-get-random-values expo-font @react-native-async-storage/async-storage
 ```
+
 ✅ 3. Install other dependencies for node polyfils
+
 ```jsx
-npm install --save-dev crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process 
+npm install --save-dev crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process
 OR
-yarn add crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process 
+yarn add crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url path-browserify vm-browserify buffer process
 ```
+
 note: the above dependencies are required as external/peer dependencies for the module to work on react-native.
- 
 
 ✅ 4. Modify the (tabs) index.js or index.ts
 In the app/(tabs) folder, open the index.js or index.ts file and add:
+
 ```jsx
 //index.js or index.ts
 
@@ -492,11 +513,13 @@ OR
 require("react-native-get-random-values")
 };
 ```
-note the react-native-get-random-values import needs to be on the first line of the file so this is import early before the custody module is used. The  react-native-get-random-values is very important for node packages like crypto and various hashing/encryption functions to work.
+
+note the react-native-get-random-values import needs to be on the first line of the file so this is import early before the custody module is used. The react-native-get-random-values is very important for node packages like crypto and various hashing/encryption functions to work.
 
 ✅ 6. Import and Initialize Verified-Custody-Module and Start the application
 Using the instruction on Verified Custody Module Usage initialize the module to suit your app logic,
 You can start the application using:
+
 ```jsx
 npm start(if your script is setup)
 OR
@@ -506,7 +529,9 @@ npx expo run:android (to start the application on android)
 OR
 npx expo run:ios (to start the application on ios)
 ```
+
 # React Native(With Expo) Folder Structure
+
 ```pgsql
 my-rn-app/
 ├── node_modules/
@@ -519,10 +544,12 @@ my-rn-app/
 ```
 
 # 🔄 Web Extension Setup and Fixes
+
 Web Extension has various setup procedures, any of the setup you decide to use will work fine with Verify Custody Module.
 It is important to know that Web extension are to be built like react app and therefore during build react native related dependencies should be ignored or set as external.
 This can be done using plugin on webpack.
 For Example:
+
 ```jsx
 plugins: [
   {
@@ -541,7 +568,7 @@ plugins: [
           return { external: true };
         }
       );
-  
+
       ...Other polyfills
     },
   }

package/dist/index.d.mts

@@ -37,6 +37,9 @@ interface VerifiedCustodyProps {
         name: string;
     };
     showLogoPage?: boolean;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
     logoPageElement?: React.JSX.Element;
     logoTimeoutTime?: number;
     enablePhone?: boolean;
@@ -108,6 +111,9 @@ declare const FTUPage: (props: {
     dashbordElement?: React$1.ComponentType<{
         setIsLoading: React$1.Dispatch<React$1.SetStateAction<boolean>>;
     }>;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const EnterPinPage: (props: {
@@ -162,6 +168,9 @@ declare const EnterPinPage: (props: {
     dashbordElement?: React$1.ComponentType<{
         setIsLoading: React$1.Dispatch<React$1.SetStateAction<boolean>>;
     }>;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const CreatePinPage: (props: {
@@ -203,6 +212,9 @@ declare const CreatePinPage: (props: {
     txData?: any;
     helperFunctions?: VerifiedCustodyHelpers;
     isExistingUser?: boolean;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const ContactPage: (props: {

package/dist/index.d.ts

@@ -37,6 +37,9 @@ interface VerifiedCustodyProps {
         name: string;
     };
     showLogoPage?: boolean;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
     logoPageElement?: React.JSX.Element;
     logoTimeoutTime?: number;
     enablePhone?: boolean;
@@ -108,6 +111,9 @@ declare const FTUPage: (props: {
     dashbordElement?: React$1.ComponentType<{
         setIsLoading: React$1.Dispatch<React$1.SetStateAction<boolean>>;
     }>;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const EnterPinPage: (props: {
@@ -162,6 +168,9 @@ declare const EnterPinPage: (props: {
     dashbordElement?: React$1.ComponentType<{
         setIsLoading: React$1.Dispatch<React$1.SetStateAction<boolean>>;
     }>;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const CreatePinPage: (props: {
@@ -203,6 +212,9 @@ declare const CreatePinPage: (props: {
     txData?: any;
     helperFunctions?: VerifiedCustodyHelpers;
     isExistingUser?: boolean;
+    rootTagId?: string;
+    rootExpandedWidth?: string;
+    rootExpandedHeight?: string;
 }) => React$1.JSX.Element;
 
 declare const ContactPage: (props: {