@djb25/digit-ui-module-ekyc 1.0.72 → 1.0.74

package/dist/index.js

@@ -104,29 +104,36 @@ const EKYCCard = () => {
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
 };
 
-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";
+// 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;
+	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);
+	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 excludedKeys = ["status", "source", "assignedAt", "connectionType", "approvedAt", "alternateMobileNo", "city", "state", "addressType", "addressProofType", "mrcode", "areacode", "verificationStatus", "surveyorId", "supervisorId", "vendorId", "assignmentType", "assignmentValue", "assignedTime", "isSelfAssigned", "userType", "tenantName", "tenantMobile", "doorPhotoFilestoreId", "panFilestoreId", "documentProofFilestoreId", "buildingImageFileStoreId", "propertyDocumentFileStoreId", "meterPhotoFileStoreId", "modifiedBy", "zoneCode", "propertyType", "subPropertyCategory"];
@@ -2082,248 +2089,261 @@ 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;
+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 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 isPrimitive = value => isNullOrUndefined(value) || !isObjectType(value);
-var isFunction = value => typeof value === 'function';
-var skipValidation = _ref8 => {
-  let {
-    isOnBlur,
-    isOnChange,
-    isOnTouch,
-    isTouched,
-    isReValidateOnBlur,
-    isReValidateOnChange,
-    isBlurEvent,
-    isSubmitted,
-    isOnAll
-  } = _ref8;
-  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 = ({ 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;
 };
-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 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 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(_ref17) {
-  let {
-    name,
-    rules,
-    defaultValue,
-    control,
-    onFocus
-  } = _ref17;
-  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(_ref18 => {
-    let [event] = _ref18;
-    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(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 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 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 { 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 SearchFormFieldsComponents = _ref => {
@@ -4831,7 +4851,7 @@ const AdminDashboard = () => {
 };
 
 const SupervisorDetailsCard = () => {
-  var _Digit$SessionStorage, _fullName$charAt;
+  var _Digit$SessionStorage, _progressData$supervi, _fullName$charAt;
   const {
     t
   } = reactI18next.useTranslation();
@@ -5037,6 +5057,10 @@ const SupervisorDetailsCard = () => {
   const surveyors = React.useMemo(() => {
     return (supervisor === null || supervisor === void 0 ? void 0 : supervisor.surveyors) || [];
   }, [supervisor]);
+  const [currentPage, setCurrentPage] = React.useState(0);
+  const [pageSize, setPageSize] = React.useState(20);
+  const currentSupervisor = progressData === null || progressData === void 0 ? void 0 : (_progressData$supervi = progressData.supervisorReport) === null || _progressData$supervi === void 0 ? void 0 : _progressData$supervi.find(ele => ele.supervisorId === supervisorId);
+  const surveyorsData = (currentSupervisor === null || currentSupervisor === void 0 ? void 0 : currentSupervisor.surveyors) || [];
   const cards = React.useMemo(() => [{
     label: "TOTAL_EKYC_APPLICATIONS",
     count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.totalKnos) || 0,
@@ -5062,13 +5086,6 @@ const SupervisorDetailsCard = () => {
     type: "progress",
     icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
   }], [supervisor]);
-  const [currentPage, setCurrentPage] = React.useState(0);
-  const [pageSize, setPageSize] = React.useState(20);
-  const paginatedSurveyors = React.useMemo(() => {
-    const start = currentPage * pageSize;
-    const end = start + pageSize;
-    return surveyors.slice(start, end);
-  }, [surveyors, currentPage, pageSize]);
   const surveyorColumns = React.useMemo(() => [{
     Header: t("SURVEYOR_NAME") || "Surveyor Name",
     accessor: row => (row === null || row === void 0 ? void 0 : row.surveyorName) || "N/A",
@@ -5484,7 +5501,7 @@ const SupervisorDetailsCard = () => {
     tableTitle: t("CONNECTED_SURVEYORS") || "Connected Surveyors",
     tableClass: "ekycTable",
     isTableScrollable: true,
-    data: paginatedSurveyors,
+    data: surveyorsData,
     columns: surveyorColumns,
     isLoading: isProgressLoading,
     totalRecords: surveyors.length,
@@ -5627,7 +5644,7 @@ const AssignEkycModal = _ref => {
     isFetching: isLoading,
     refetch: refetchApplicationList
   } = Digit.Hooks.ekyc.useEkycApplicationList({
-    unassignedOnly: !isReassign,
+    assignedOnly: isReassign,
     ...(filters.kno && {
       kno: filters.kno
     }),
@@ -5957,8 +5974,8 @@ const AssignEkycModal = _ref => {
   }));
 };
 
-const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _surveyorSearchById$s, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner7, _surveyor$owner8, _surveyor$owner9, _dashboardData$dashbo5, _dashboardData$dashbo6;
+const SurveyorDetailsCard = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _surveyorSearchById$s, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _surveyor$owner7, _surveyor$owner8, _surveyor$owner9, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _dashboardData$dashbo5, _dashboardData$dashbo6;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const [showModal, setShowModal] = React.useState(null);
   const [showOptions, setShowOptions] = React.useState(false);
@@ -6313,55 +6330,27 @@ const SurveyorDetailsDashboard = () => {
     className: "surveyor-dashboard"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ekyc-details-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "details-top-row"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item first-row"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-dashboard-header"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "avatar"
-  }, fullName === null || fullName === void 0 ? void 0 : (_fullName$charAt = fullName.charAt(0)) === null || _fullName$charAt === void 0 ? void 0 : _fullName$charAt.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
     className: "header-content"
   }, /*#__PURE__*/React__default.createElement("h2", {
     className: "name"
   }, fullName), /*#__PURE__*/React__default.createElement("div", {
     className: "designation"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.description) || t("FIELD_SURVEYOR")))), /*#__PURE__*/React__default.createElement("div", {
+  }, "(", (surveyor === null || surveyor === void 0 ? void 0 : surveyor.description) || t("FIELD_SURVEYOR"), ")"))), /*#__PURE__*/React__default.createElement("div", {
     className: "report-download"
   }, /*#__PURE__*/React__default.createElement("button", {
     className: "download-btn",
     disabled: reportLoading,
     onClick: handleDownload
-  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "stats-wrapper"
-  }, /*#__PURE__*/React__default.createElement(StatCard, {
-    title: t("TOTAL_ASSIGNED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.total) || 0,
-    type: "today",
-    isLoading: isDashboardLoading,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    title: t("COMPLETED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.completed) || 0,
-    type: "week",
-    isLoading: isDashboardLoading,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    title: t("PENDING"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo3 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo3 === void 0 ? void 0 : _dashboardData$dashbo3.pending) || 0,
-    type: "pending",
-    isLoading: isDashboardLoading,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    title: t("SUBMITTED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo4 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo4 === void 0 ? void 0 : _dashboardData$dashbo4.submittedCount) || 0,
-    type: "month",
-    isLoading: isDashboardLoading,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "charts-wrapper"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-details-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report")))), /*#__PURE__*/React__default.createElement("div", {
     className: "details-top-row"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
@@ -6491,7 +6480,33 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("SUPERVISOR_NAME") || "Supervisor Name"), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
-  }, supervisorName))))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
+  }, supervisorName))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "stats-wrapper"
+  }, /*#__PURE__*/React__default.createElement(StatCard, {
+    title: t("TOTAL_ASSIGNED"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.total) || 0,
+    type: "today",
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    title: t("IN_PROGRESS"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.inProgressCount) || 0,
+    type: "week",
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    title: t("PENDING"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo3 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo3 === void 0 ? void 0 : _dashboardData$dashbo3.pending) || 0,
+    type: "pending",
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    title: t("SUBMITTED"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo4 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo4 === void 0 ? void 0 : _dashboardData$dashbo4.submittedCount) || 0,
+    type: "month",
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
+  })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     t: t,
     tableTitle: t("ASSIGNED_KNOS"),
     tableClass: "ekycTable",
@@ -7177,7 +7192,7 @@ const getEkycRoutes = (userType, t) => [{
   breadcrumb: breadcrumb(userType, "EKYC_SUPERVISOR_DASHBOARD", "supervisor-dashboard:id", "EKYC_SUPERVISOR_DETAILS")
 }, {
   path: ["/surveyor-dashboard/:id", "/surveyor-dashboard"],
-  component: SurveyorDetailsDashboard,
+  component: SurveyorDetailsCard,
   layout: "action",
   breadcrumb: breadcrumb(userType, "EKYC_SURVEYOR_DASHBOARD", "surveyor-dashboard/:id", "EKYC_SURVEYOR_DETAILS")
 }];
@@ -7278,7 +7293,7 @@ const EmployeeApp = _ref => {
     exact: true,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "action"
-    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsCard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: formStepRoutes.map(route => `${path}/${route}`),
     component: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
@@ -7310,7 +7325,7 @@ const EmployeeApp = _ref => {
     path: [`${path}/surveyor-dashboard/:id`, `${path}/surveyor-dashboard`],
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsCard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: `${path}/work-order`,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
@@ -8868,6 +8883,7 @@ const EkycStatus = () => {
 };
 
 const CitizenApp = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2;
   const {
     t
   } = reactI18next.useTranslation();
@@ -8875,11 +8891,7 @@ const CitizenApp = () => {
   const {
     path
   } = reactRouterDom.useRouteMatch();
-  const {
-    data: {
-      stateInfo
-    } = {}
-  } = Digit.Hooks.useStore.getInitData();
+  const roles = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : _Digit$SessionStorage2.roles.map(ele => ele.code);
   sessionStorage.removeItem("revalidateddone");
   const getDynamicBreadcrumbs = () => {
     const pathname = location.pathname;
@@ -9010,7 +9022,7 @@ const CitizenApp = () => {
     exact: true,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "action"
-    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsCard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: `${path}/status/:applicationId`,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
@@ -9034,13 +9046,13 @@ const CitizenApp = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: `${path}/surveyor-dashboard/:id`,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
-      layoutClass: "action"
-    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
+      layoutClass: roles.includes("EKYC_SUPERVISOR") ? "action" : "normal"
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsCard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: `${path}/surveyor-dashboard`,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsCard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: `${path}/:id`,
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {