pipwave-ekyc-uikit 0.0.1-beta.1 → 0.0.1-beta.3

package/README.md

@@ -31,24 +31,45 @@ You need to provide one html div element along with id attributes
 
 Add the scripts below to your project, to start render the uikit.
 The script first initialized the uikit, then call the init method and
-passed in the id of the div container, and access token
+passed in an object at the first init function parameter. The object requires
+three key to be passed in as listed below:
 
-Note: The first parameter should be the id of the html element you set
+target: The id of the container that will be used to display the ekyc
+accessToken: The accessToken for the user that need to undergo the ekyc process
+displayMode: To determine the display of the ekyc gui. Supported value is 'in-page' and 'hpp'.
+Default: 'in-page'
 
 ```javascript
+import PWUISDK from 'pipwave-ekyc-uikit';
+
 const pw = new PWUISDK()
-pw.init('pw-sdk-container', <accessToken>)
+pw.init({
+  target: 'pw-sdk-container',
+  accessToken: //<AccessToken>
+  displayMode: //'in-page' | 'hpp'
+})
 ```
 
-### `listenToFinishEkyc {Function} optional`
+### `onFinish {Function} optional`
 
 Call back that fires when the eKYC process is done
 
-Example `listenToFinishEkyc` callBack:
+Example `onFinish` callBack:
+
+```javascript
+pw.onFinish(() => {
+  // do your own handling here
+});
+```
+
+### `onClose {Function} optional`
+
+Call back that fires when the eKYC process is closed
+
+Example `onClose` callBack:
 
 ```javascript
-pw.listenToFinishEkyc(() => {
-  // alert('eKYC process finished')
+pw.onClose(() => {
   // do your own handling here
 });
 ```

package/dist/index.html

@@ -14,11 +14,15 @@
 
 </body>
 <script>
+  // const accessToken = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2OTI2OTg3MTQsImV4cCI6MTY5MjcwMjMxNCwic3ViIjoiNjg0NzAwIiwibWVyY2hhbnRJZCI6IkcyRy10ZXN0aW5nIiwic2Vzc2lvbklkIjoiZWNlYWQ5NzAtNGIxZS00MzVmLWJhYjYtOTkyOWE1YWJjZTU4Iiwic2NvcGVzIjoiUE9TVF8vZWt5Yy9zZXNzaW9uL3tzZXNzaW9uX2lkfS9kb2MsUE9TVF8vZWt5Yy9zZXNzaW9uL3tzZXNzaW9uX2lkfS9zZWxmaWUsR0VUXy9la3ljL3Nlc3Npb24ve3Nlc3Npb25faWR9L2NoZWNrLFBVVF8vZWt5Yy9zZXNzaW9uL3tzZXNzaW9uX2lkfS9mZWVkYmFjayxHRVRfL2VreWMvc2Vzc2lvbi97c2Vzc2lvbl9pZH0vbWVyY2hhbnQiLCJsYW5ndWFnZSI6ImVuIiwidmVyaWZpY2F0aW9uVHlwZXMiOlsibmF0aW9uYWxfaWRlbnRpdHlfZG9jdW1lbnQiLCJzZWxmaWUiXSwibWF4UmV0cmllcyI6MCwiYXVkIjoiaHR0cHM6Ly9zdGFnaW5nLW9wZW4tYXBpLnBpcHdhdmUuY29tLyIsImlzcyI6IlB3U2xzIiwic3ViVHlwZSI6InVzZXIiLCJzdXBwb3J0ZWRDb3VudHJpZXMiOltdLCJleGNsdWRlZENvdW50cmllcyI6W119.wlYWLUzMcAvitXF3r8jnzg48OJ7Ppqd7XhBahmXOx8o'
+
   // const pw = new PWUISDK();
-  // pw.init("pw-sdk-container")
+  // pw.init({ target: "pw-sdk-container", accessToken })
+
+  // pw.onFinish(() => {
+  // })
 
-  // pw.listenToFinishEkyc(() => {
-  //   alert('eKYC process finished')
+  // pw.onClose(() => {
   // })
 
 </script>