sonic-widget 1.27.0 → 1.28.0

package/README.md

@@ -5,7 +5,7 @@
 Use this script tag to get access to the widget:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.27.0/dist/index.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.28.0/dist/index.min.js"></script>
 ```
 
 or 
@@ -32,7 +32,7 @@ and adding path in `angular.json`
 2. Use this script tag to get access to the widget at initial html page:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.27.0/dist/index.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.28.0/dist/index.min.js"></script>
 ```
 
 or 
@@ -71,6 +71,9 @@ ngOnInit(): void {
 		showPage: boolean, // used to show the page or not
 		ipInfoKey: string, // api key to detect vpn used or not from "ipInfo.io" (Optional)
 		videoURL: string, // url of video to do (e.g: demo doing kyc) (Optional)
+		logo: string, // to change the logo (Optional)
+		primaryColor: string, // to change the primary color (Optional)
+		buttonColor: string, // to change the button color (Optional)
 		accountId: string, // account can be taken from operator axiom account
 		userId: string, // user prospective data
 		userName: string, // user prospective data
@@ -113,7 +116,7 @@ ngOnInit(): void {
 4. Add a Script tag to the head tag or body tag. And use the latest version.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.27.0/dist/index.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sonic-widget@1.28.0/dist/index.min.js"></script>
 ```
 
 5. Next, add the script tag at a necessary place. But add below the widget script.
@@ -125,6 +128,9 @@ ngOnInit(): void {
 		showPage: boolean, // used to show the page or not
 		ipInfoKey: string, // api key to detect vpn used or not from "ipInfo.io" (Optional)
 		videoURL: string, // url of video to do (e.g: demo doing kyc) (Optional)
+		logo: string, // to change the logo (Optional)
+		primaryColor: string, // to change the primary color (Optional)
+		buttonColor: string, // to change the button color (Optional)
 		accountId: string, // account can be taken from operator axiom account
 		userId: string, // user prospective data
 		userName: string, // user prospective data
@@ -151,8 +157,11 @@ _Here, the config variable is used to pass the data. And the container variable
 - _**`baseurl`** should pass as a string value. It is used as the base URL for API calls._
 - _**`showPage`** is used to pass a boolean value ( **`true`** or **`false`** ). To toggle the widget page open or close._
 - _**`ipInfoKey`** should pass as a string value. It is used to detect whether vpn is used or not from "ipInfo.io" with this api key._
-- _**`accountId`** should pass as a string value. It is used to get the JWT token and proceed with the operator account._
+- _**`logo`** should pass as a image for src key. It is used to show the onboard logo._
+- _**`primaryColor`** should pass as a primary color. It is used for the icons and every other items._
+- _**`buttonColor`** should pass as a button color. It is used for the buttons taking actions._
 - _**`videoURL`** should pass as a string value as url. It is used to show the video onboard sonic kyc._
+- _**`accountId`** should pass as a string value. It is used to get the JWT token and proceed with the operator account._
 - _**`userId`** should pass as a string value. It is used to create an application for onboard sonic kyc._
 - _**`isMalay`** is used to pass a boolean value ( **`true`** or **`false`** ). To toggle the widget default language english or malay._
 - _**`userName`** should pass as a string value. It is used to create an application for onboard sonic kyc._