@djb25/digit-ui-module-ekyc 1.0.34 → 1.0.36

package/dist/index.js

@@ -297,12 +297,7 @@ const DesktopInbox = _ref => {
       let row = _ref2.row;
       const kno = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.kno) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationNumber) || "NA";
       return /*#__PURE__*/React__default.createElement("span", {
-        className: "ekyc-application-link",
-        style: {
-          color: "#add8f7",
-          cursor: "pointer",
-          fontWeight: "bold"
-        },
+        className: "link",
         onClick: () => handleReview(kno)
       }, kno);
     }
@@ -344,12 +339,7 @@ const DesktopInbox = _ref => {
       let row = _ref6.row;
       const kno = ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.kno) || ((_row$original8 = row.original) === null || _row$original8 === void 0 ? void 0 : _row$original8.applicationNumber) || "NA";
       return /*#__PURE__*/React__default.createElement("span", {
-        className: "ekyc-application-link",
-        style: {
-          color: "#add8f7",
-          cursor: "pointer",
-          fontWeight: "bold"
-        },
+        className: "link",
         onClick: () => handleReview(kno)
       }, t("EKYC_REVIEW"));
     }
@@ -1798,7 +1788,7 @@ const useInboxTableConfig = _ref => {
       let row = _ref2.row;
       const kno = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.kno) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationNumber) || "NA";
       return /*#__PURE__*/React__default.createElement("span", {
-        className: "ekyc-application-link",
+        className: "link",
         onClick: () => handleReview(kno)
       }, kno);
     }
@@ -1832,23 +1822,6 @@ const useInboxTableConfig = _ref => {
         className: "ekyc-status-tag " + ekycStatus
       }, t("" + ekycStatus));
     }
-  }, {
-    Header: t("EKYC_REVIEW"),
-    accessor: "review",
-    Cell: _ref6 => {
-      var _row$original7, _row$original8;
-      let row = _ref6.row;
-      const kno = ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.kno) || ((_row$original8 = row.original) === null || _row$original8 === void 0 ? void 0 : _row$original8.applicationNumber) || "NA";
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: "ekyc-application-link",
-        style: {
-          color: "#add8f7",
-          cursor: "pointer",
-          fontWeight: "bold"
-        },
-        onClick: () => handleReview(kno)
-      }, t("EKYC_REVIEW"));
-    }
   }];
   return {
     disableSort: false,
@@ -1902,261 +1875,259 @@ const useInboxTableConfig = _ref => {
   };
 };
 
-var isNullOrUndefined = (value) => value == null;
-
-const isObjectType = (value) => typeof value === 'object';
-var isObject = (value) => !isNullOrUndefined(value) &&
-    !Array.isArray(value) &&
-    isObjectType(value) &&
-    !(value instanceof Date);
-
-var isKey = (value) => /^\w*$/.test(value);
-
-var compact = (value) => value.filter(Boolean);
-
-var stringToPath = (input) => compact(input
-    .replace(/["|']/g, '')
-    .replace(/\[/g, '.')
-    .replace(/\]/g, '')
-    .split('.'));
-
-function set(object, path, value) {
-    let index = -1;
-    const tempPath = isKey(path) ? [path] : stringToPath(path);
-    const length = tempPath.length;
-    const lastIndex = length - 1;
-    while (++index < length) {
-        const key = tempPath[index];
-        let newValue = value;
-        if (index !== lastIndex) {
-            const objValue = object[key];
-            newValue =
-                isObject(objValue) || Array.isArray(objValue)
-                    ? objValue
-                    : !isNaN(+tempPath[index + 1])
-                        ? []
-                        : {};
-        }
-        object[key] = newValue;
-        object = object[key];
-    }
-    return object;
+const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
+const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
+function _catch(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+  return result;
+}
+function _finallyRethrows(body, finalizer) {
+  try {
+    var result = body();
+  } catch (e) {
+    return finalizer(true, e);
+  }
+  if (result && result.then) {
+    return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+  }
+  return finalizer(false, result);
 }
 
-var isUndefined = (val) => val === undefined;
-
-var get = (obj = {}, path, defaultValue) => {
-    const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => (isNullOrUndefined(result) ? result : result[key]), obj);
-    return isUndefined(result) || result === obj
-        ? isUndefined(obj[path])
-            ? defaultValue
-            : obj[path]
-        : result;
+var isNullOrUndefined = value => value == null;
+const isObjectType = value => typeof value === 'object';
+var isObject = value => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !(value instanceof Date);
+var isKey = value => /^\w*$/.test(value);
+var compact = value => value.filter(Boolean);
+var stringToPath = input => compact(input.replace(/["|']/g, '').replace(/\[/g, '.').replace(/\]/g, '').split('.'));
+function set(object, path, value) {
+  let index = -1;
+  const tempPath = isKey(path) ? [path] : stringToPath(path);
+  const length = tempPath.length;
+  const lastIndex = length - 1;
+  while (++index < length) {
+    const key = tempPath[index];
+    let newValue = value;
+    if (index !== lastIndex) {
+      const objValue = object[key];
+      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
+    }
+    object[key] = newValue;
+    object = object[key];
+  }
+  return object;
+}
+var isUndefined = val => val === undefined;
+var get = function (obj, path, defaultValue) {
+  if (obj === void 0) {
+    obj = {};
+  }
+  const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], obj);
+  return isUndefined(result) || result === obj ? isUndefined(obj[path]) ? defaultValue : obj[path] : result;
 };
-
-var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-
-var isFunction = (value) => typeof value === 'function';
-
-var skipValidation = ({ isOnBlur, isOnChange, isOnTouch, isTouched, isReValidateOnBlur, isReValidateOnChange, isBlurEvent, isSubmitted, isOnAll, }) => {
-    if (isOnAll) {
-        return false;
-    }
-    else if (!isSubmitted && isOnTouch) {
-        return !(isTouched || isBlurEvent);
-    }
-    else if (isSubmitted ? isReValidateOnBlur : isOnBlur) {
-        return !isBlurEvent;
-    }
-    else if (isSubmitted ? isReValidateOnChange : isOnChange) {
-        return isBlurEvent;
-    }
-    return true;
+var isPrimitive = value => isNullOrUndefined(value) || !isObjectType(value);
+var isFunction = value => typeof value === 'function';
+var skipValidation = _ref9 => {
+  let isOnBlur = _ref9.isOnBlur,
+    isOnChange = _ref9.isOnChange,
+    isOnTouch = _ref9.isOnTouch,
+    isTouched = _ref9.isTouched,
+    isReValidateOnBlur = _ref9.isReValidateOnBlur,
+    isReValidateOnChange = _ref9.isReValidateOnChange,
+    isBlurEvent = _ref9.isBlurEvent,
+    isSubmitted = _ref9.isSubmitted,
+    isOnAll = _ref9.isOnAll;
+  if (isOnAll) {
+    return false;
+  } else if (!isSubmitted && isOnTouch) {
+    return !(isTouched || isBlurEvent);
+  } else if (isSubmitted ? isReValidateOnBlur : isOnBlur) {
+    return !isBlurEvent;
+  } else if (isSubmitted ? isReValidateOnChange : isOnChange) {
+    return isBlurEvent;
+  }
+  return true;
 };
-
-const isMatchFieldArrayName = (name, searchName) => RegExp(`^${searchName}([|.)\\d+`.replace(/\[/g, '\\[').replace(/\]/g, '\\]')).test(name);
-var isNameInFieldArray = (names, name) => [...names].some((current) => isMatchFieldArrayName(name, current));
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+const isMatchFieldArrayName = (name, searchName) => RegExp(("^" + searchName + "([|.)\\d+").replace(/\[/g, '\\[').replace(/\]/g, '\\]')).test(name);
+var isNameInFieldArray = (names, name) => [...names].some(current => isMatchFieldArrayName(name, current));
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 }
-
-const FormContext = React.createContext(null);
-FormContext.displayName = 'RHFContext';
-const useFormContext = () => React.useContext(FormContext);
-
-var getInputValue = (event) => isPrimitive(event) ||
-    !isObject(event.target) ||
-    (isObject(event.target) && !event.type)
-    ? event
-    : isUndefined(event.target.value)
-        ? event.target.checked
-        : event.target.value;
-
-function useController({ name, rules, defaultValue, control, onFocus, }) {
-    const methods = useFormContext();
-    if (process.env.NODE_ENV !== 'production') {
-        if (!control && !methods) {
-            throw new Error('📋 Controller is missing `control` prop. https://react-hook-form.com/api#Controller');
-        }
-    }
-    const { defaultValuesRef, setValue, register, unregister, trigger, mode, reValidateMode: { isReValidateOnBlur, isReValidateOnChange }, formState, formStateRef: { current: { isSubmitted, touched, errors }, }, updateFormState, readFormStateRef, fieldsRef, fieldArrayNamesRef, shallowFieldsStateRef, } = control || methods.control;
-    const isNotFieldArray = !isNameInFieldArray(fieldArrayNamesRef.current, name);
-    const getInitialValue = () => !isUndefined(get(shallowFieldsStateRef.current, name)) && isNotFieldArray
-        ? get(shallowFieldsStateRef.current, name)
-        : isUndefined(defaultValue)
-            ? get(defaultValuesRef.current, name)
-            : defaultValue;
-    const [value, setInputStateValue] = React.useState(getInitialValue());
-    const valueRef = React.useRef(value);
-    const ref = React.useRef({
-        focus: () => null,
-    });
-    const onFocusRef = React.useRef(onFocus ||
-        (() => {
-            if (isFunction(ref.current.focus)) {
-                ref.current.focus();
-            }
-            if (process.env.NODE_ENV !== 'production') {
-                if (!isFunction(ref.current.focus)) {
-                    console.warn(`📋 'ref' from Controller render prop must be attached to a React component or a DOM Element whose ref provides a 'focus()' method`);
-                }
-            }
-        }));
-    const shouldValidate = React.useCallback((isBlurEvent) => !skipValidation(Object.assign({ isBlurEvent,
-        isReValidateOnBlur,
-        isReValidateOnChange,
-        isSubmitted, isTouched: !!get(touched, name) }, mode)), [
-        isReValidateOnBlur,
-        isReValidateOnChange,
-        isSubmitted,
-        touched,
-        name,
-        mode,
-    ]);
-    const commonTask = React.useCallback(([event]) => {
-        const data = getInputValue(event);
-        setInputStateValue(data);
-        valueRef.current = data;
-        return data;
-    }, []);
-    const registerField = React.useCallback((shouldUpdateValue) => {
-        if (process.env.NODE_ENV !== 'production') {
-            if (!name) {
-                return console.warn('📋 Field is missing `name` prop. https://react-hook-form.com/api#Controller');
-            }
-        }
-        if (fieldsRef.current[name]) {
-            fieldsRef.current[name] = Object.assign({ ref: fieldsRef.current[name].ref }, rules);
-        }
-        else {
-            register(Object.defineProperties({
-                name,
-                focus: onFocusRef.current,
-            }, {
-                value: {
-                    set(data) {
-                        setInputStateValue(data);
-                        valueRef.current = data;
-                    },
-                    get() {
-                        return valueRef.current;
-                    },
-                },
-            }), rules);
-            shouldUpdateValue = isUndefined(get(defaultValuesRef.current, name));
-        }
-        shouldUpdateValue &&
-            isNotFieldArray &&
-            setInputStateValue(getInitialValue());
-    }, [rules, name, register]);
-    React.useEffect(() => () => unregister(name), [name]);
-    React.useEffect(() => {
-        if (process.env.NODE_ENV !== 'production') {
-            if (isUndefined(value)) {
-                console.warn(`📋 ${name} is missing in the 'defaultValue' prop of either its Controller (https://react-hook-form.com/api#Controller) or useForm (https://react-hook-form.com/api#useForm)`);
-            }
-            if (!isNotFieldArray && isUndefined(defaultValue)) {
-                console.warn('📋 Controller is missing `defaultValue` prop when using `useFieldArray`. https://react-hook-form.com/api#Controller');
-            }
-        }
-        registerField();
-    }, [registerField]);
-    React.useEffect(() => {
-        !fieldsRef.current[name] && registerField(true);
-    });
-    const onBlur = React.useCallback(() => {
-        if (readFormStateRef.current.touched && !get(touched, name)) {
-            set(touched, name, true);
-            updateFormState({
-                touched,
-            });
-        }
-        shouldValidate(true) && trigger(name);
-    }, [name, updateFormState, shouldValidate, trigger, readFormStateRef]);
-    const onChange = React.useCallback((...event) => setValue(name, commonTask(event), {
-        shouldValidate: shouldValidate(),
-        shouldDirty: true,
-    }), [setValue, name, shouldValidate]);
-    return {
-        field: {
-            onChange,
-            onBlur,
-            name,
-            value,
-            ref,
-        },
-        meta: Object.defineProperties({
-            invalid: !!get(errors, name),
-        }, {
-            isDirty: {
-                get() {
-                    return !!get(formState.dirtyFields, name);
-                },
-            },
-            isTouched: {
-                get() {
-                    return !!get(formState.touched, name);
-                },
-            },
-        }),
-    };
+const FormContext = React.createContext(null);
+FormContext.displayName = 'RHFContext';
+const useFormContext = () => React.useContext(FormContext);
+var getInputValue = event => isPrimitive(event) || !isObject(event.target) || isObject(event.target) && !event.type ? event : isUndefined(event.target.value) ? event.target.checked : event.target.value;
+function useController(_ref20) {
+  let name = _ref20.name,
+    rules = _ref20.rules,
+    defaultValue = _ref20.defaultValue,
+    control = _ref20.control,
+    onFocus = _ref20.onFocus;
+  const methods = useFormContext();
+  if (process.env.NODE_ENV !== 'production') {
+    if (!control && !methods) {
+      throw new Error('📋 Controller is missing `control` prop. https://react-hook-form.com/api#Controller');
+    }
+  }
+  const _ref21 = control || methods.control,
+    defaultValuesRef = _ref21.defaultValuesRef,
+    setValue = _ref21.setValue,
+    register = _ref21.register,
+    unregister = _ref21.unregister,
+    trigger = _ref21.trigger,
+    mode = _ref21.mode,
+    _ref21$reValidateMode = _ref21.reValidateMode,
+    isReValidateOnBlur = _ref21$reValidateMode.isReValidateOnBlur,
+    isReValidateOnChange = _ref21$reValidateMode.isReValidateOnChange,
+    formState = _ref21.formState,
+    _ref21$formStateRef$c = _ref21.formStateRef.current,
+    isSubmitted = _ref21$formStateRef$c.isSubmitted,
+    touched = _ref21$formStateRef$c.touched,
+    errors = _ref21$formStateRef$c.errors,
+    updateFormState = _ref21.updateFormState,
+    readFormStateRef = _ref21.readFormStateRef,
+    fieldsRef = _ref21.fieldsRef,
+    fieldArrayNamesRef = _ref21.fieldArrayNamesRef,
+    shallowFieldsStateRef = _ref21.shallowFieldsStateRef;
+  const isNotFieldArray = !isNameInFieldArray(fieldArrayNamesRef.current, name);
+  const getInitialValue = () => !isUndefined(get(shallowFieldsStateRef.current, name)) && isNotFieldArray ? get(shallowFieldsStateRef.current, name) : isUndefined(defaultValue) ? get(defaultValuesRef.current, name) : defaultValue;
+  const _useState3 = React.useState(getInitialValue()),
+    value = _useState3[0],
+    setInputStateValue = _useState3[1];
+  const valueRef = React.useRef(value);
+  const ref = React.useRef({
+    focus: () => null
+  });
+  const onFocusRef = React.useRef(onFocus || (() => {
+    if (isFunction(ref.current.focus)) {
+      ref.current.focus();
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!isFunction(ref.current.focus)) {
+        console.warn("\uD83D\uDCCB 'ref' from Controller render prop must be attached to a React component or a DOM Element whose ref provides a 'focus()' method");
+      }
+    }
+  }));
+  const shouldValidate = React.useCallback(isBlurEvent => !skipValidation(Object.assign({
+    isBlurEvent,
+    isReValidateOnBlur,
+    isReValidateOnChange,
+    isSubmitted,
+    isTouched: !!get(touched, name)
+  }, mode)), [isReValidateOnBlur, isReValidateOnChange, isSubmitted, touched, name, mode]);
+  const commonTask = React.useCallback(_ref22 => {
+    let event = _ref22[0];
+    const data = getInputValue(event);
+    setInputStateValue(data);
+    valueRef.current = data;
+    return data;
+  }, []);
+  const registerField = React.useCallback(shouldUpdateValue => {
+    if (process.env.NODE_ENV !== 'production') {
+      if (!name) {
+        return console.warn('📋 Field is missing `name` prop. https://react-hook-form.com/api#Controller');
+      }
+    }
+    if (fieldsRef.current[name]) {
+      fieldsRef.current[name] = Object.assign({
+        ref: fieldsRef.current[name].ref
+      }, rules);
+    } else {
+      register(Object.defineProperties({
+        name,
+        focus: onFocusRef.current
+      }, {
+        value: {
+          set(data) {
+            setInputStateValue(data);
+            valueRef.current = data;
+          },
+          get() {
+            return valueRef.current;
+          }
+        }
+      }), rules);
+      shouldUpdateValue = isUndefined(get(defaultValuesRef.current, name));
+    }
+    shouldUpdateValue && isNotFieldArray && setInputStateValue(getInitialValue());
+  }, [rules, name, register]);
+  React.useEffect(() => () => unregister(name), [name]);
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== 'production') {
+      if (isUndefined(value)) {
+        console.warn("\uD83D\uDCCB " + name + " is missing in the 'defaultValue' prop of either its Controller (https://react-hook-form.com/api#Controller) or useForm (https://react-hook-form.com/api#useForm)");
+      }
+      if (!isNotFieldArray && isUndefined(defaultValue)) {
+        console.warn('📋 Controller is missing `defaultValue` prop when using `useFieldArray`. https://react-hook-form.com/api#Controller');
+      }
+    }
+    registerField();
+  }, [registerField]);
+  React.useEffect(() => {
+    !fieldsRef.current[name] && registerField(true);
+  });
+  const onBlur = React.useCallback(() => {
+    if (readFormStateRef.current.touched && !get(touched, name)) {
+      set(touched, name, true);
+      updateFormState({
+        touched
+      });
+    }
+    shouldValidate(true) && trigger(name);
+  }, [name, updateFormState, shouldValidate, trigger, readFormStateRef]);
+  const onChange = React.useCallback(function () {
+    for (var _len = arguments.length, event = new Array(_len), _key = 0; _key < _len; _key++) {
+      event[_key] = arguments[_key];
+    }
+    return setValue(name, commonTask(event), {
+      shouldValidate: shouldValidate(),
+      shouldDirty: true
+    });
+  }, [setValue, name, shouldValidate]);
+  return {
+    field: {
+      onChange,
+      onBlur,
+      name,
+      value,
+      ref
+    },
+    meta: Object.defineProperties({
+      invalid: !!get(errors, name)
+    }, {
+      isDirty: {
+        get() {
+          return !!get(formState.dirtyFields, name);
+        }
+      },
+      isTouched: {
+        get() {
+          return !!get(formState.touched, name);
+        }
+      }
+    })
+  };
 }
-
-const Controller = (props) => {
-    const { rules, as, render, defaultValue, control, onFocus } = props, rest = __rest(props, ["rules", "as", "render", "defaultValue", "control", "onFocus"]);
-    const { field, meta } = useController(props);
-    const componentProps = Object.assign(Object.assign({}, rest), field);
-    return as
-        ? React.isValidElement(as)
-            ? React.cloneElement(as, componentProps)
-            : React.createElement(as, componentProps)
-        : render
-            ? render(field, meta)
-            : null;
+const Controller = props => {
+  const as = props.as,
+    render = props.render,
+    rest = __rest(props, ["rules", "as", "render", "defaultValue", "control", "onFocus"]);
+  const _useController = useController(props),
+    field = _useController.field,
+    meta = _useController.meta;
+  const componentProps = Object.assign(Object.assign({}, rest), field);
+  return as ? React.isValidElement(as) ? React.cloneElement(as, componentProps) : React.createElement(as, componentProps) : render ? render(field, meta) : null;
 };
 
 const SearchFormFieldsComponents = _ref => {
@@ -2368,28 +2339,24 @@ const Inbox = _ref => {
     onSearchFormReset,
     className: "search-form-wns-inbox"
   };
-  const FilterFormFields = React.useCallback(_ref3 => {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-  }, []);
   function formReducer(state, payload) {
-    const storageKey = payload.checkPathName ? "EKYC.INBOX" : "EKYC.SW.INBOX";
     switch (payload.action) {
       case "mutateSearchForm":
-        Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        Digit.SessionStorage.set("EKYC.INBOX", _extends({}, state, {
           searchForm: payload.data
         }));
         return _extends({}, state, {
           searchForm: payload.data
         });
       case "mutateFilterForm":
-        Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        Digit.SessionStorage.set("EKYC.INBOX", _extends({}, state, {
           filterForm: payload.data
         }));
         return _extends({}, state, {
           filterForm: payload.data
         });
       case "mutateTableForm":
-        Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        Digit.SessionStorage.set("EKYC.INBOX", _extends({}, state, {
           tableForm: payload.data
         }));
         return _extends({}, state, {
@@ -3192,38 +3159,6 @@ const Create = () => {
   }));
 };
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-// Asynchronously await a promise and pass the result to a finally continuation
-function _finallyRethrows(body, finalizer) {
-	try {
-		var result = body();
-	} catch (e) {
-		return finalizer(true, e);
-	}
-	if (result && result.then) {
-		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
-	}
-	return finalizer(false, result);
-}
-
 const ActionButton = _ref => {
   let jumpTo = _ref.jumpTo,
     state = _ref.state;
@@ -4998,42 +4933,41 @@ const AssignEkycModal = _ref => {
     }),
     applicationData = _Digit$Hooks$ekyc$use.data,
     isLoading = _Digit$Hooks$ekyc$use.isFetching;
+  const handleAssignmentError = (errMsg, variables) => {
+    const isAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("active assignment") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key") || errMsg.toLowerCase().includes("kno") || errMsg.toLowerCase().includes("already exists");
+    if (isAlreadyAssigned) {
+      const isMrKeyType = (variables === null || variables === void 0 ? void 0 : variables.assignmentType) === "MRKEY";
+      if (isMrKeyType) {
+        setToastData({
+          error: true,
+          label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
+        });
+      } else {
+        setToastData({
+          error: true,
+          label: t("EKYC_KNO_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "kno is already assign with another surveyor"
+        });
+      }
+    } else {
+      setToastData({
+        error: true,
+        label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
+      });
+    }
+    setShowToast(true);
+  };
   const assignmentMutation = Digit.Hooks.ekyc.useEkycAssignmentCreate({
-    onSuccess: response => {
+    onSuccess: (response, variables) => {
       if (response !== null && response !== void 0 && response.error) {
         var _response$data;
         const errMsg = (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.message) || "";
-        const isMrKeyAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key");
-        if (isMrKeyAlreadyAssigned) {
-          setToastData({
-            error: true,
-            label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
-          });
-        } else {
-          setToastData({
-            error: true,
-            label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
-          });
-        }
-        setShowToast(true);
+        handleAssignmentError(errMsg, variables);
         return;
       }
       if (response !== null && response !== void 0 && response.skipped && response.skipped.length > 0) {
         var _response$skipped$;
         const reason = ((_response$skipped$ = response.skipped[0]) === null || _response$skipped$ === void 0 ? void 0 : _response$skipped$.reason) || "";
-        const isMrKeyAlreadyAssigned = reason.toLowerCase().includes("already exists") || reason.toLowerCase().includes("already assign") || reason.toLowerCase().includes("active assignment") || reason.toLowerCase().includes("mrkey") || reason.toLowerCase().includes("mr key");
-        if (isMrKeyAlreadyAssigned) {
-          setToastData({
-            error: true,
-            label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
-          });
-        } else {
-          setToastData({
-            error: true,
-            label: t(reason) || reason || t("EKYC_ASSIGNMENT_SKIPPED") || "Assignment skipped"
-          });
-        }
-        setShowToast(true);
+        handleAssignmentError(reason, variables);
         return;
       }
       setToastData({
@@ -5051,22 +4985,10 @@ const AssignEkycModal = _ref => {
         }
       }, 1000);
     },
-    onError: error => {
+    onError: (error, variables) => {
       var _error$data, _error$response, _error$response$data;
       const errMsg = (error === null || error === void 0 ? void 0 : (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.message) || (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || "";
-      const isMrKeyAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key");
-      if (isMrKeyAlreadyAssigned) {
-        setToastData({
-          error: true,
-          label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
-        });
-      } else {
-        setToastData({
-          error: true,
-          label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
-        });
-      }
-      setShowToast(true);
+      handleAssignmentError(errMsg, variables);
     }
   });
   const tableData = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.consumerList) || [];
@@ -6047,12 +5969,7 @@ const tableColumnConfig = (t, handleReview) => [{
     let row = _ref.row;
     const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
     return /*#__PURE__*/React__default.createElement("span", {
-      className: "ekyc-application-link",
-      style: {
-        color: "#318ED0",
-        cursor: "pointer",
-        fontSize: "16px"
-      },
+      className: "link",
       onClick: () => handleReview(id)
     }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
   }
@@ -7556,14 +7473,35 @@ const Home = () => {
       link: "/digit-ui/citizen/ekyc/supervisor-dashboard"
     });
   }
+  if (roles.includes("EKYC_SUPERVISOR") || roles.includes("EKYC_VENDOR")) {
+    propsForModuleCard.links.push({
+      label: t("TITLE_VENDOR_MANAGEMENT"),
+      link: "/digit-ui/citizen/vendor/search-vendor"
+    });
+  }
   if (roles.length === 1 && roles.includes("CITIZEN")) {
     propsForModuleCard.links.push({
+      label: t("EKYC_CREATE_KYC"),
+      link: "/digit-ui/citizen/ekyc/create-kyc"
+    }, {
+      label: t("EKYC_UPDATE_KYC"),
+      link: "/digit-ui/citizen/ekyc/update-kyc"
+    }, {
       label: t("EKYC_STATUS"),
       link: "/digit-ui/citizen/ekyc/:id"
     });
   }
-  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.ModuleLinksView, {
-    links: propsForModuleCard.links
+  const formattedLinks = propsForModuleCard.links.map(l => ({
+    i18nKey: l.label,
+    link: l.link,
+    count: l.count
+  }));
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
+    header: t("EKYC_MODULE_NAME"),
+    links: formattedLinks,
+    Icon: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIcon, {
+      className: "fill-path-primary-main"
+    })
   });
 };
 
@@ -8673,6 +8611,10 @@ const CitizenApp = () => {
   const location = reactRouterDom.useLocation();
   const _useRouteMatch = reactRouterDom.useRouteMatch(),
     path = _useRouteMatch.path;
+  const _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+    _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data,
+    _Digit$Hooks$useStore3 = _Digit$Hooks$useStore2 === void 0 ? {} : _Digit$Hooks$useStore2,
+    stateInfo = _Digit$Hooks$useStore3.stateInfo;
   sessionStorage.removeItem("revalidateddone");
   const getDynamicBreadcrumbs = () => {
     const pathname = location.pathname;
@@ -8747,6 +8689,29 @@ const CitizenApp = () => {
     }
     return crumbs;
   };
+  const isEkycHome = location.pathname === "/digit-ui/citizen/ekyc" || location.pathname === "/digit-ui/citizen/ekyc/";
+  if (isEkycHome) {
+    const isMobile = window.Digit.Utils.browser.isMobile();
+    return (
+      /*#__PURE__*/
+      React__default.createElement("div", {
+        className: "moduleLinkHomePage"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          position: "relative"
+        }
+      }, /*#__PURE__*/React__default.createElement("img", {
+        src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl,
+        alt: "noimagefound"
+      }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, {
+        className: "moduleLinkHomePageBackButton"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "moduleTitle"
+      }, isMobile ? /*#__PURE__*/React__default.createElement("h4", null, t("MODULE_EKYC")) : /*#__PURE__*/React__default.createElement("h1", null, t("MODULE_EKYC")))), /*#__PURE__*/React__default.createElement("div", {
+        className: "moduleLinkHomePageModuleLinks"
+      }, /*#__PURE__*/React__default.createElement(Home, null)))
+    );
+  }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "ground-container form-container"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ModuleHeader, {