From 1a3e39b6efc0d3c54346853979e59ee950886598 Mon Sep 17 00:00:00 2001
From: Vijay <vijayskumarsuresh@gmail.com>
Date: Wed, 7 Jun 2023 12:10:14 +0530
Subject: [PATCH] feat(INJI-94): [Vijay] Environment Agnostics Basic
 Implementation

Issue Link: https://mosip.atlassian.net/browse/INJI-94
---
 .env                                       |  5 +-
 .github/workflows/android-custom-build.yml |  1 +
 .github/workflows/ios-build.yml            |  1 +
 components/EditableListItem.tsx            | 31 +++++++-
 components/VcDetails.tsx                   | 17 +++++
 components/ui/themes/DefaultTheme.ts       |  4 +
 components/ui/themes/PurpleTheme.ts        |  4 +
 locales/ara.json                           |  2 +
 locales/en.json                            |  2 +
 locales/fil.json                           |  2 +
 locales/hin.json                           |  2 +
 locales/kan.json                           |  2 +
 locales/tam.json                           |  2 +
 machines/app.ts                            | 34 ++++++++-
 machines/app.typegen.ts                    |  7 +-
 machines/settings.ts                       | 71 +++++++++++++++++-
 machines/settings.typegen.ts               | 87 +++++++++++++---------
 machines/vcItem.ts                         |  3 +-
 screens/Profile/ProfileScreen.tsx          | 10 +++
 screens/Profile/ProfileScreenController.ts | 17 +++++
 shared/commonprops/commonProps.ts          |  6 +-
 shared/constants.ts                        |  4 +-
 shared/storage.ts                          |  8 ++
 types/react-native-dotenv/index.d.ts       |  5 ++
 types/vc.ts                                |  1 +
 25 files changed, 277 insertions(+), 51 deletions(-)

diff --git a/.env b/.env
index d58987cb..833c0552 100644
--- a/.env
+++ b/.env
@@ -1,10 +1,13 @@
 # after making changes to the env file, ensure to start the bundler (or the project) with a --reset-cache
 # eg . npm build android:newlogic --reset-cache
 
-MIMOTO_HOST=https://api.qa-1201-b2.mosip.net
+MIMOTO_HOST=https://api.qatriple.mosip.net
 #MIMOTO_HOST=http://mock.mimoto.newlogic.dev
 GOOGLE_NEARBY_MESSAGES_API_KEY=
 #Application Theme can be ( orange | purple )
 APPLICATION_THEME=orange
 
+#environment can be changed if it is toggled
+CREDENTIAL_REGISTRY_EDIT=false
+
 USE_BLE_SHARE=true
diff --git a/.github/workflows/android-custom-build.yml b/.github/workflows/android-custom-build.yml
index 2e9a08b3..5ad86a66 100644
--- a/.github/workflows/android-custom-build.yml
+++ b/.github/workflows/android-custom-build.yml
@@ -78,6 +78,7 @@ jobs:
           MIMOTO_HOST: ${{ github.event.inputs.backendServiceUrl }}
           FIREBASE_SECRET: ${{ secrets.GPG_SECRET }}
           APPLICATION_THEME: ${{ github.event.inputs.theme }}
+          CREDENTIAL_REGISTRY_EDIT: ${{ github.event.inputs.registry_edit }}
       - name: Upload Artifact
         uses: actions/upload-artifact@v3.1.1
         with:
diff --git a/.github/workflows/ios-build.yml b/.github/workflows/ios-build.yml
index 07f9e2fd..a34ef6d1 100644
--- a/.github/workflows/ios-build.yml
+++ b/.github/workflows/ios-build.yml
@@ -72,6 +72,7 @@ jobs:
           SLACK_URL: '${{ secrets.SLACK_WEBHOOK_DEVOPS }}'
           MATCH_PASSWORD: '${{ secrets.INJI_IOS_MATCH_PASSWORD }}'
           APPLICATION_THEME: ${{ github.event.inputs.theme }}
+          CREDENTIAL_REGISTRY_EDIT: ${{ github.event.inputs.registry_edit }}
           MIMOTO_HOST: ${{ github.event.inputs.backendServiceUrl }}
           TESTFLIGHT_INTERNAL_TESTERS_GROUP: ${{ github.event.inputs.internal-testers }}
           TESTFLIGHT_BETA_APP_DESCRIPTION: ${{ github.event.inputs.buildDescription }}
diff --git a/components/EditableListItem.tsx b/components/EditableListItem.tsx
index 6815f11c..97a5a0b1 100644
--- a/components/EditableListItem.tsx
+++ b/components/EditableListItem.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Dimensions, I18nManager } from 'react-native';
 import { Icon, ListItem, Overlay, Input } from 'react-native-elements';
 import { Text, Column, Row, Button } from './ui';
@@ -9,6 +9,13 @@ export const EditableListItem: React.FC<EditableListItemProps> = (props) => {
   const { t } = useTranslation('common');
   const [isEditing, setIsEditing] = useState(false);
   const [newValue, setNewValue] = useState(props.value);
+  const [overlayOpened, setOverlayOpened] = useState(true);
+
+  useEffect(() => {
+    if (props.credentialRegistryError === 'success') {
+      closePopup();
+    }
+  }, [props.credentialRegistryError]);
 
   return (
     <ListItem
@@ -26,8 +33,9 @@ export const EditableListItem: React.FC<EditableListItemProps> = (props) => {
         <ListItem.Title>
           <Text color={Theme.Colors.profileLabel}>{props.label}</Text>
         </ListItem.Title>
+        <Text color={Theme.Colors.profileValue}>{props.value}</Text>
       </ListItem.Content>
-      <Text color={Theme.Colors.profileValue}>{props.value}</Text>
+
       <Overlay
         overlayStyle={{ padding: 24, elevation: 6 }}
         isVisible={isEditing}
@@ -43,6 +51,14 @@ export const EditableListItem: React.FC<EditableListItemProps> = (props) => {
               textAlign: I18nManager.isRTL ? 'right' : 'left',
             }}
           />
+          {props.credentialRegistryError === 'error' && (
+            <Text style={Theme.Styles.warningText}>
+              please try again after sometime...
+            </Text>
+          )}
+          {props.credentialRegistryError === 'success' &&
+            overlayOpened &&
+            closePopup()}
           <Row>
             <Button fill type="clear" title={t('cancel')} onPress={dismiss} />
             <Button fill title={t('save')} onPress={edit} />
@@ -54,12 +70,20 @@ export const EditableListItem: React.FC<EditableListItemProps> = (props) => {
 
   function edit() {
     props.onEdit(newValue);
-    setIsEditing(false);
+    if (props.credentialRegistryError === undefined) {
+      setIsEditing(false);
+    }
   }
 
   function dismiss() {
     setNewValue(props.value);
     setIsEditing(false);
+    props.credentialRegistryError = '';
+  }
+
+  function closePopup() {
+    setIsEditing(false);
+    setOverlayOpened(false);
   }
 };
 
@@ -69,4 +93,5 @@ interface EditableListItemProps {
   Icon: string;
   onEdit: (newValue: string) => void;
   display?: 'none' | 'flex';
+  credentialRegistryError: string;
 }
diff --git a/components/VcDetails.tsx b/components/VcDetails.tsx
index 742946cd..de0b50dc 100644
--- a/components/VcDetails.tsx
+++ b/components/VcDetails.tsx
@@ -11,6 +11,7 @@ import { TextItem } from './ui/TextItem';
 import { VcItemTags } from './VcItemTags';
 import VerifiedIcon from './VerifiedIcon';
 import { getLocalizedField } from '../i18n';
+import { CREDENTIAL_REGISTRY_EDIT } from 'react-native-dotenv';
 
 export const VcDetails: React.FC<VcDetailsProps> = (props) => {
   const { t, i18n } = useTranslation('VcDetails');
@@ -236,6 +237,22 @@ export const VcDetails: React.FC<VcDetailsProps> = (props) => {
                 </Text>
               </Row>
             </Column>
+            {CREDENTIAL_REGISTRY_EDIT === 'true' && (
+              <Column fill style={Theme.Styles.labelPart}>
+                <Text
+                  weight="bold"
+                  size="smaller"
+                  color={Theme.Colors.DetailsLabel}>
+                  {t('credentialRegistry')}
+                </Text>
+                <Text
+                  weight="semibold"
+                  size="smaller"
+                  color={Theme.Colors.Details}>
+                  {props.vc?.credentialRegistry}
+                </Text>
+              </Column>
+            )}
           </Column>
         </Row>
         <VcItemTags tag={props.vc?.tag} />
diff --git a/components/ui/themes/DefaultTheme.ts b/components/ui/themes/DefaultTheme.ts
index 033c2263..a4159a54 100644
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -302,6 +302,10 @@ export const DefaultTheme = {
     placeholder: {
       fontFamily: 'Poppins_400Regular',
     },
+    warningText: {
+      color: Colors.Red,
+      fontSize: 18,
+    },
   }),
   PinInputStyle: StyleSheet.create({
     input: {
diff --git a/components/ui/themes/PurpleTheme.ts b/components/ui/themes/PurpleTheme.ts
index fc5fe478..1b953488 100644
--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -253,6 +253,10 @@ export const PurpleTheme = {
     placeholder: {
       fontFamily: 'Poppins_400Regular',
     },
+    warningText: {
+      color: Colors.Red,
+      fontSize: 18,
+    },
   }),
   PinInputStyle: StyleSheet.create({
     input: {
diff --git a/locales/ara.json b/locales/ara.json
index 43ebdf99..88b07bc6 100644
--- a/locales/ara.json
+++ b/locales/ara.json
@@ -62,6 +62,7 @@
     "no": "رقم",
     "Alert": "انذار",
     "ok": "تمام",
+    "credentialRegistry": "سجل الاعتماد",
     "errors": {
       "savingFailed": {
         "title": "فشل حفظ {{vcLabelSingular}}",
@@ -226,6 +227,7 @@
     "name": "اسم",
     "vcLabel": "تسمية VC",
     "language": "اللغة",
+    "credentialRegistry": "سجل الاعتماد",
     "bioUnlock": "افتح مع القياسات الحيوية",
     "authFactorUnlock": "إلغاء تأمين عامل المصادقة",
     "AppMetaData": "حول إنجي",
diff --git a/locales/en.json b/locales/en.json
index 37214d4c..4b845851 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -62,6 +62,7 @@
     "no": "No",
     "Alert": "Alert",
     "ok": "Okay",
+    "credentialRegistry": "Credential Registry",
     "errors": {
       "savingFailed": {
         "title": "Failed to save the {{vcLabelSingular}}",
@@ -226,6 +227,7 @@
     "name": "Name",
     "vcLabel": "VC Label",
     "language": "Language",
+    "credentialRegistry": "Credential Registry",
     "bioUnlock": "Unlock with biometrics",
     "authFactorUnlock": "Unlock auth factor",
     "AppMetaData": "About Inji",
diff --git a/locales/fil.json b/locales/fil.json
index 48eefbc8..fdc95172 100644
--- a/locales/fil.json
+++ b/locales/fil.json
@@ -62,6 +62,7 @@
     "no": "Hindi",
     "Alert": "Alerto",
     "ok": "Sige",
+    "credentialRegistry": "Registry ng Mga Kredensyal",
     "errors": {
       "savingFailed": {
         "title": "Nabigong i-save ang {{vcLabelSingular}}",
@@ -226,6 +227,7 @@
     "name": "Pangalan",
     "vcLabel": "Panawag sa VC",
     "language": "Wika",
+    "credentialRegistry": "Registry ng Mga Kredensyal",
     "bioUnlock": "I-unlock gamit ang biometrics",
     "authFactorUnlock": "Pagbukas ng auth factor",
     "AppMetaData": "Tungkol kay Inji",
diff --git a/locales/hin.json b/locales/hin.json
index ed009d07..64d57815 100644
--- a/locales/hin.json
+++ b/locales/hin.json
@@ -62,6 +62,7 @@
       "no": "नहीं",
       "Alert": "चेतावनी",
       "ok": "ठीक",
+      "credentialRegistry": "साख रजिस्ट्री",
       "errors": {
         "savingFailed": {
           "title": "{{vcLabelSingular}} सहेजने में विफल",
@@ -228,6 +229,7 @@
       "name": "नाम",
       "vcLabel": "वीसी लेबल",
       "language": "भाषा",
+      "credentialRegistry": "साख रजिस्ट्री",
       "bioUnlock": "बायोमेट्रिक्स से अनलॉक करें",
       "authFactorUnlock": "अनलॉक ऑथ फैक्टर",
       "AppMetaData": "इंजी के बारे में",
diff --git a/locales/kan.json b/locales/kan.json
index 03005c38..901e7deb 100644
--- a/locales/kan.json
+++ b/locales/kan.json
@@ -62,6 +62,7 @@
     "no": "ಸಂ",
     "Alert": "ಎಚ್ಚರಿಕೆ",
     "ok": "ಸರಿ",
+    "credentialRegistry": "ರುಜುವಾತುಗಳ ನೋಂದಣಿ",
     "errors": {
       "savingFailed": {
         "title": "{{vcLabelSingular}} ಉಳಿಸಲು ವಿಫಲವಾಗಿದೆ",
@@ -226,6 +227,7 @@
     "name": "ಹೆಸರು",
     "vcLabel": "VC ಲೇಬಲ್",
     "language": "ಭಾಷೆ",
+    "credentialRegistry": "ರುಜುವಾತುಗಳ ನೋಂದಣಿ",
     "bioUnlock": "ಬಯೋಮೆಟ್ರಿಕ್‌ಗಳೊಂದಿಗೆ ಅನ್‌ಲಾಕ್ ಮಾಡಿ",
     "authFactorUnlock": "ಅನ್ಲಾಕ್ ದೃಢೀಕರಣ ಅಂಶ",
     "AppMetaData": "ಇಂಜಿ ಬಗ್ಗೆ",
diff --git a/locales/tam.json b/locales/tam.json
index f791bada..c3f158e2 100644
--- a/locales/tam.json
+++ b/locales/tam.json
@@ -62,6 +62,7 @@
     "no": "இல்லை",
     "Alert": "எச்சரிக்கை",
     "ok": "சரி",
+    "credentialRegistry": "நற்சான்றிதழ்கள் பதிவு",
     "errors": {
       "savingFailed": {
         "title": "{{vcLabelSingular}}ஐ சேமிப்பதில் தோல்வி",
@@ -226,6 +227,7 @@
     "name": "பெயர்",
     "vcLabel": "VC லேபிள்",
     "language": "மொழி",
+    "credentialRegistry": "நற்சான்றிதழ்கள் பதிவு",
     "bioUnlock": "பயோமெட்ரிக்ஸ் மூலம் திறக்கவும்",
     "authFactorUnlock": "அங்கீகார காரணியைத் திற",
     "AppMetaData": "இன்ஜி பற்றி",
diff --git a/machines/app.ts b/machines/app.ts
index bdd9c881..8524867d 100644
--- a/machines/app.ts
+++ b/machines/app.ts
@@ -9,7 +9,7 @@ import { EventFrom, spawn, StateFrom, send, assign, AnyState } from 'xstate';
 import { createModel } from 'xstate/lib/model';
 import { authMachine, createAuthMachine } from './auth';
 import { createSettingsMachine, settingsMachine } from './settings';
-import { storeMachine } from './store';
+import { StoreEvents, storeMachine } from './store';
 import { createVcMachine, vcMachine } from './vc';
 import { createActivityLogMachine, activityLogMachine } from './activityLog';
 import { createRequestMachine, requestMachine } from './request';
@@ -22,6 +22,11 @@ import { pure, respond } from 'xstate/lib/actions';
 import { AppServices } from '../shared/GlobalContext';
 import { request } from '../shared/request';
 import { isBLEEnabled } from '../lib/smartshare';
+import {
+  changeCrendetialRegistry,
+  SETTINGS_STORE_KEY,
+} from '../shared/constants';
+import { MIMOTO_HOST } from 'react-native-dotenv';
 
 const model = createModel(
   {
@@ -39,6 +44,7 @@ const model = createModel(
       READY: (data?: unknown) => ({ data }),
       APP_INFO_RECEIVED: (info: AppInfo) => ({ info }),
       BACKEND_INFO_RECEIVED: (info: BackendInfo) => ({ info }),
+      STORE_RESPONSE: (response: unknown) => ({ response }),
     },
   }
 );
@@ -67,7 +73,16 @@ export const appMachine = model.createMachine(
           services: {
             entry: ['spawnServiceActors', 'logServiceEvents'],
             on: {
-              READY: 'info',
+              READY: 'credentialRegistry',
+            },
+          },
+          credentialRegistry: {
+            entry: ['loadCredentialRegistryHostFromStorage'],
+            on: {
+              STORE_RESPONSE: {
+                actions: ['loadCredentialRegistryInConstants'],
+                target: 'info',
+              },
             },
           },
           info: {
@@ -239,6 +254,21 @@ export const appMachine = model.createMachine(
       setBackendInfo: model.assign({
         backendInfo: (_, event) => event.info,
       }),
+
+      loadCredentialRegistryHostFromStorage: send(
+        StoreEvents.GET(SETTINGS_STORE_KEY),
+        {
+          to: (context) => context.serviceRefs.store,
+        }
+      ),
+
+      loadCredentialRegistryInConstants: (_context, event) => {
+        changeCrendetialRegistry(
+          !event.response?.credentialRegistry
+            ? MIMOTO_HOST
+            : event.response?.credentialRegistry
+        );
+      },
     },
 
     services: {
diff --git a/machines/app.typegen.ts b/machines/app.typegen.ts
index 35298387..2e8f80b5 100644
--- a/machines/app.typegen.ts
+++ b/machines/app.typegen.ts
@@ -19,6 +19,8 @@ export interface Typegen0 {
   };
   'eventsCausingActions': {
     forwardToServices: 'ACTIVE' | 'INACTIVE' | 'OFFLINE' | 'ONLINE';
+    loadCredentialRegistryHostFromStorage: 'READY';
+    loadCredentialRegistryInConstants: 'STORE_RESPONSE';
     logServiceEvents: 'READY';
     logStoreEvents: 'xstate.init';
     requestDeviceInfo: 'REQUEST_DEVICE_INFO';
@@ -32,11 +34,12 @@ export interface Typegen0 {
   'eventsCausingServices': {
     checkFocusState: 'BACKEND_INFO_RECEIVED';
     checkNetworkState: 'BACKEND_INFO_RECEIVED';
-    getAppInfo: 'READY';
+    getAppInfo: 'STORE_RESPONSE';
     getBackendInfo: 'APP_INFO_RECEIVED';
   };
   'matchesStates':
     | 'init'
+    | 'init.credentialRegistry'
     | 'init.devinfo'
     | 'init.info'
     | 'init.services'
@@ -51,7 +54,7 @@ export interface Typegen0 {
     | 'ready.network.offline'
     | 'ready.network.online'
     | {
-        init?: 'devinfo' | 'info' | 'services' | 'store';
+        init?: 'credentialRegistry' | 'devinfo' | 'info' | 'services' | 'store';
         ready?:
           | 'focus'
           | 'network'
diff --git a/machines/settings.ts b/machines/settings.ts
index cf8d2949..29c65b94 100644
--- a/machines/settings.ts
+++ b/machines/settings.ts
@@ -1,9 +1,13 @@
 import { ContextFrom, EventFrom, send, StateFrom } from 'xstate';
 import { createModel } from 'xstate/lib/model';
 import { AppServices } from '../shared/GlobalContext';
-import { SETTINGS_STORE_KEY } from '../shared/constants';
+import { HOST, SETTINGS_STORE_KEY } from '../shared/constants';
 import { VCLabel } from '../types/vc';
 import { StoreEvents } from './store';
+import getAllConfigurations, {
+  COMMON_PROPS_KEY,
+} from '../shared/commonprops/commonProps';
+import Storage from '../shared/storage';
 
 const model = createModel(
   {
@@ -14,6 +18,8 @@ const model = createModel(
       plural: 'Cards',
     } as VCLabel,
     isBiometricUnlockEnabled: false,
+    credentialRegistry: HOST,
+    credentialRegistryError: '',
   },
   {
     events: {
@@ -22,6 +28,12 @@ const model = createModel(
       TOGGLE_BIOMETRIC_UNLOCK: (enable: boolean) => ({ enable }),
       STORE_RESPONSE: (response: unknown) => ({ response }),
       CHANGE_LANGUAGE: (language: string) => ({ language }),
+      UPDATE_CREDENTIAL_REGISTRY: (credentialRegistry: string) => ({
+        credentialRegistry,
+      }),
+      UPDATE_CREDENTIAL_REGISTRY_ERROR: (credentialRegistryError: string) => ({
+        credentialRegistryError,
+      }),
     },
   }
 );
@@ -66,6 +78,26 @@ export const settingsMachine = model.createMachine(
           UPDATE_VC_LABEL: {
             actions: ['updateVcLabel', 'storeContext'],
           },
+          UPDATE_CREDENTIAL_REGISTRY: {
+            actions: ['resetCredentialRegistry'],
+            target: 'resetInjiProps',
+          },
+        },
+      },
+      resetInjiProps: {
+        invoke: {
+          src: 'resetInjiProps',
+          onDone: {
+            actions: [
+              'updateCredentialRegistrySuccess',
+              'updateCredentialRegistry',
+            ],
+            target: 'idle',
+          },
+          onError: {
+            actions: ['updateCredentialRegistryError'],
+            target: 'idle',
+          },
         },
       },
     },
@@ -102,13 +134,41 @@ export const settingsMachine = model.createMachine(
           plural: event.label + 's',
         }),
       }),
+      updateCredentialRegistry: model.assign({
+        credentialRegistry: (_context, event) => event.data.warningDomainName,
+      }),
+
+      updateCredentialRegistryError: model.assign({
+        credentialRegistryError: () => 'error',
+      }),
+
+      updateCredentialRegistrySuccess: model.assign({
+        credentialRegistryError: () => 'success',
+      }),
+
+      resetCredentialRegistry: model.assign({
+        credentialRegistryError: () => {
+          console.log('resetCredentialRegistry : called');
+          return '';
+        },
+      }),
 
       toggleBiometricUnlock: model.assign({
         isBiometricUnlockEnabled: (_, event) => event.enable,
       }),
     },
 
-    services: {},
+    services: {
+      resetInjiProps: async (context, event) => {
+        try {
+          await Storage.removeItem(COMMON_PROPS_KEY);
+          return await getAllConfigurations(event.credentialRegistry);
+        } catch (error) {
+          console.log('Error from resetInjiProps ', error);
+          throw error;
+        }
+      },
+    },
 
     guards: {
       hasData: (_, event) => event.response != null,
@@ -133,6 +193,13 @@ export function selectVcLabel(state: State) {
   return state.context.vcLabel;
 }
 
+export function selectCredentialRegistry(state: State) {
+  return state.context.credentialRegistry;
+}
+export function selectCredentialRegistryError(state: State) {
+  return state.context.credentialRegistryError;
+}
+
 export function selectBiometricUnlockEnabled(state: State) {
   return state.context.isBiometricUnlockEnabled;
 }
diff --git a/machines/settings.typegen.ts b/machines/settings.typegen.ts
index 0e4d9f81..8cdb3733 100644
--- a/machines/settings.typegen.ts
+++ b/machines/settings.typegen.ts
@@ -1,38 +1,51 @@
+// This file was automatically generated. Edits will be overwritten
 
-  // This file was automatically generated. Edits will be overwritten
-
-  export interface Typegen0 {
-        '@@xstate/typegen': true;
-        internalEvents: {
-          "xstate.init": { type: "xstate.init" };
-        };
-        invokeSrcNameMap: {
-          
-        };
-        missingImplementations: {
-          actions: never;
-          delays: never;
-          guards: never;
-          services: never;
-        };
-        eventsCausingActions: {
-          "requestStoredContext": "xstate.init";
-"setContext": "STORE_RESPONSE";
-"storeContext": "STORE_RESPONSE" | "TOGGLE_BIOMETRIC_UNLOCK" | "UPDATE_NAME" | "UPDATE_VC_LABEL";
-"toggleBiometricUnlock": "TOGGLE_BIOMETRIC_UNLOCK";
-"updateName": "UPDATE_NAME";
-"updateVcLabel": "UPDATE_VC_LABEL";
-        };
-        eventsCausingDelays: {
-          
-        };
-        eventsCausingGuards: {
-          "hasData": "STORE_RESPONSE";
-        };
-        eventsCausingServices: {
-          
-        };
-        matchesStates: "idle" | "init" | "storingDefaults";
-        tags: never;
-      }
-  
\ No newline at end of file
+export interface Typegen0 {
+  '@@xstate/typegen': true;
+  'internalEvents': {
+    'done.invoke.settings.resetInjiProps:invocation[0]': {
+      type: 'done.invoke.settings.resetInjiProps:invocation[0]';
+      data: unknown;
+      __tip: 'See the XState TS docs to learn how to strongly type this.';
+    };
+    'error.platform.settings.resetInjiProps:invocation[0]': {
+      type: 'error.platform.settings.resetInjiProps:invocation[0]';
+      data: unknown;
+    };
+    'xstate.init': { type: 'xstate.init' };
+  };
+  'invokeSrcNameMap': {
+    resetInjiProps: 'done.invoke.settings.resetInjiProps:invocation[0]';
+  };
+  'missingImplementations': {
+    actions: never;
+    delays: never;
+    guards: never;
+    services: never;
+  };
+  'eventsCausingActions': {
+    requestStoredContext: 'xstate.init';
+    resetCredentialRegistry: 'UPDATE_CREDENTIAL_REGISTRY';
+    setContext: 'STORE_RESPONSE';
+    storeContext:
+      | 'STORE_RESPONSE'
+      | 'TOGGLE_BIOMETRIC_UNLOCK'
+      | 'UPDATE_NAME'
+      | 'UPDATE_VC_LABEL';
+    toggleBiometricUnlock: 'TOGGLE_BIOMETRIC_UNLOCK';
+    updateCredentialRegistry: 'done.invoke.settings.resetInjiProps:invocation[0]';
+    updateCredentialRegistryError: 'error.platform.settings.resetInjiProps:invocation[0]';
+    updateCredentialRegistrySuccess: 'done.invoke.settings.resetInjiProps:invocation[0]';
+    updateName: 'UPDATE_NAME';
+    updateVcLabel: 'UPDATE_VC_LABEL';
+  };
+  'eventsCausingDelays': {};
+  'eventsCausingGuards': {
+    hasData: 'STORE_RESPONSE';
+  };
+  'eventsCausingServices': {
+    resetInjiProps: 'UPDATE_CREDENTIAL_REGISTRY';
+  };
+  'matchesStates': 'idle' | 'init' | 'resetInjiProps' | 'storingDefaults';
+  'tags': never;
+}
diff --git a/machines/vcItem.ts b/machines/vcItem.ts
index 15a8bc5b..a61ef432 100644
--- a/machines/vcItem.ts
+++ b/machines/vcItem.ts
@@ -1,6 +1,6 @@
 import { assign, ErrorPlatformEvent, EventFrom, send, StateFrom } from 'xstate';
 import { createModel } from 'xstate/lib/model';
-import { MY_VCS_STORE_KEY, VC_ITEM_STORE_KEY } from '../shared/constants';
+import { HOST, MY_VCS_STORE_KEY, VC_ITEM_STORE_KEY } from '../shared/constants';
 import { AppServices } from '../shared/GlobalContext';
 import { CredentialDownloadResponse, request } from '../shared/request';
 import {
@@ -647,6 +647,7 @@ export const vcItemMachine =
         storeContext: send(
           (context) => {
             const { serviceRefs, ...data } = context;
+            data.credentialRegistry = HOST;
             return StoreEvents.SET(VC_ITEM_STORE_KEY(context), data);
           },
           {
diff --git a/screens/Profile/ProfileScreen.tsx b/screens/Profile/ProfileScreen.tsx
index fbff41b7..98ca3c3e 100644
--- a/screens/Profile/ProfileScreen.tsx
+++ b/screens/Profile/ProfileScreen.tsx
@@ -14,6 +14,7 @@ import { LanguageSelector } from '../../components/LanguageSelector';
 import i18next, { SUPPORTED_LANGUAGES } from '../../i18n';
 import { ScrollView } from 'react-native-gesture-handler';
 import { AppMetaData } from './AppMetaData';
+import { CREDENTIAL_REGISTRY_EDIT } from 'react-native-dotenv';
 
 const LanguageSetting: React.FC = () => {
   const { t } = useTranslation('ProfileScreen');
@@ -120,6 +121,15 @@ export const ProfileScreen: React.FC<MainRouteProps> = (props) => {
           label={t('AppMetaData')}
           color={Theme.Colors.profileLabel}
         />
+        {CREDENTIAL_REGISTRY_EDIT === 'true' && (
+          <EditableListItem
+            label={t('credentialRegistry')}
+            value={controller.credentialRegistry}
+            credentialRegistryError={controller.credentialRegistryError}
+            onEdit={controller.UPDATE_CREDENTIAL_REGISTRY}
+            Icon="star"
+          />
+        )}
         <ListItem bottomDivider onPress={controller.LOGOUT}>
           <Icon
             name="logout"
diff --git a/screens/Profile/ProfileScreenController.ts b/screens/Profile/ProfileScreenController.ts
index 5a7e26b8..c2b32fc5 100644
--- a/screens/Profile/ProfileScreenController.ts
+++ b/screens/Profile/ProfileScreenController.ts
@@ -10,7 +10,9 @@ import {
 import {
   selectBiometricUnlockEnabled,
   selectName,
+  selectCredentialRegistryError,
   selectVcLabel,
+  selectCredentialRegistry,
   SettingsEvents,
 } from '../../machines/settings';
 
@@ -96,6 +98,11 @@ export function useProfileScreen({ navigation }: MainRouteProps) {
     backendInfo: useSelector(appService, selectBackendInfo),
     name: useSelector(settingsService, selectName),
     vcLabel: useSelector(settingsService, selectVcLabel),
+    credentialRegistry: useSelector(settingsService, selectCredentialRegistry),
+    credentialRegistryError: useSelector(
+      settingsService,
+      selectCredentialRegistryError
+    ),
     isBiometricUnlockEnabled: useSelector(
       settingsService,
       selectBiometricUnlockEnabled
@@ -109,6 +116,16 @@ export function useProfileScreen({ navigation }: MainRouteProps) {
     UPDATE_VC_LABEL: (label: string) =>
       settingsService.send(SettingsEvents.UPDATE_VC_LABEL(label)),
 
+    UPDATE_CREDENTIAL_REGISTRY: (credentialRegistry: string) =>
+      settingsService.send(
+        SettingsEvents.UPDATE_CREDENTIAL_REGISTRY(credentialRegistry)
+      ),
+
+    UPDATE_CREDENTIAL_REGISTRY_ERROR: (credentialRegistryError: string) =>
+      settingsService.send(
+        SettingsEvents.UPDATE_CREDENTIAL_REGISTRY_ERROR(credentialRegistryError)
+      ),
+
     TOGGLE_BIOMETRIC: (enable: boolean) =>
       settingsService.send(SettingsEvents.TOGGLE_BIOMETRIC_UNLOCK(enable)),
 
diff --git a/shared/commonprops/commonProps.ts b/shared/commonprops/commonProps.ts
index 74587ff6..99436920 100644
--- a/shared/commonprops/commonProps.ts
+++ b/shared/commonprops/commonProps.ts
@@ -1,12 +1,14 @@
 import { request } from '../request';
 import Storage from '../storage';
 import { init } from 'mosip-inji-face-sdk';
+import { changeCrendetialRegistry } from '../constants';
 
-const COMMON_PROPS_KEY: string =
+export const COMMON_PROPS_KEY: string =
   'CommonPropsKey-' + '6964d04a-9268-11ed-a1eb-0242ac120002';
 
-export default async function getAllConfigurations() {
+export default async function getAllConfigurations(host = undefined) {
   try {
+    host && changeCrendetialRegistry(host);
     var response = await Storage.getItem(COMMON_PROPS_KEY);
     if (response) {
       return JSON.parse(response);
diff --git a/shared/constants.ts b/shared/constants.ts
index 347863c3..f46084a9 100644
--- a/shared/constants.ts
+++ b/shared/constants.ts
@@ -4,7 +4,9 @@ import {
   GOOGLE_NEARBY_MESSAGES_API_KEY,
 } from 'react-native-dotenv';
 
-export const HOST = MIMOTO_HOST;
+export let HOST = MIMOTO_HOST;
+
+export const changeCrendetialRegistry = (host) => (HOST = host);
 
 export const MY_VCS_STORE_KEY = 'myVCs';
 
diff --git a/shared/storage.ts b/shared/storage.ts
index f2f92877..4a0e4ddc 100644
--- a/shared/storage.ts
+++ b/shared/storage.ts
@@ -36,6 +36,14 @@ class Storage {
     }
   };
 
+  static removeItem = async (key: string) => {
+    if (vcKeyRegExp.exec(key)) {
+      const path = getFilePath(key);
+      return await unlink(path);
+    }
+    MMKV.removeItem(key);
+  };
+
   static clear = async () => {
     try {
       (await exists(`${vcDirectoryPath}`)) &&
diff --git a/types/react-native-dotenv/index.d.ts b/types/react-native-dotenv/index.d.ts
index 326713d9..fc81e66e 100644
--- a/types/react-native-dotenv/index.d.ts
+++ b/types/react-native-dotenv/index.d.ts
@@ -18,4 +18,9 @@ declare module 'react-native-dotenv' {
    * Flag for Toggling Purple Theme and Default Theme
    */
   export const APPLICATION_THEME: string;
+
+  /**
+   * Flag for Toggling environment url
+   */
+  export const CREDENTIAL_REGISTRY_EDIT: string;
 }
diff --git a/types/vc.ts b/types/vc.ts
index 2798aa33..e7a09f2d 100644
--- a/types/vc.ts
+++ b/types/vc.ts
@@ -15,6 +15,7 @@ export interface VC {
   reason?: VCSharingReason[];
   shouldVerifyPresence?: boolean;
   walletBindingResponse?: WalletBindingResponse;
+  credentialRegistry: string;
 }
 
 export interface VCSharingReason {