Merge pull request #72 from hypersign-protocol/feature/kyc-webpage-generator

Feature/kyc webpage generator

Author: varsha766

src/App.vue

@@ -551,11 +551,16 @@ export default {
                   href: "/studio/widget-config/" + this.getSelectedService.appId,
                   title: "KYC Widget",
                   icon: "fa fa-puzzle-piece",
-                }, {
+                },                 {
                   href: "/studio/webhook-config/" + this.getSelectedService.appId,
                   title: "Webhook",
                   icon: "fa fa-anchor",
                 },
+                {
+                  href: "/studio/kyc-webpage-generator/" + this.getSelectedService.appId,
+                  title: "KYC Webpage",
+                  icon: "fa fa-globe",
+                },
               ]
             })
 

src/router.js

@@ -18,6 +18,7 @@ const UsageS = () => import('./views/playground/Usage.vue')
 const OnChainKycSystems = () => import('./views/playground/OnChainKycSystems.vue')
 const WidgetConfig = () => import('./views/playground/WidgetConfig/Index.vue')
 const WebhookConfig = () => import('./views/playground/WebhookConfig.vue')
+const KYCWebpageGenerator = () => import('./views/playground/KYCWebpageGenerator.vue')
 const MFA = () => import('./components/login/mfa/MFA.vue')
 const SettingConfig = () => import('./views/SettingConfig.vue')
 Vue.use(Router)
@@ -181,6 +182,15 @@ const router = new Router({
         title: `${config.app.name} - WebhookConfig`
       }
     },
+    {
+      path: '/studio/kyc-webpage-generator/:appId',
+      name: 'KYCWebpageGenerator',
+      component: KYCWebpageGenerator,
+      meta: {
+        requiresAuth: true,
+        title: `${config.app.name} - KYC Webpage Generator`
+      }
+    },
     {
       path: '/studio/sessions/:appId/:sessionId',
       name: 'sessionDetails',

src/store/mainStore.js

@@ -35,6 +35,7 @@ const mainStore = {
 
         },
         webhookConfig: {},
+        kycWebpageConfig: {},
         marketPlaceApps: [],
         adminMembers: [],
         myInvitions: [],
@@ -125,6 +126,9 @@ const mainStore = {
         getWebhookConfig: (state) => {
             return state.webhookConfig
         },
+        getKYCWebpageConfig: (state) => {
+            return state.kycWebpageConfig
+        },
         getMarketPlaceApps: (state) => {
             return state.marketPlaceApps
         },
@@ -167,6 +171,9 @@ const mainStore = {
         setWebhookConfig: (state, payload) => {
             state.webhookConfig = { ...payload }
         },
+        setKYCWebpageConfig: (state, payload) => {
+            state.kycWebpageConfig = { ...payload }
+        },
         setMainSideNavBar: (state, payload) => {
             state.showMainSideNavBar = payload ? payload : false;
         },
@@ -1229,6 +1236,116 @@ const mainStore = {
             })
         },
 
+        // KYC webpage config - DUMMY IMPLEMENTATION (Backend calls commented out)
+        createKYCWebpageConfig: ({ commit, getters }, payload) => {
+            return new Promise((resolve, reject) => {
+                if (!getters.getSelectedService || !getters.getSelectedService.appId) {
+                    return reject(new Error('App ID is not available, service is not selected'))
+                }
+                const url = `${apiServerBaseUrl}/app/${getters.getSelectedService.appId}/kyc-webpage-config`;
+                const headers = UtilsMixin.methods.getHeader(localStorage.getItem('authToken'));
+
+                fetch(url, {
+                    method: 'POST',
+                    headers,
+                    body: JSON.stringify(payload),
+                    credentials: 'include'
+                }).then(response => response.json())
+                    .then(json => {
+                        if (json.error) {
+                            return reject(new Error(json.message))
+                        }
+                        commit('setKYCWebpageConfig', json);
+                        resolve(json)
+                    }).catch((e) => {
+                        return reject(`Error while creating KYC webpage configuration: ` + e.message);
+                    })
+            });
+        },
+
+        fetchKYCWebpageConfig: ({ commit, getters }) => {
+            return new Promise((resolve, reject) => {
+                if (!getters.getSelectedService || !getters.getSelectedService.appId) {
+                    return reject(new Error('App ID is not available, service is not selected'))
+                }
+                const url = `${apiServerBaseUrl}/app/${getters.getSelectedService.appId}/kyc-webpage-config`;
+                const headers = UtilsMixin.methods.getHeader(localStorage.getItem('authToken'));
+
+                return fetch(url, {
+                    method: 'GET',
+                    headers,
+                    credentials: 'include'
+                }).then(response => response.json()).then(json => {
+                    if (json) {
+                        if (json.error) {
+                            return reject(new Error(json.message))
+                        } else {
+                            if (json.expiryType === 'custom' && json.expiryDate) {
+                                json.customExpiryDate = json.expiryDate.split('T')[0];
+                            }
+                            commit('setKYCWebpageConfig', json);
+                            return resolve()
+                        }
+                    } else {
+                        return resolve()
+                    }
+                }).catch((e) => {
+                    return reject(`Error while fetching KYC webpage configuration: ` + e.message);
+                })
+            });
+        },
+
+        updateKYCWebpageConfig: ({ commit, getters }, payload) => {
+            return new Promise((resolve, reject) => {
+                if (!getters.getSelectedService || !getters.getSelectedService.appId) {
+                    return reject(new Error('App ID is not available, service is not selected'))
+                }
+                const url = `${apiServerBaseUrl}/app/${getters.getSelectedService.appId}/kyc-webpage-config/${payload._id}`;
+                const headers = UtilsMixin.methods.getHeader(localStorage.getItem('authToken'));
+
+                fetch(url, {
+                    method: 'PATCH',
+                    headers,
+                    body: JSON.stringify(payload),
+                    credentials: 'include'
+                }).then(response => response.json())
+                    .then(json => {
+                        if (json.error) {
+                            return reject(new Error(json.message))
+                        }
+                        commit('setKYCWebpageConfig', json);
+                        resolve(json)
+                    }).catch((e) => {
+                        return reject(`Error while updating KYC webpage configuration: ` + e.message);
+                    })
+            });
+        },
+
+        deleteKYCWebpageConfig: ({ commit, getters }, payload) => {
+            return new Promise((resolve, reject) => {
+                if (!getters.getSelectedService || !getters.getSelectedService.appId) {
+                    return reject(new Error('App ID is not available, service is not selected'))
+                }
+                const url = `${apiServerBaseUrl}/app/${getters.getSelectedService.appId}/kyc-webpage-config/${payload._id}`;
+                const headers = UtilsMixin.methods.getHeader(localStorage.getItem('authToken'));
+
+                fetch(url, {
+                    method: 'DELETE',
+                    headers,
+                    credentials: 'include'
+                }).then(response => response.json())
+                    .then(json => {
+                        if (json.error) {
+                            return reject(new Error(json.message))
+                        }
+                        commit('setKYCWebpageConfig', {});
+                        resolve({ success: true })
+                    }).catch((e) => {
+                        return reject(`Error while deleting KYC webpage configuration: ` + e.message);
+                    })
+            });
+        },
+
 
         fetchSessionsDetailsById2: ({ commit, getters }, payload) => {
             return new Promise((resolve, reject) => {