@mseva/digit-ui-module-engagement 1.1.21 → 1.1.23

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { SurveyIconSolid, PMBIconSolid, EventsIconSolid, DocumentIconSolid, EmployeeModuleCard, LabelFieldPair as LabelFieldPair$1, CardLabel as CardLabel$1, Dropdown, RemoveableTag, TextInput as TextInput$1, TextArea as TextArea$1, CardLabelError as CardLabelError$2, UploadFile, Loader, Header, FormComposer as FormComposer$1, Card as Card$1, CardText as CardText$1, ActionBar as ActionBar$1, SubmitBar as SubmitBar$1, Banner, Table, CloseSvg, Label, LinkLabel, EventCalendar, DocumentIcon, CheckBox, RefreshIcon, DateRange, DetailsCard, SearchAction, FilterAction, PopUp, PMBIcon, RadioButtons, DatePicker, Modal, CardSubHeader as CardSubHeader$1, PDFSvg, MultiUploadWrapper, CardHeader, CardSectionHeader as CardSectionHeader$1, StatusTable, Row, LinkButton as LinkButton$1, Close as Close$f, BreakLine as BreakLine$1, TelePhone, DisplayPhotos, Toast as Toast$1, InfoBannerIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, GenericFileIcon, PrivateRoute, LocationSearch, OnGroundEventCard, WhatsNewCard, CardCaption, SearchIconSvg, ViewsIcon, ExternalLinkIcon, DownloadImgIcon, AppContainer, PrevIcon, BackButton, MapMarker, Clock, FilterFormField, SearchField, EditIcon, InboxComposer, InfoIcon, DustbinIcon, MultiLink, BreadCrumb } from '@mseva/digit-ui-react-components';
+import { SurveyIconSolid, PMBIconSolid, EventsIconSolid, DocumentIconSolid, EmployeeModuleCard, LabelFieldPair as LabelFieldPair$1, CardLabel as CardLabel$1, Dropdown, RemoveableTag, TextInput as TextInput$1, TextArea as TextArea$1, CardLabelError as CardLabelError$2, UploadFile, Loader, Header, FormComposer as FormComposer$1, Card as Card$1, CardText as CardText$1, ActionBar as ActionBar$1, SubmitBar as SubmitBar$1, Banner, Table, CloseSvg, Label, LinkLabel, EventCalendar, DocumentIcon, CheckBox, RefreshIcon, DateRange, DetailsCard, SearchAction, FilterAction, PopUp, PMBIcon, RadioButtons, DatePicker, Modal, CardSubHeader as CardSubHeader$1, PDFSvg, MultiUploadWrapper, CardHeader, CardSectionHeader as CardSectionHeader$1, StatusTable, Row, LinkButton as LinkButton$1, Close as Close$f, BreakLine as BreakLine$1, TelePhone, DisplayPhotos, Toast as Toast$1, InfoBannerIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, GenericFileIcon, PrivateRoute, LocationSearch, OnGroundEventCard, WhatsNewCard, CardCaption, SearchIconSvg, ViewsIcon, ExternalLinkIcon, DownloadImgIcon, AppContainer, PrevIcon, SearchField, BackButton, MapMarker, Clock, FilterFormField, EditIcon, InboxComposer, InfoIcon, DustbinIcon, MultiLink, BreadCrumb } from '@mseva/digit-ui-react-components';
 import React, { useEffect, useMemo, Fragment as Fragment$1, useState, useCallback, useRef, useReducer, forwardRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useHistory, useParams, Link, Switch, Redirect as Redirect$1, Route, useRouteMatch } from 'react-router-dom';
@@ -6667,8 +6667,8 @@ function getNative(object, key) {
 }
 var _getNative = getNative;
 
-var Map$1 = _getNative(_root, 'Map');
-var _Map = Map$1;
+var Map = _getNative(_root, 'Map');
+var _Map = Map;
 
 var nativeCreate = _getNative(Object, 'create');
 var _nativeCreate = nativeCreate;
@@ -8562,818 +8562,6 @@ const ActionModal$b = props => {
   }
 };
 
-var bind = function bind(fn, thisArg) {
-  return function wrap() {
-    var args = new Array(arguments.length);
-    for (var i = 0; i < args.length; i++) {
-      args[i] = arguments[i];
-    }
-    return fn.apply(thisArg, args);
-  };
-};
-
-var toString = Object.prototype.toString;
-function isArray$1(val) {
-  return toString.call(val) === '[object Array]';
-}
-function isUndefined(val) {
-  return typeof val === 'undefined';
-}
-function isBuffer(val) {
-  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
-}
-function isArrayBuffer(val) {
-  return toString.call(val) === '[object ArrayBuffer]';
-}
-function isFormData(val) {
-  return typeof FormData !== 'undefined' && val instanceof FormData;
-}
-function isArrayBufferView(val) {
-  var result;
-  if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {
-    result = ArrayBuffer.isView(val);
-  } else {
-    result = val && val.buffer && val.buffer instanceof ArrayBuffer;
-  }
-  return result;
-}
-function isString(val) {
-  return typeof val === 'string';
-}
-function isNumber(val) {
-  return typeof val === 'number';
-}
-function isObject$1(val) {
-  return val !== null && typeof val === 'object';
-}
-function isPlainObject(val) {
-  if (toString.call(val) !== '[object Object]') {
-    return false;
-  }
-  var prototype = Object.getPrototypeOf(val);
-  return prototype === null || prototype === Object.prototype;
-}
-function isDate$1(val) {
-  return toString.call(val) === '[object Date]';
-}
-function isFile(val) {
-  return toString.call(val) === '[object File]';
-}
-function isBlob(val) {
-  return toString.call(val) === '[object Blob]';
-}
-function isFunction$1(val) {
-  return toString.call(val) === '[object Function]';
-}
-function isStream(val) {
-  return isObject$1(val) && isFunction$1(val.pipe);
-}
-function isURLSearchParams(val) {
-  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
-}
-function trim(str) {
-  return str.replace(/^\s*/, '').replace(/\s*$/, '');
-}
-function isStandardBrowserEnv() {
-  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' || navigator.product === 'NativeScript' || navigator.product === 'NS')) {
-    return false;
-  }
-  return typeof window !== 'undefined' && typeof document !== 'undefined';
-}
-function forEach(obj, fn) {
-  if (obj === null || typeof obj === 'undefined') {
-    return;
-  }
-  if (typeof obj !== 'object') {
-    obj = [obj];
-  }
-  if (isArray$1(obj)) {
-    for (var i = 0, l = obj.length; i < l; i++) {
-      fn.call(null, obj[i], i, obj);
-    }
-  } else {
-    for (var key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        fn.call(null, obj[key], key, obj);
-      }
-    }
-  }
-}
-function merge() {
-  var result = {};
-  function assignValue(val, key) {
-    if (isPlainObject(result[key]) && isPlainObject(val)) {
-      result[key] = merge(result[key], val);
-    } else if (isPlainObject(val)) {
-      result[key] = merge({}, val);
-    } else if (isArray$1(val)) {
-      result[key] = val.slice();
-    } else {
-      result[key] = val;
-    }
-  }
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    forEach(arguments[i], assignValue);
-  }
-  return result;
-}
-function extend(a, b, thisArg) {
-  forEach(b, function assignValue(val, key) {
-    if (thisArg && typeof val === 'function') {
-      a[key] = bind(val, thisArg);
-    } else {
-      a[key] = val;
-    }
-  });
-  return a;
-}
-function stripBOM(content) {
-  if (content.charCodeAt(0) === 0xFEFF) {
-    content = content.slice(1);
-  }
-  return content;
-}
-var utils = {
-  isArray: isArray$1,
-  isArrayBuffer: isArrayBuffer,
-  isBuffer: isBuffer,
-  isFormData: isFormData,
-  isArrayBufferView: isArrayBufferView,
-  isString: isString,
-  isNumber: isNumber,
-  isObject: isObject$1,
-  isPlainObject: isPlainObject,
-  isUndefined: isUndefined,
-  isDate: isDate$1,
-  isFile: isFile,
-  isBlob: isBlob,
-  isFunction: isFunction$1,
-  isStream: isStream,
-  isURLSearchParams: isURLSearchParams,
-  isStandardBrowserEnv: isStandardBrowserEnv,
-  forEach: forEach,
-  merge: merge,
-  extend: extend,
-  trim: trim,
-  stripBOM: stripBOM
-};
-
-function encode(val) {
-  return encodeURIComponent(val).replace(/%3A/gi, ':').replace(/%24/g, '$').replace(/%2C/gi, ',').replace(/%20/g, '+').replace(/%5B/gi, '[').replace(/%5D/gi, ']');
-}
-var buildURL = function buildURL(url, params, paramsSerializer) {
-  if (!params) {
-    return url;
-  }
-  var serializedParams;
-  if (paramsSerializer) {
-    serializedParams = paramsSerializer(params);
-  } else if (utils.isURLSearchParams(params)) {
-    serializedParams = params.toString();
-  } else {
-    var parts = [];
-    utils.forEach(params, function serialize(val, key) {
-      if (val === null || typeof val === 'undefined') {
-        return;
-      }
-      if (utils.isArray(val)) {
-        key = key + '[]';
-      } else {
-        val = [val];
-      }
-      utils.forEach(val, function parseValue(v) {
-        if (utils.isDate(v)) {
-          v = v.toISOString();
-        } else if (utils.isObject(v)) {
-          v = JSON.stringify(v);
-        }
-        parts.push(encode(key) + '=' + encode(v));
-      });
-    });
-    serializedParams = parts.join('&');
-  }
-  if (serializedParams) {
-    var hashmarkIndex = url.indexOf('#');
-    if (hashmarkIndex !== -1) {
-      url = url.slice(0, hashmarkIndex);
-    }
-    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
-  }
-  return url;
-};
-
-function InterceptorManager() {
-  this.handlers = [];
-}
-InterceptorManager.prototype.use = function use(fulfilled, rejected) {
-  this.handlers.push({
-    fulfilled: fulfilled,
-    rejected: rejected
-  });
-  return this.handlers.length - 1;
-};
-InterceptorManager.prototype.eject = function eject(id) {
-  if (this.handlers[id]) {
-    this.handlers[id] = null;
-  }
-};
-InterceptorManager.prototype.forEach = function forEach(fn) {
-  utils.forEach(this.handlers, function forEachHandler(h) {
-    if (h !== null) {
-      fn(h);
-    }
-  });
-};
-var InterceptorManager_1 = InterceptorManager;
-
-var transformData = function transformData(data, headers, fns) {
-  utils.forEach(fns, function transform(fn) {
-    data = fn(data, headers);
-  });
-  return data;
-};
-
-var isCancel = function isCancel(value) {
-  return !!(value && value.__CANCEL__);
-};
-
-var normalizeHeaderName = function normalizeHeaderName(headers, normalizedName) {
-  utils.forEach(headers, function processHeader(value, name) {
-    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
-      headers[normalizedName] = value;
-      delete headers[name];
-    }
-  });
-};
-
-var enhanceError = function enhanceError(error, config, code, request, response) {
-  error.config = config;
-  if (code) {
-    error.code = code;
-  }
-  error.request = request;
-  error.response = response;
-  error.isAxiosError = true;
-  error.toJSON = function toJSON() {
-    return {
-      message: this.message,
-      name: this.name,
-      description: this.description,
-      number: this.number,
-      fileName: this.fileName,
-      lineNumber: this.lineNumber,
-      columnNumber: this.columnNumber,
-      stack: this.stack,
-      config: this.config,
-      code: this.code
-    };
-  };
-  return error;
-};
-
-var createError = function createError(message, config, code, request, response) {
-  var error = new Error(message);
-  return enhanceError(error, config, code, request, response);
-};
-
-var settle = function settle(resolve, reject, response) {
-  var validateStatus = response.config.validateStatus;
-  if (!response.status || !validateStatus || validateStatus(response.status)) {
-    resolve(response);
-  } else {
-    reject(createError('Request failed with status code ' + response.status, response.config, null, response.request, response));
-  }
-};
-
-var cookies = utils.isStandardBrowserEnv() ? function standardBrowserEnv() {
-  return {
-    write: function write(name, value, expires, path, domain, secure) {
-      var cookie = [];
-      cookie.push(name + '=' + encodeURIComponent(value));
-      if (utils.isNumber(expires)) {
-        cookie.push('expires=' + new Date(expires).toGMTString());
-      }
-      if (utils.isString(path)) {
-        cookie.push('path=' + path);
-      }
-      if (utils.isString(domain)) {
-        cookie.push('domain=' + domain);
-      }
-      if (secure === true) {
-        cookie.push('secure');
-      }
-      document.cookie = cookie.join('; ');
-    },
-    read: function read(name) {
-      var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
-      return match ? decodeURIComponent(match[3]) : null;
-    },
-    remove: function remove(name) {
-      this.write(name, '', Date.now() - 86400000);
-    }
-  };
-}() : function nonStandardBrowserEnv() {
-  return {
-    write: function write() {},
-    read: function read() {
-      return null;
-    },
-    remove: function remove() {}
-  };
-}();
-
-var isAbsoluteURL = function isAbsoluteURL(url) {
-  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
-};
-
-var combineURLs = function combineURLs(baseURL, relativeURL) {
-  return relativeURL ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
-};
-
-var buildFullPath = function buildFullPath(baseURL, requestedURL) {
-  if (baseURL && !isAbsoluteURL(requestedURL)) {
-    return combineURLs(baseURL, requestedURL);
-  }
-  return requestedURL;
-};
-
-var ignoreDuplicateOf = ['age', 'authorization', 'content-length', 'content-type', 'etag', 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since', 'last-modified', 'location', 'max-forwards', 'proxy-authorization', 'referer', 'retry-after', 'user-agent'];
-var parseHeaders = function parseHeaders(headers) {
-  var parsed = {};
-  var key;
-  var val;
-  var i;
-  if (!headers) {
-    return parsed;
-  }
-  utils.forEach(headers.split('\n'), function parser(line) {
-    i = line.indexOf(':');
-    key = utils.trim(line.substr(0, i)).toLowerCase();
-    val = utils.trim(line.substr(i + 1));
-    if (key) {
-      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
-        return;
-      }
-      if (key === 'set-cookie') {
-        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
-      } else {
-        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
-      }
-    }
-  });
-  return parsed;
-};
-
-var isURLSameOrigin = utils.isStandardBrowserEnv() ? function standardBrowserEnv() {
-  var msie = /(msie|trident)/i.test(navigator.userAgent);
-  var urlParsingNode = document.createElement('a');
-  var originURL;
-  function resolveURL(url) {
-    var href = url;
-    if (msie) {
-      urlParsingNode.setAttribute('href', href);
-      href = urlParsingNode.href;
-    }
-    urlParsingNode.setAttribute('href', href);
-    return {
-      href: urlParsingNode.href,
-      protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
-      host: urlParsingNode.host,
-      search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
-      hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
-      hostname: urlParsingNode.hostname,
-      port: urlParsingNode.port,
-      pathname: urlParsingNode.pathname.charAt(0) === '/' ? urlParsingNode.pathname : '/' + urlParsingNode.pathname
-    };
-  }
-  originURL = resolveURL(window.location.href);
-  return function isURLSameOrigin(requestURL) {
-    var parsed = utils.isString(requestURL) ? resolveURL(requestURL) : requestURL;
-    return parsed.protocol === originURL.protocol && parsed.host === originURL.host;
-  };
-}() : function nonStandardBrowserEnv() {
-  return function isURLSameOrigin() {
-    return true;
-  };
-}();
-
-var xhr = function xhrAdapter(config) {
-  return new Promise(function dispatchXhrRequest(resolve, reject) {
-    var requestData = config.data;
-    var requestHeaders = config.headers;
-    if (utils.isFormData(requestData)) {
-      delete requestHeaders['Content-Type'];
-    }
-    var request = new XMLHttpRequest();
-    if (config.auth) {
-      var username = config.auth.username || '';
-      var password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';
-      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
-    }
-    var fullPath = buildFullPath(config.baseURL, config.url);
-    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
-    request.timeout = config.timeout;
-    request.onreadystatechange = function handleLoad() {
-      if (!request || request.readyState !== 4) {
-        return;
-      }
-      if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
-        return;
-      }
-      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
-      var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
-      var response = {
-        data: responseData,
-        status: request.status,
-        statusText: request.statusText,
-        headers: responseHeaders,
-        config: config,
-        request: request
-      };
-      settle(resolve, reject, response);
-      request = null;
-    };
-    request.onabort = function handleAbort() {
-      if (!request) {
-        return;
-      }
-      reject(createError('Request aborted', config, 'ECONNABORTED', request));
-      request = null;
-    };
-    request.onerror = function handleError() {
-      reject(createError('Network Error', config, null, request));
-      request = null;
-    };
-    request.ontimeout = function handleTimeout() {
-      var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
-      if (config.timeoutErrorMessage) {
-        timeoutErrorMessage = config.timeoutErrorMessage;
-      }
-      reject(createError(timeoutErrorMessage, config, 'ECONNABORTED', request));
-      request = null;
-    };
-    if (utils.isStandardBrowserEnv()) {
-      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies.read(config.xsrfCookieName) : undefined;
-      if (xsrfValue) {
-        requestHeaders[config.xsrfHeaderName] = xsrfValue;
-      }
-    }
-    if ('setRequestHeader' in request) {
-      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
-        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
-          delete requestHeaders[key];
-        } else {
-          request.setRequestHeader(key, val);
-        }
-      });
-    }
-    if (!utils.isUndefined(config.withCredentials)) {
-      request.withCredentials = !!config.withCredentials;
-    }
-    if (config.responseType) {
-      try {
-        request.responseType = config.responseType;
-      } catch (e) {
-        if (config.responseType !== 'json') {
-          throw e;
-        }
-      }
-    }
-    if (typeof config.onDownloadProgress === 'function') {
-      request.addEventListener('progress', config.onDownloadProgress);
-    }
-    if (typeof config.onUploadProgress === 'function' && request.upload) {
-      request.upload.addEventListener('progress', config.onUploadProgress);
-    }
-    if (config.cancelToken) {
-      config.cancelToken.promise.then(function onCanceled(cancel) {
-        if (!request) {
-          return;
-        }
-        request.abort();
-        reject(cancel);
-        request = null;
-      });
-    }
-    if (!requestData) {
-      requestData = null;
-    }
-    request.send(requestData);
-  });
-};
-
-var DEFAULT_CONTENT_TYPE = {
-  'Content-Type': 'application/x-www-form-urlencoded'
-};
-function setContentTypeIfUnset(headers, value) {
-  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
-    headers['Content-Type'] = value;
-  }
-}
-function getDefaultAdapter() {
-  var adapter;
-  if (typeof XMLHttpRequest !== 'undefined') {
-    adapter = xhr;
-  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
-    adapter = xhr;
-  }
-  return adapter;
-}
-var defaults = {
-  adapter: getDefaultAdapter(),
-  transformRequest: [function transformRequest(data, headers) {
-    normalizeHeaderName(headers, 'Accept');
-    normalizeHeaderName(headers, 'Content-Type');
-    if (utils.isFormData(data) || utils.isArrayBuffer(data) || utils.isBuffer(data) || utils.isStream(data) || utils.isFile(data) || utils.isBlob(data)) {
-      return data;
-    }
-    if (utils.isArrayBufferView(data)) {
-      return data.buffer;
-    }
-    if (utils.isURLSearchParams(data)) {
-      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
-      return data.toString();
-    }
-    if (utils.isObject(data)) {
-      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
-      return JSON.stringify(data);
-    }
-    return data;
-  }],
-  transformResponse: [function transformResponse(data) {
-    if (typeof data === 'string') {
-      try {
-        data = JSON.parse(data);
-      } catch (e) {}
-    }
-    return data;
-  }],
-  timeout: 0,
-  xsrfCookieName: 'XSRF-TOKEN',
-  xsrfHeaderName: 'X-XSRF-TOKEN',
-  maxContentLength: -1,
-  maxBodyLength: -1,
-  validateStatus: function validateStatus(status) {
-    return status >= 200 && status < 300;
-  }
-};
-defaults.headers = {
-  common: {
-    'Accept': 'application/json, text/plain, */*'
-  }
-};
-utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
-  defaults.headers[method] = {};
-});
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
-});
-var defaults_1 = defaults;
-
-function throwIfCancellationRequested(config) {
-  if (config.cancelToken) {
-    config.cancelToken.throwIfRequested();
-  }
-}
-var dispatchRequest = function dispatchRequest(config) {
-  throwIfCancellationRequested(config);
-  config.headers = config.headers || {};
-  config.data = transformData(config.data, config.headers, config.transformRequest);
-  config.headers = utils.merge(config.headers.common || {}, config.headers[config.method] || {}, config.headers);
-  utils.forEach(['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], function cleanHeaderConfig(method) {
-    delete config.headers[method];
-  });
-  var adapter = config.adapter || defaults_1.adapter;
-  return adapter(config).then(function onAdapterResolution(response) {
-    throwIfCancellationRequested(config);
-    response.data = transformData(response.data, response.headers, config.transformResponse);
-    return response;
-  }, function onAdapterRejection(reason) {
-    if (!isCancel(reason)) {
-      throwIfCancellationRequested(config);
-      if (reason && reason.response) {
-        reason.response.data = transformData(reason.response.data, reason.response.headers, config.transformResponse);
-      }
-    }
-    return Promise.reject(reason);
-  });
-};
-
-var mergeConfig = function mergeConfig(config1, config2) {
-  config2 = config2 || {};
-  var config = {};
-  var valueFromConfig2Keys = ['url', 'method', 'data'];
-  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];
-  var defaultToConfig2Keys = ['baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer', 'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName', 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress', 'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent', 'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'];
-  var directMergeKeys = ['validateStatus'];
-  function getMergedValue(target, source) {
-    if (utils.isPlainObject(target) && utils.isPlainObject(source)) {
-      return utils.merge(target, source);
-    } else if (utils.isPlainObject(source)) {
-      return utils.merge({}, source);
-    } else if (utils.isArray(source)) {
-      return source.slice();
-    }
-    return source;
-  }
-  function mergeDeepProperties(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  }
-  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    }
-  });
-  utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);
-  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
-    if (!utils.isUndefined(config2[prop])) {
-      config[prop] = getMergedValue(undefined, config2[prop]);
-    } else if (!utils.isUndefined(config1[prop])) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-  utils.forEach(directMergeKeys, function merge(prop) {
-    if (prop in config2) {
-      config[prop] = getMergedValue(config1[prop], config2[prop]);
-    } else if (prop in config1) {
-      config[prop] = getMergedValue(undefined, config1[prop]);
-    }
-  });
-  var axiosKeys = valueFromConfig2Keys.concat(mergeDeepPropertiesKeys).concat(defaultToConfig2Keys).concat(directMergeKeys);
-  var otherKeys = Object.keys(config1).concat(Object.keys(config2)).filter(function filterAxiosKeys(key) {
-    return axiosKeys.indexOf(key) === -1;
-  });
-  utils.forEach(otherKeys, mergeDeepProperties);
-  return config;
-};
-
-function Axios(instanceConfig) {
-  this.defaults = instanceConfig;
-  this.interceptors = {
-    request: new InterceptorManager_1(),
-    response: new InterceptorManager_1()
-  };
-}
-Axios.prototype.request = function request(config) {
-  if (typeof config === 'string') {
-    config = arguments[1] || {};
-    config.url = arguments[0];
-  } else {
-    config = config || {};
-  }
-  config = mergeConfig(this.defaults, config);
-  if (config.method) {
-    config.method = config.method.toLowerCase();
-  } else if (this.defaults.method) {
-    config.method = this.defaults.method.toLowerCase();
-  } else {
-    config.method = 'get';
-  }
-  var chain = [dispatchRequest, undefined];
-  var promise = Promise.resolve(config);
-  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
-    chain.unshift(interceptor.fulfilled, interceptor.rejected);
-  });
-  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
-    chain.push(interceptor.fulfilled, interceptor.rejected);
-  });
-  while (chain.length) {
-    promise = promise.then(chain.shift(), chain.shift());
-  }
-  return promise;
-};
-Axios.prototype.getUri = function getUri(config) {
-  config = mergeConfig(this.defaults, config);
-  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
-};
-utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
-  Axios.prototype[method] = function (url, config) {
-    return this.request(mergeConfig(config || {}, {
-      method: method,
-      url: url,
-      data: (config || {}).data
-    }));
-  };
-});
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  Axios.prototype[method] = function (url, data, config) {
-    return this.request(mergeConfig(config || {}, {
-      method: method,
-      url: url,
-      data: data
-    }));
-  };
-});
-var Axios_1 = Axios;
-
-function Cancel(message) {
-  this.message = message;
-}
-Cancel.prototype.toString = function toString() {
-  return 'Cancel' + (this.message ? ': ' + this.message : '');
-};
-Cancel.prototype.__CANCEL__ = true;
-var Cancel_1 = Cancel;
-
-function CancelToken(executor) {
-  if (typeof executor !== 'function') {
-    throw new TypeError('executor must be a function.');
-  }
-  var resolvePromise;
-  this.promise = new Promise(function promiseExecutor(resolve) {
-    resolvePromise = resolve;
-  });
-  var token = this;
-  executor(function cancel(message) {
-    if (token.reason) {
-      return;
-    }
-    token.reason = new Cancel_1(message);
-    resolvePromise(token.reason);
-  });
-}
-CancelToken.prototype.throwIfRequested = function throwIfRequested() {
-  if (this.reason) {
-    throw this.reason;
-  }
-};
-CancelToken.source = function source() {
-  var cancel;
-  var token = new CancelToken(function executor(c) {
-    cancel = c;
-  });
-  return {
-    token: token,
-    cancel: cancel
-  };
-};
-var CancelToken_1 = CancelToken;
-
-var spread = function spread(callback) {
-  return function wrap(arr) {
-    return callback.apply(null, arr);
-  };
-};
-
-var isAxiosError = function isAxiosError(payload) {
-  return typeof payload === 'object' && payload.isAxiosError === true;
-};
-
-function createInstance(defaultConfig) {
-  var context = new Axios_1(defaultConfig);
-  var instance = bind(Axios_1.prototype.request, context);
-  utils.extend(instance, Axios_1.prototype, context);
-  utils.extend(instance, context);
-  return instance;
-}
-var axios = createInstance(defaults_1);
-axios.Axios = Axios_1;
-axios.create = function create(instanceConfig) {
-  return createInstance(mergeConfig(axios.defaults, instanceConfig));
-};
-axios.Cancel = Cancel_1;
-axios.CancelToken = CancelToken_1;
-axios.isCancel = isCancel;
-axios.all = function all(promises) {
-  return Promise.all(promises);
-};
-axios.spread = spread;
-axios.isAxiosError = isAxiosError;
-var axios_1 = axios;
-var _default = axios;
-axios_1.default = _default;
-
-var axios$1 = axios_1;
-
-axios$1.interceptors.response.use(res => res, err => {
-  var _err$response, _err$response$data;
-  const isEmployee = window.location.pathname.split("/").includes("employee");
-  if (err !== null && err !== void 0 && (_err$response = err.response) !== null && _err$response !== void 0 && (_err$response$data = _err$response.data) !== null && _err$response$data !== void 0 && _err$response$data.Errors) {
-    for (const error of err.response.data.Errors) {
-      var _error$message, _error$message$toLowe, _error$message2, _error$message2$toLow;
-      if (error.message.includes("InvalidAccessTokenException")) {
-        localStorage.clear();
-        sessionStorage.clear();
-        window.location.href = (isEmployee ? "/digit-ui/employee/user/login" : "/digit-ui/citizen/login") + `?from=${encodeURIComponent(window.location.pathname + window.location.search)}`;
-      } else if (error !== null && error !== void 0 && (_error$message = error.message) !== null && _error$message !== void 0 && (_error$message$toLowe = _error$message.toLowerCase()) !== null && _error$message$toLowe !== void 0 && _error$message$toLowe.includes("internal server error") || error !== null && error !== void 0 && (_error$message2 = error.message) !== null && _error$message2 !== void 0 && (_error$message2$toLow = _error$message2.toLowerCase()) !== null && _error$message2$toLow !== void 0 && _error$message2$toLow.includes("some error occured")) {
-        window.location.href = (isEmployee ? "/digit-ui/employee/user/error" : "/digit-ui/citizen/error") + `?type=maintenance&from=${encodeURIComponent(window.location.pathname + window.location.search)}`;
-      } else if (error.message.includes("ZuulRuntimeException")) {
-        window.location.href = (isEmployee ? "/digit-ui/employee/user/error" : "/digit-ui/citizen/error") + `?type=notfound&from=${encodeURIComponent(window.location.pathname + window.location.search)}`;
-      }
-    }
-  }
-  throw err;
-});
-window.Digit = window.Digit || {};
-window.Digit = {
-  ...window.Digit,
-  RequestCache: window.Digit.RequestCache || {}
-};
-
 var lodash = createCommonjsModule(function (module, exports) {
   (function () {
     var undefined$1;
@@ -17964,421 +17152,218 @@ const ViewBreakup = ({
   })))));
 };
 
-const AssessmentHistory = ({
-  assessmentData,
-  applicationData
+const styles = {
+  root: {
+    width: "100%",
+    marginTop: "2px",
+    overflowX: "auto",
+    boxShadow: "none"
+  },
+  table: {
+    minWidth: 700,
+    backgroundColor: "rgba(250, 250, 250, var(--bg-opacity))"
+  },
+  cell: {
+    maxWidth: "7em",
+    minWidth: "1em",
+    border: "1px solid #e8e7e6",
+    padding: "4px 5px",
+    fontSize: "0.8em",
+    textAlign: "left",
+    lineHeight: "1.5em"
+  },
+  cellHeader: {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  cellLeft: {},
+  cellRight: {}
+};
+const ArrearTable = ({
+  className: _className = "table",
+  headers: _headers = [],
+  values: _values = [],
+  arrears: _arrears = 0
 }) => {
-  const history = useHistory();
   const {
     t
   } = useTranslation();
-  const [isOpen, setIsOpen] = useState(false);
-  const toggleAccordion = () => {
-    setIsOpen(!isOpen);
-  };
-  function formatAssessmentDate(timestamp) {
-    const date = new Date(timestamp);
-    const options = {
-      day: '2-digit',
-      month: 'short',
-      year: 'numeric'
-    };
-    return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "accordion",
-    style: {
-      width: "100%",
-      margin: "auto",
-      fontFamily: "Roboto, sans-serif",
-      border: "1px solid #ccc",
-      borderRadius: "4px",
-      marginBottom: '10px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "accordion-header",
-    style: {
-      backgroundColor: "#f0f0f0",
-      padding: "15px",
-      cursor: "pointer"
-    },
-    onClick: toggleAccordion
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      color: '#0d43a7',
-      fontFamily: 'Noto Sans,sans-serif',
-      fontSize: '24px',
-      fontWeight: '500'
-    }
-  }, "Assessment History"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '1.2em'
-    }
-  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React.createElement("div", {
-    className: "accordion-body",
-    style: {
-      padding: " 15px",
-      backgroundColor: "#fff"
-    }
-  }, assessmentData.length === 0 ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: 'red',
-      fontSize: '16px'
-    }
-  }, "No Assessments found") : assessmentData.map((assessment, index) => /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: "assessment-item",
-    style: {
-      marginBottom: "15px"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "100px",
-      marginBottom: "8px"
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Assessment Date"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, formatAssessmentDate(assessment.assessmentDate))), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "100px",
-      marginBottom: "8px",
-      color: 'black'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Assessment Year"), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, assessment.financialYear)), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row with-buttons",
-    style: {
-      display: "flex",
-      marginBottom: "8px",
-      justifyContent: "space-between",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '75px'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Assessment Number"), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, assessment.assessmentNumber)), /*#__PURE__*/React.createElement("div", {
-    className: "button-group",
-    style: {
-      display: 'flex',
-      gap: '10px'
-    }
-  }, "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ", /*#__PURE__*/React.createElement("button", {
-    style: {
-      display: "flex",
-      borderRadius: '8px',
-      backgroundColor: '#2947a3',
-      padding: '10px',
-      color: 'white'
-    },
-    onClick: () => {
-      history.push({
-        pathname: `/digit-ui/citizen/pt/property/assessment-details/${assessment.assessmentNumber}`,
-        state: {
-          Assessment: {
-            channel: applicationData.channel,
-            financialYear: assessment.financialYear,
-            propertyId: assessment.propertyId,
-            source: applicationData.source
-          },
-          submitLabel: t("PT_REASSESS_PROPERTY_BUTTON"),
-          reAssess: true
-        }
-      });
-    }
-  }, "Re-assess"), "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ", /*#__PURE__*/React.createElement("button", {
-    style: {
-      display: "flex",
-      borderRadius: '8px',
-      border: '1px solid red',
-      padding: '10px'
-    },
-    onClick: () => alert(`You are not allowed to perform this operation!!}`)
-  }, "Cancel"), "\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ")), index !== assessmentData.length - 1 && /*#__PURE__*/React.createElement("hr", null)))));
-};
-
-const ApplicationHistory = ({
-  applicationData
-}) => {
-  var _applicationData$audi;
-  const [isOpen, setIsOpen] = useState(false);
-  const history = useHistory();
-  const toggleAccordion = () => {
-    setIsOpen(!isOpen);
-  };
-  function formatDate(timestamp) {
-    const date = new Date(timestamp);
-    const options = {
-      day: '2-digit',
-      month: 'short',
-      year: 'numeric'
-    };
-    return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "accordion",
-    style: {
-      width: "100%",
-      margin: "auto",
-      fontFamily: "Roboto, sans-serif",
-      border: "1px solid #ccc",
-      borderRadius: "4px",
-      marginBottom: '10px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "accordion-header",
-    style: {
-      backgroundColor: "#f0f0f0",
-      padding: "15px",
-      cursor: "pointer"
-    },
-    onClick: toggleAccordion
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      color: '#0d43a7',
-      fontFamily: 'Noto Sans,sans-serif',
-      fontSize: '24px',
-      fontWeight: '500'
-    }
-  }, "Application History"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '1.2em'
-    }
-  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React.createElement("div", {
-    className: "accordion-body",
-    style: {
-      padding: " 15px",
-      backgroundColor: "#fff"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "assessment-item",
-    style: {
-      marginBottom: "15px"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "100px",
-      marginBottom: "8px"
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Application Number"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, applicationData.acknowldgementNumber)), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "132px",
-      marginBottom: "8px",
-      color: 'black'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Property ID No."), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, applicationData.propertyId)), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "120px",
-      marginBottom: "8px",
-      color: 'black'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Application Type"), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, "NEW PROPERTY")), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "140px",
-      marginBottom: "8px",
-      color: 'black'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Creation Date"), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, formatDate((_applicationData$audi = applicationData.auditDetails) === null || _applicationData$audi === void 0 ? void 0 : _applicationData$audi.createdTime))), /*#__PURE__*/React.createElement("div", {
-    className: "assessment-row",
-    style: {
-      display: "flex",
-      gap: "180px",
-      marginBottom: "8px",
-      color: 'black'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label",
-    style: {
-      fontWeight: "bold",
-      minWidth: '60px',
-      color: 'black'
-    }
-  }, "Status"), /*#__PURE__*/React.createElement("span", {
-    className: "value",
-    style: {
-      flex: '1',
-      color: 'black'
-    }
-  }, applicationData.status)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-    to: {
-      pathname: `/digit-ui/citizen/pt/property/application-preview/${applicationData.acknowldgementNumber}`,
-      state: {
-        propertyId: applicationData.propertyId
-      }
-    },
-    style: {
-      color: '#2947a3',
-      display: 'inline',
-      border: '1px solid',
-      padding: '8px',
-      borderRadius: '8px'
-    }
-  }, "View History")))));
-};
-
-const PaymentHistory = ({
-  payments
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const toggleAccordion = () => {
-    setIsOpen(!isOpen);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "accordion",
-    style: {
-      width: "100%",
-      margin: "auto",
-      fontFamily: "Roboto, sans-serif",
-      border: "1px solid #ccc",
-      borderRadius: "4px",
-      marginBottom: '10px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "accordion-header",
-    style: {
-      backgroundColor: "#f0f0f0",
-      padding: "15px",
-      cursor: "pointer"
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: styles.root
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "table-fixed-column-common-pay",
+    style: styles.table
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    style: {
+      ...styles.cell,
+      ...styles.cellLeft,
+      ...styles.cellHeader
+    }
+  }, t("CS_BILL_PERIOD")), _headers.map((header, ind) => {
+    let styleRight = _headers.length == ind + 1 ? styles.cellRight : {};
+    return /*#__PURE__*/React.createElement("th", {
+      style: {
+        ...styles.cell,
+        ...styleRight,
+        ...styles.cellHeader
+      },
+      key: ind
+    }, t(header));
+  }))), /*#__PURE__*/React.createElement("tbody", null, Object.values(_values).map((row, ind) => /*#__PURE__*/React.createElement("tr", {
+    key: ind
+  }, /*#__PURE__*/React.createElement("td", {
+    style: {
+      ...styles.cell,
+      ...styles.cellLeft
     },
-    onClick: toggleAccordion
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      color: '#0d43a7',
-      fontFamily: 'Noto Sans,sans-serif',
-      fontSize: '24px',
-      fontWeight: '500'
-    }
-  }, "Payment History"), /*#__PURE__*/React.createElement("span", {
+    component: "th",
+    scope: "row"
+  }, Object.keys(_values)[ind]), _headers.map((header, i) => {
+    let styleRight = _headers.length == i + 1 ? styles.cellRight : {};
+    return /*#__PURE__*/React.createElement("td", {
+      style: {
+        ...styles.cell,
+        textAlign: "left",
+        ...styleRight,
+        whiteSpace: "pre"
+      },
+      key: i,
+      numeric: true
+    }, i > 1 && "₹", row[header] && row[header]["value"] || "0");
+  }))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     style: {
-      fontSize: '1.2em'
+      ...styles.cell,
+      ...styles.cellLeft
     }
-  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React.createElement("div", {
-    className: "accordion-body",
-    style: {
-      padding: " 15px",
-      backgroundColor: "#fff"
+  }), _headers.map((header, ind) => {
+    if (ind == _headers.length - 1) {
+      return /*#__PURE__*/React.createElement("td", {
+        style: {
+          ...styles.cell,
+          ...styles.cellRight,
+          textAlign: "left",
+          fontWeight: "700",
+          whiteSpace: "pre"
+        },
+        key: ind,
+        numeric: true
+      }, _arrears);
+    } else if (ind == _headers.length - 2) {
+      return /*#__PURE__*/React.createElement("td", {
+        style: {
+          ...styles.cell,
+          textAlign: "left"
+        },
+        key: ind,
+        numeric: true
+      }, t("COMMON_ARREARS_TOTAL"));
+    } else {
+      return /*#__PURE__*/React.createElement("td", {
+        style: styles.cell,
+        key: ind,
+        numeric: true
+      });
     }
-  }, (payments === null || payments === void 0 ? void 0 : payments.length) === 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: 'red',
-      fontSize: '16px'
+  }))))));
+};
+
+const styles$1 = {
+  buttonStyle: {
+    display: "flex",
+    justifyContent: "flex-end",
+    color: "#a82227"
+  },
+  headerStyle: {
+    marginTop: "10px",
+    fontSize: "16px",
+    fontWeight: "700",
+    lineHeight: "24px",
+    color: " rgba(11, 12, 12, var(--text-opacity))"
+  }
+};
+const ArrearSummary = ({
+  bill: _bill = {}
+}) => {
+  var _bill$billDetails, _sortedBillDetails, _arrears$toFixed;
+  const {
+    t
+  } = useTranslation();
+  const formatTaxHeaders = (billDetail = {}) => {
+    let formattedFees = {};
+    const {
+      billAccountDetails = []
+    } = billDetail;
+    billAccountDetails.map(taxHead => {
+      formattedFees[taxHead.taxHeadCode] = {
+        value: taxHead.amount,
+        order: taxHead.order
+      };
+    });
+    formattedFees["CS_BILL_NO"] = {
+      value: (billDetail === null || billDetail === void 0 ? void 0 : billDetail.billNumber) || "NA",
+      order: -2
+    };
+    formattedFees["CS_BILL_DUEDATE"] = {
+      value: (billDetail === null || billDetail === void 0 ? void 0 : billDetail.expiryDate) && new Date(billDetail === null || billDetail === void 0 ? void 0 : billDetail.expiryDate).toLocaleDateString() || "NA",
+      order: -1
+    };
+    formattedFees["TL_COMMON_TOTAL_AMT"] = {
+      value: billDetail.amount,
+      order: 10
+    };
+    return formattedFees;
+  };
+  const getFinancialYears = (from, to) => {
+    const fromDate = new Date(from);
+    const toDate = new Date(to);
+    if (toDate.getYear() - fromDate.getYear() != 0) {
+      return `FY${fromDate.getYear() + 1900}-${toDate.getYear() - 100}`;
+    }
+    return `${fromDate.toLocaleDateString()}-${toDate.toLocaleDateString()}`;
+  };
+  let fees = {};
+  let sortedBillDetails = (_bill === null || _bill === void 0 ? void 0 : (_bill$billDetails = _bill.billDetails) === null || _bill$billDetails === void 0 ? void 0 : _bill$billDetails.sort((a, b) => b.fromPeriod - a.fromPeriod)) || [];
+  sortedBillDetails = [...sortedBillDetails];
+  const arrears = ((_sortedBillDetails = sortedBillDetails) === null || _sortedBillDetails === void 0 ? void 0 : _sortedBillDetails.reduce((total, current, index) => total + current.amount, 0)) || 0;
+  let arrearsAmount = `₹ ${(arrears === null || arrears === void 0 ? void 0 : (_arrears$toFixed = arrears.toFixed) === null || _arrears$toFixed === void 0 ? void 0 : _arrears$toFixed.call(arrears, 0)) || Number(0).toFixed(0)}`;
+  sortedBillDetails.map(bill => {
+    let fee = formatTaxHeaders(bill);
+    fees[getFinancialYears(bill.fromPeriod, bill.toPeriod)] = fee;
+  });
+  let head = {};
+  fees ? Object.keys(fees).map((key, ind) => {
+    Object.keys(fees[key]).map(key1 => {
+      head[key1] = fees[key] && fees[key][key1] && fees[key][key1].order || 0;
+    });
+  }) : "NA";
+  let keys = [];
+  keys = Object.keys(head);
+  keys.sort((x, y) => head[x] - head[y]);
+  const [showArrear, setShowArrear] = useState(false);
+  if (arrears == 0 || arrears < 0) {
+    return /*#__PURE__*/React.createElement("span", null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: styles$1.headerStyle
+  }, t("CS_ARREARS_DETAILS")), showArrear && /*#__PURE__*/React.createElement(ArrearTable, {
+    headers: [...keys],
+    values: fees,
+    arrears: arrearsAmount
+  }), !showArrear && /*#__PURE__*/React.createElement("div", {
+    style: styles$1.buttonStyle
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: () => {
+      setShowArrear(true);
+    }
+  }, t("CS_SHOW_CARD"))), showArrear && /*#__PURE__*/React.createElement("div", {
+    style: styles$1.buttonStyle
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: () => {
+      setShowArrear(false);
     }
-  }, "No Payemnts found")));
+  }, t("CS_HIDE_CARD"))));
 };
 
 function ApplicationDetailsContent({
@@ -18395,77 +17380,19 @@ function ApplicationDetailsContent({
   statusAttribute = "status",
   paymentsList,
   oldValue,
-  isInfoLabel = false,
-  propertyId,
-  setIsCheck,
-  isCheck
+  isInfoLabel = false
 }) {
-  var _FinancialYearData, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a5, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20, _FinancialYearData2;
+  var _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   const {
     t
   } = useTranslation();
-  const history = useHistory();
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [showToast, setShowToast] = useState(null);
-  const [payments, setPayments] = useState([]);
-  const [showAccess, setShowAccess] = useState(false);
-  const [selectedYear, setSelectedYear] = useState();
   let isEditApplication = window.location.href.includes("editApplication") && window.location.href.includes("bpa");
   console.log("appl", applicationDetails);
-  let {
-    data: FinancialYearData
-  } = Digit.Hooks.useCustomMDMS(Digit.ULBService.getStateId(), "egf-master", [{
-    name: "FinancialYear"
-  }], {
-    select: data => {
-      var _data$egfMaster;
-      const formattedData = data === null || data === void 0 ? void 0 : (_data$egfMaster = data["egf-master"]) === null || _data$egfMaster === void 0 ? void 0 : _data$egfMaster["FinancialYear"];
-      return formattedData;
-    }
-  });
-  if (((_FinancialYearData = FinancialYearData) === null || _FinancialYearData === void 0 ? void 0 : _FinancialYearData.length) > 0) {
-    FinancialYearData = FinancialYearData.filter((record, index, self) => index === self.findIndex(r => r.code === record.code));
-    FinancialYearData = FinancialYearData.sort((a, b) => b.endingDate - a.endingDate);
-  }
-  console.log("financial year", FinancialYearData);
-  const setModal = () => {
-    console.log("in Apply");
-  };
-  const closeModalTwo = () => {
-    setShowAccess(false);
-  };
-  const Heading = props => {
-    return /*#__PURE__*/React.createElement("h1", {
-      className: "heading-m"
-    }, props.label);
-  };
-  const Close = () => /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "#FFFFFF"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-  }));
-  const CloseBtn = props => {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "icon-bg-secondary",
-      onClick: props.onClick
-    }, /*#__PURE__*/React.createElement(Close, null));
-  };
-  const closeModal = e => {
-    console.log("in Print");
-    setShowAccess(false);
-  };
   function OpenImage(imageSource, index, thumbnailsToShow) {
     var _thumbnailsToShow$ful;
     window.open(thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[0], "_blank");
   }
   const [fetchBillData, updatefetchBillData] = useState({});
-  const [assessmentDetails, setAssessmentDetails] = useState();
-  const [filtered, setFiltered] = useState([]);
   const setBillData = async (tenantId, propertyIds, updatefetchBillData, updateCanFetchBillData) => {
     var _assessmentData$Asses;
     const assessmentData = await Digit.PTService.assessmentSearch({
@@ -18475,34 +17402,12 @@ function ApplicationDetailsContent({
       }
     });
     let billData = {};
-    console.log("assessment data", assessmentData);
     if ((assessmentData === null || assessmentData === void 0 ? void 0 : (_assessmentData$Asses = assessmentData.Assessments) === null || _assessmentData$Asses === void 0 ? void 0 : _assessmentData$Asses.length) > 0) {
-      const activeRecords = assessmentData.Assessments.filter(a => a.status === 'ACTIVE');
-      function normalizeDate(timestamp) {
-        const date = new Date(timestamp);
-        date.setHours(0, 0, 0, 0);
-        return date.getTime();
-      }
-      const latestMap = new Map();
-      activeRecords.forEach(record => {
-        const normalizedDate = normalizeDate(record.assessmentDate);
-        const key = `${normalizedDate}_${record.financialYear}`;
-        const existing = latestMap.get(key);
-        if (!existing || record.createdDate > existing.createdDate) {
-          latestMap.set(key, record);
-        }
-      });
-      console.log("grouped", latestMap);
-      const filteredAssessment = Array.from(latestMap.values());
-      setFiltered(filteredAssessment);
-      console.log(filteredAssessment);
-      setAssessmentDetails(assessmentData === null || assessmentData === void 0 ? void 0 : assessmentData.Assessments);
       billData = await Digit.PaymentService.fetchBill(tenantId, {
         businessService: "PT",
         consumerCode: propertyIds
       });
     }
-    console.log("bill Data", billData);
     updatefetchBillData(billData);
     updateCanFetchBillData({
       loading: false,
@@ -18510,13 +17415,11 @@ function ApplicationDetailsContent({
       canLoad: true
     });
   };
-  console.log("fetch bill data", fetchBillData);
   const [billData, updateCanFetchBillData] = useState({
     loading: false,
     loaded: false,
     canLoad: false
   });
-  console.log("filtered", filtered);
   if ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.status) == "ACTIVE" && !billData.loading && !billData.loaded && !billData.canLoad) {
     updateCanFetchBillData({
       loading: false,
@@ -18650,6 +17553,23 @@ function ApplicationDetailsContent({
       return {};
     }
   };
+  const tableStyles = {
+    table: {
+      border: '2px solid black',
+      width: '100%',
+      fontFamily: 'sans-serif'
+    },
+    td: {
+      padding: "10px",
+      border: '1px solid black',
+      textAlign: 'center'
+    },
+    th: {
+      padding: "10px",
+      border: '1px solid black',
+      textAlign: 'center'
+    }
+  };
   const getMainDivStyles = () => {
     if (window.location.href.includes("employee/obps") || window.location.href.includes("employee/noc") || window.location.href.includes("employee/ws")) {
       return {
@@ -18697,94 +17617,6 @@ function ApplicationDetailsContent({
   const totalBalanceTax = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balanceTax, 0);
   const totalBalanceInterest = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balanceInterest, 0);
   const totalBalancePenality = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balancePenality, 0);
-  const closeToast = () => {
-    setShowToast(null);
-  };
-  const updatePropertyStatus = async (propertyData, status, propertyIds) => {
-    const confirm = window.confirm(`Are you sure you want to make this property ${status}?`);
-    if (!confirm) return;
-    const payload = {
-      ...propertyData,
-      status: status,
-      isactive: status === "ACTIVE",
-      isinactive: status === "INACTIVE",
-      creationReason: "STATUS",
-      additionalDetails: {
-        ...propertyData.additionalDetails,
-        propertytobestatus: status
-      },
-      workflow: {
-        ...propertyData.workflow,
-        businessService: "PT.CREATE",
-        action: "OPEN",
-        moduleName: "PT"
-      }
-    };
-    const response = await Digit.PTService.updatePT({
-      Property: {
-        ...payload
-      }
-    }, tenantId, propertyIds);
-    console.log("response from inactive/active", response);
-  };
-  const applicationData_pt = applicationDetails.applicationData;
-  const propertyIds = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.propertyId) || "";
-  const checkPropertyStatus = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.additionalDetails) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.propertytobestatus;
-  const PropertyInActive = () => {
-    if (window.location.href.includes("/citizen")) {
-      alert("Action to Inactivate property is not allowed for citizen");
-    } else {
-      if (checkPropertyStatus == "ACTIVE") {
-        updatePropertyStatus(applicationData_pt, "INACTIVE", propertyIds);
-      } else {
-        alert("Property is already inactive.");
-      }
-    }
-  };
-  const PropertyActive = () => {
-    if (window.location.href.includes("/citizen")) {
-      alert("Action to activate property is not allowed for citizen");
-    } else {
-      if (checkPropertyStatus == "INACTIVE") {
-        updatePropertyStatus(applicationData_pt, "ACTIVE", propertyIds);
-      } else {
-        alert("Property is already active.");
-      }
-    }
-  };
-  const EditProperty = () => {
-    var _applicationDetails$a4;
-    const pID = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.propertyId;
-    if (pID) {
-      history.push({
-        pathname: `/digit-ui/employee/pt/edit-application/${pID}`
-      });
-    }
-  };
-  const AccessProperty = () => {
-    setShowAccess(true);
-  };
-  console.log("applicationDetails?.applicationDetails", applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationDetails);
-  console.log("infolabel", isInfoLabel);
-  console.log("assessment details", assessmentDetails);
-  useEffect(() => {
-    try {
-      let filters = {
-        consumerCodes: propertyId
-      };
-      const auth = true;
-      Digit.PTService.paymentsearch({
-        tenantId: tenantId,
-        filters: filters,
-        auth: auth
-      }).then(response => {
-        setPayments(response === null || response === void 0 ? void 0 : response.Payments);
-        console.log(response);
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  }, []);
   return /*#__PURE__*/React.createElement(Card$1, {
     style: {
       position: "relative"
@@ -18797,8 +17629,8 @@ function ApplicationDetailsContent({
     infoClickLable: "WS_CLICK_ON_LABEL",
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
-  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationDetails) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.map((detail, index) => {
-    var _detail$values, _detail$additionalDet, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _detail$additionalDet2, _applicationDetails$a0, _applicationDetails$a1, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29, _detail$additionalDet30, _detail$additionalDet31;
+  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationDetails) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.map((detail, index) => {
+    var _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet2, _applicationDetails$a7, _applicationDetails$a8, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -18855,7 +17687,7 @@ function ApplicationDetailsContent({
     })), /*#__PURE__*/React.createElement(StatusTable, {
       style: getTableStyles()
     }, (detail === null || detail === void 0 ? void 0 : detail.title) && !(detail !== null && detail !== void 0 && detail.title.includes("NOC")) && (detail === null || detail === void 0 ? void 0 : (_detail$values = detail.values) === null || _detail$values === void 0 ? void 0 : _detail$values.map((value, index) => {
-      var _detail$values3;
+      var _detail$values3, _fetchBillData$Bill;
       if (value.map === true && value.value !== "N/A") {
         return /*#__PURE__*/React.createElement(Row, {
           labelStyle: {
@@ -18865,7 +17697,7 @@ function ApplicationDetailsContent({
             wordBreak: "break-all"
           },
           key: t(value.title),
-          label: value !== null && value !== void 0 && value.labelComp ? `<div>${t(value.title)} ${value === null || value === void 0 ? void 0 : value.labelComp}</div>` : "t(value.title)",
+          label: t(value.title),
           text: /*#__PURE__*/React.createElement("img", {
             src: t(value.value),
             alt: "",
@@ -18936,14 +17768,16 @@ function ApplicationDetailsContent({
         textStyle: {
           wordBreak: "break-all"
         }
-      }));
+      }), value.title === "PT_TOTAL_DUES" ? /*#__PURE__*/React.createElement(ArrearSummary, {
+        bill: (_fetchBillData$Bill = fetchBillData.Bill) === null || _fetchBillData$Bill === void 0 ? void 0 : _fetchBillData$Bill[0]
+      }) : "");
     })))), (detail === null || detail === void 0 ? void 0 : detail.belowComponent) && /*#__PURE__*/React.createElement(detail.belowComponent, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet = detail.additionalDetails) === null || _detail$additionalDet === void 0 ? void 0 : _detail$additionalDet.inspectionReport) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails,
       paymentsList: paymentsList,
-      additionalDetails: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.additionalDetails,
+      additionalDetails: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.additionalDetails,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : (_applicationDetails$a8 = _applicationDetails$a7.additionalDetails) === null || _applicationDetails$a8 === void 0 ? void 0 : (_applicationDetails$a9 = _applicationDetails$a8.fieldinspection_pending) === null || _applicationDetails$a9 === void 0 ? void 0 : _applicationDetails$a9.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.fiReport) && /*#__PURE__*/React.createElement(InspectionReport, {
-      fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : (_applicationDetails$a1 = _applicationDetails$a0.additionalDetails) === null || _applicationDetails$a1 === void 0 ? void 0 : _applicationDetails$a1.fieldinspection_pending
+    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : (_applicationDetails$a5 = _applicationDetails$a4.additionalDetails) === null || _applicationDetails$a5 === void 0 ? void 0 : (_applicationDetails$a6 = _applicationDetails$a5.fieldinspection_pending) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.fiReport) && /*#__PURE__*/React.createElement(InspectionReport, {
+      fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : (_applicationDetails$a8 = _applicationDetails$a7.additionalDetails) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.fieldinspection_pending
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet3 = detail.additionalDetails) === null || _detail$additionalDet3 === void 0 ? void 0 : _detail$additionalDet3.floors) && /*#__PURE__*/React.createElement(PropertyFloors, {
       floors: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet4 = detail.additionalDetails) === null || _detail$additionalDet4 === void 0 ? void 0 : _detail$additionalDet4.floors
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.owners) && /*#__PURE__*/React.createElement(PropertyOwners, {
@@ -18982,12 +17816,14 @@ function ApplicationDetailsContent({
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documentsWithUrl) && /*#__PURE__*/React.createElement(DocumentsPreview, {
       documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documentsWithUrl
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
-      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.taxHeadEstimatesCalculation
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
+      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
+      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.redirectUrl) && /*#__PURE__*/React.createElement("div", {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement("div", {
       style: {
         fontSize: "16px",
         lineHeight: "24px",
@@ -18995,42 +17831,19 @@ function ApplicationDetailsContent({
         padding: "10px 0px"
       }
     }, /*#__PURE__*/React.createElement(Link, {
-      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : (_detail$additionalDet23 = _detail$additionalDet22.redirectUrl) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.url
+      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.url
     }, /*#__PURE__*/React.createElement("span", {
       className: "link",
       style: {
         color: "#a82227"
       }
-    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.title))), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : _detail$additionalDet26.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
+    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : (_detail$additionalDet27 = _detail$additionalDet26.redirectUrl) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.title))), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet28 = detail.additionalDetails) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet27 = detail.additionalDetails) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), detail.title === "Property Documents" && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet28 = detail.additionalDetails) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.assessmentDocuments) === null ? /*#__PURE__*/React.createElement("p", null, "0") : /*#__PURE__*/React.createElement(PropertyDocuments, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.assessmentDocuments
-    }), detail.title === "DECLARATION" && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet30 = detail.additionalDetails) === null || _detail$additionalDet30 === void 0 ? void 0 : _detail$additionalDet30.declaration) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px'
-      }
-    }, /*#__PURE__*/React.createElement(CheckBox, {
-      onChange: e => {
-        setIsCheck(e.target.checked);
-      }
-    }), /*#__PURE__*/React.createElement("p", null, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet31 = detail.additionalDetails) === null || _detail$additionalDet31 === void 0 ? void 0 : _detail$additionalDet31.declaration)), isCheck === false && /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'red'
-      }
-    }, t("PT_CHECK_DECLARATION_BOX"))));
-  }), !window.location.href.includes("/assessment-details") && /*#__PURE__*/React.createElement(AssessmentHistory, {
-    assessmentData: filtered,
-    applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-  }), !window.location.href.includes("/assessment-details") && /*#__PURE__*/React.createElement(PaymentHistory, {
-    payments: payments
-  }), !window.location.href.includes("/assessment-details") && /*#__PURE__*/React.createElement(ApplicationHistory, {
-    applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
+    }));
   }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine$1, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React.createElement(CardSectionHeader$1, {
@@ -19061,68 +17874,135 @@ function ApplicationDetailsContent({
   }))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data19 = workflowDetails.data) === null || _workflowDetails$data19 === void 0 ? void 0 : (_workflowDetails$data20 = _workflowDetails$data19.timeline) === null || _workflowDetails$data20 === void 0 ? void 0 : _workflowDetails$data20.length) > 2 && /*#__PURE__*/React.createElement(LinkButton$1, {
     label: showAllTimeline ? t("COLLAPSE") : t("VIEW_TIMELINE"),
     onClick: toggleTimeline
-  })))), /*#__PURE__*/React.createElement(ActionBar$1, {
-    className: "clear-search-container",
-    style: {
-      display: "block"
-    }
-  }, /*#__PURE__*/React.createElement(SubmitBar$1, {
-    label: "Make Property Active",
-    style: {
-      flex: 1
-    },
-    onSubmit: PropertyActive
-  }), /*#__PURE__*/React.createElement(SubmitBar$1, {
-    label: "Make Property Inactive",
-    style: {
-      marginLeft: "20px"
-    },
-    onSubmit: PropertyInActive
-  }), /*#__PURE__*/React.createElement(SubmitBar$1, {
-    label: "Edit Property",
-    style: {
-      marginLeft: "20px"
-    },
-    onSubmit: EditProperty
-  }), /*#__PURE__*/React.createElement(SubmitBar$1, {
-    label: "Access Property",
-    style: {
-      marginLeft: "20px"
-    },
-    onSubmit: AccessProperty
-  })), showToast && /*#__PURE__*/React.createElement(Toast$1, {
-    error: showToast.isError,
-    label: t(showToast.label),
-    onClose: closeToast,
-    isDleteBtn: "false"
-  }), showAccess && /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading, {
-      label: t("PT_FINANCIAL_YEAR_PLACEHOLDER")
-    }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
-      onClick: closeModalTwo
-    }),
-    actionCancelLabel: "Cancel",
-    actionCancelOnSubmit: closeModal,
-    actionSaveLabel: "Access",
-    actionSaveOnSubmit: setModal,
-    formId: "modal-action",
-    popupStyles: {
-      width: '60%',
-      marginTop: '5px'
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, ((_FinancialYearData2 = FinancialYearData) === null || _FinancialYearData2 === void 0 ? void 0 : _FinancialYearData2.length) > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, FinancialYearData.map((option, index) => /*#__PURE__*/React.createElement("div", {
-    key: index,
-    style: {
-      marginBottom: '8px'
-    }
-  }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    value: option.code,
-    checked: selectedYear === option.code,
-    onChange: e => setSelectedYear(e.target.value),
-    name: "custom-radio"
-  }), option.name)))))));
+  })))), /*#__PURE__*/React.createElement(CardSectionHeader$1, {
+    style: {
+      marginBottom: '16px',
+      marginTop: "16px",
+      fontSize: '24px'
+    }
+  }, "DCB Details"), /*#__PURE__*/React.createElement("table", {
+    border: "1px",
+    style: tableStyles.table
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Installments"), /*#__PURE__*/React.createElement("th", {
+    colSpan: "3",
+    style: tableStyles.th
+  }, "Demand"), /*#__PURE__*/React.createElement("th", {
+    colSpan: "3",
+    style: tableStyles.th
+  }, "Collection"), /*#__PURE__*/React.createElement("th", {
+    colSpan: "3",
+    style: tableStyles.th
+  }, "Balance"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Advance")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Tax"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Interest"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Penalty"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Tax"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Interest"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Penalty"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Tax"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Interest"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Penalty"), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Advance"))), /*#__PURE__*/React.createElement("tbody", null, demandData === null || demandData === void 0 ? void 0 : demandData.map(item => {
+    return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.taxPeriodFrom, "-", item.taxPeriodTo), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.demandTax), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.demandInterest), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.demandPenality), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.collectionTax), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.collectionInterest), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.collectionPenality), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.balanceTax), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.balanceInterest), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.balancePenality), /*#__PURE__*/React.createElement("td", {
+      style: tableStyles.td
+    }, item.advance));
+  }), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Total"), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalDemandTax), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalDemandInterest), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalDemandPenality), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalCollectionTax), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalCollectionInterest), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalCollectionPenality), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  })), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Total"), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalBalanceTax), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, "0"), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, "0"), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, "0")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }), /*#__PURE__*/React.createElement("th", {
+    style: tableStyles.th
+  }, "Total Balance"), /*#__PURE__*/React.createElement("td", {
+    style: tableStyles.td
+  }, totalBalanceTax)))));
 }
 
 function ApplicationDetailsToast({
@@ -19433,10 +18313,7 @@ const ApplicationDetails = props => {
     showTimeLine = true,
     oldValue,
     isInfoLabel = false,
-    clearDataDetails,
-    propertyId,
-    setIsCheck,
-    isCheck
+    clearDataDetails
   } = props;
   useEffect(() => {
     if (showToast) {
@@ -19657,7 +18534,6 @@ const ApplicationDetails = props => {
       window.location.assign(window.location.href.split("/editApplication")[0] + window.location.href.split("editApplication")[1]);
     }
   };
-  console.log("application Details in template", applicationDetails);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ApplicationDetailsContent, {
     applicationDetails: applicationDetails,
     demandData: demandData,
@@ -19673,10 +18549,7 @@ const ApplicationDetails = props => {
     paymentsList: paymentsList,
     showTimeLine: showTimeLine,
     oldValue: oldValue,
-    isInfoLabel: isInfoLabel,
-    propertyId: propertyId,
-    setIsCheck: setIsCheck,
-    isCheck: isCheck
+    isInfoLabel: isInfoLabel
   }), showModal ? /*#__PURE__*/React.createElement(ActionModal$b, {
     t: t,
     action: selectedAction,
@@ -21040,6 +19913,7 @@ const Acknowledgement = props => {
 };
 
 const ActiveAndOpenSurveys = props => {
+  var _userUlbs, _userUlbs2, _userUlbs3;
   const {
     userType
   } = props;
@@ -21047,10 +19921,49 @@ const ActiveAndOpenSurveys = props => {
   const {
     t
   } = useTranslation();
+  const userInfo = Digit.UserService.getUser().info;
+  console.log("userinfo", userInfo);
+  const ulbs = Digit.SessionStorage.get("ENGAGEMENT_TENANTS");
+  let userUlbs = ulbs.filter(ulb => {
+    var _userInfo$roles;
+    return userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => (role === null || role === void 0 ? void 0 : role.tenantId) === (ulb === null || ulb === void 0 ? void 0 : ulb.code));
+  });
   const tenantId = userType.toLowerCase() === "employee" ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
+  if (((_userUlbs = userUlbs) === null || _userUlbs === void 0 ? void 0 : _userUlbs.length) === 0 || tenantId === "pb.punjab") {
+    let adduserUlbs = {
+      i18nKey: `TENANT_TENANTS_${tenantId.replace(".", "_").toUpperCase()}`,
+      code: `${tenantId}`
+    };
+    if (tenantId === "pb.punjab") {
+      userUlbs = [adduserUlbs, ...ulbs];
+    } else {
+      userUlbs = [adduserUlbs];
+    }
+  }
   const [loading, setLoading] = useState(false);
   const [count, setCount] = useState(null);
   const [data, setData] = useState([]);
+  const searchFormDefaultValues = {
+    city: (_userUlbs2 = userUlbs) === null || _userUlbs2 === void 0 ? void 0 : _userUlbs2[0],
+    offset: 0,
+    limit: 10,
+    sortOrder: "DESC"
+  };
+  const {
+    register,
+    control,
+    handleSubmit,
+    setValue,
+    getValues,
+    reset,
+    formState: {
+      errors
+    },
+    watch
+  } = useForm({
+    defaultValues: searchFormDefaultValues
+  });
+  const formValues = watch();
   const GetCell = value => /*#__PURE__*/React.createElement("span", {
     className: "cell-text styled-cell"
   }, value);
@@ -21101,11 +20014,12 @@ const ActiveAndOpenSurveys = props => {
   });
   useEffect(() => {
     fetchActiveAndOpenSurveys();
-  }, [tenantId]);
+  }, []);
   function fetchActiveAndOpenSurveys() {
+    var _formValues$city;
     setLoading(true);
     const payload = {
-      tenantId: tenantId,
+      tenantId: formValues === null || formValues === void 0 ? void 0 : (_formValues$city = formValues.city) === null || _formValues$city === void 0 ? void 0 : _formValues$city.code,
       active: true,
       openSurveyFlag: true
     };
@@ -21120,7 +20034,6 @@ const ActiveAndOpenSurveys = props => {
       console.error("Failed to fetch surveys", error);
     });
   }
-  const userInfo = Digit.UserService.getUser().info;
   console.log("userinfo", userInfo);
   const handleStartSurvey = surveyDetails => {
     console.log("Survey Details: ", surveyDetails);
@@ -21138,7 +20051,61 @@ const ActiveAndOpenSurveys = props => {
       }
     });
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
+  return /*#__PURE__*/React.createElement("div", null, tenantId === "pb.punjab" && window.location.href.includes("/employee") ? /*#__PURE__*/React.createElement(Card$1, {
+    style: {
+      marginTop: "16px",
+      marginBottom: "16px",
+      backgroundColor: "white",
+      maxWidth: "99%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("h1", {
+    style: {
+      fontSize: "20px"
+    }
+  }, " Search Surveys ")), /*#__PURE__*/React.createElement("hr", {
+    style: {
+      marginTop: "10px"
+    }
+  }), /*#__PURE__*/React.createElement("form", {
+    className: "search-form-wrapper rm-mb form-field-flex-one",
+    onSubmit: handleSubmit(fetchActiveAndOpenSurveys)
+  }, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("City"), " ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React.createElement(Controller, Object.assign({
+    rules: {
+      required: t("REQUIRED_FIELD")
+    }
+  }, register("city"), {
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      option: userUlbs,
+      optionKey: "i18nKey",
+      selected: formValues === null || formValues === void 0 ? void 0 : formValues.city,
+      select: e => {
+        props.onChange(e);
+      },
+      t: t
+    }),
+    name: "city",
+    control: control,
+    defaultValue: (_userUlbs3 = userUlbs) === null || _userUlbs3 === void 0 ? void 0 : _userUlbs3[0]
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: `form-field`,
+    style: {
+      marginTop: "40px"
+    }
+  }, " ", /*#__PURE__*/React.createElement(SubmitBar$1, {
+    label: "Search",
+    submit: "submit",
+    onSubmit: fetchActiveAndOpenSurveys
+  })))) : null, /*#__PURE__*/React.createElement(Table, {
     t: t,
     data: data,
     totalRecords: count,
@@ -21326,6 +20293,7 @@ const FillQuestions = props => {
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const prevProps = props.location.state;
   const [hasCitizenDetails, setHasCitizenDetails] = useState(null);
+  console.log("city", localStorage.getItem("CITIZEN.CITY"));
   useEffect(() => {
     (async () => {
       setLoading(true);
@@ -21424,10 +20392,12 @@ const FillQuestions = props => {
     }))
   };
   const fetchAnswer = async status => {
+    var _prevProps$citizenDat2, _prevProps$citizenDat3;
     setLoading(true);
     let payload = {
       surveyUuid: data.uuid,
-      citizenId: prevProps.userInfo.uuid
+      citizenId: prevProps.userInfo.uuid,
+      tenantId: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat2 = prevProps.citizenData) === null || _prevProps$citizenDat2 === void 0 ? void 0 : (_prevProps$citizenDat3 = _prevProps$citizenDat2.city) === null || _prevProps$citizenDat3 === void 0 ? void 0 : _prevProps$citizenDat3.code : city : city
     };
     try {
       Digit.Surveys.getAnswers(payload).then(response => {
@@ -21465,10 +20435,12 @@ const FillQuestions = props => {
     }
   };
   const fetchSurveyAnswers = async () => {
+    var _prevProps$citizenDat4, _prevProps$citizenDat5;
     setLoading(true);
     let payload = {
       surveyUuid: data.uuid,
-      citizenId: prevProps.userInfo.uuid
+      citizenId: prevProps.userInfo.uuid,
+      tenantId: city === null || city === undefined ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat4 = prevProps.citizenData) === null || _prevProps$citizenDat4 === void 0 ? void 0 : (_prevProps$citizenDat5 = _prevProps$citizenDat4.city) === null || _prevProps$citizenDat5 === void 0 ? void 0 : _prevProps$citizenDat5.code : localStorage.getItem("CITIZEN.CITY") : city
     };
     try {
       Digit.Surveys.getAnswers(payload).then(response => {
@@ -21541,7 +20513,7 @@ const FillQuestions = props => {
     var _prevProps$userInfo, _prevProps$userInfo2, _prevProps$userInfo3;
     setLoading(true);
     const data = {
-      userName: prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$userInfo = prevProps.userInfo) === null || _prevProps$userInfo === void 0 ? void 0 : _prevProps$userInfo.mobileNumber,
+      uuid: [prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$userInfo = prevProps.userInfo) === null || _prevProps$userInfo === void 0 ? void 0 : _prevProps$userInfo.uuid],
       tenantId: prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$userInfo2 = prevProps.userInfo) === null || _prevProps$userInfo2 === void 0 ? void 0 : _prevProps$userInfo2.tenantId
     };
     const filters = {
@@ -21560,7 +20532,6 @@ const FillQuestions = props => {
           const birthDate = new Date(response === null || response === void 0 ? void 0 : (_response$user$7 = response.user[0]) === null || _response$user$7 === void 0 ? void 0 : _response$user$7.dob);
           let age = today.getFullYear() - birthDate.getFullYear();
           const monthDifference = today.getMonth() - birthDate.getMonth();
-          console.log("in user");
           if (monthDifference < 0 || monthDifference === 0 && today.getDate() < birthDate.getDate()) {
             age--;
           }
@@ -21574,9 +20545,11 @@ const FillQuestions = props => {
           }
         }
       } else {
-        console.log("in user error");
-        alert("ERROR FILE FETCHING CITIZEN DETAILS");
-        return;
+        setShowToast({
+          key: true,
+          isError: true,
+          label: `ERROR FILE FETCHING CITIZEN DETAILS`
+        });
       }
     }).catch(error => {
       setLoading(false);
@@ -21629,7 +20602,7 @@ const FillQuestions = props => {
     return () => clearInterval(interval);
   }, [formData]);
   const handleAutoSave = async () => {
-    var _prevProps$citizenDat2, _prevProps$citizenDat3, _prevProps$citizenDat4;
+    var _prevProps$citizenDat6, _prevProps$citizenDat7, _prevProps$citizenDat8, _prevProps$citizenDat9, _prevProps$citizenDat0, _prevProps$citizenDat1, _prevProps$citizenDat10, _prevProps$citizenDat11, _prevProps$citizenDat12;
     setLoading(true);
     let answerArr = [];
     for (const sectionId in formData) {
@@ -21653,14 +20626,16 @@ const FillQuestions = props => {
       User: {
         type: prevProps.userInfo.type,
         uuid: prevProps.userInfo.uuid,
-        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat2 = prevProps.citizenData) === null || _prevProps$citizenDat2 === void 0 ? void 0 : _prevProps$citizenDat2.gender : prevProps.userInfo.gender,
-        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat3 = prevProps.citizenData) === null || _prevProps$citizenDat3 === void 0 ? void 0 : _prevProps$citizenDat3.email : prevProps.userInfo.emailId,
-        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat4 = prevProps.citizenData) === null || _prevProps$citizenDat4 === void 0 ? void 0 : _prevProps$citizenDat4.dob : prevProps.userInfo.dob
+        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat6 = prevProps.citizenData) === null || _prevProps$citizenDat6 === void 0 ? void 0 : _prevProps$citizenDat6.gender : prevProps.userInfo.gender,
+        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat7 = prevProps.citizenData) === null || _prevProps$citizenDat7 === void 0 ? void 0 : _prevProps$citizenDat7.email : prevProps.userInfo.emailId,
+        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat8 = prevProps.citizenData) === null || _prevProps$citizenDat8 === void 0 ? void 0 : _prevProps$citizenDat8.dob : prevProps.userInfo.dob
       },
       SurveyResponse: {
         surveyUuid: data.uuid,
-        tenantId: city,
+        tenantId: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat9 = prevProps.citizenData) === null || _prevProps$citizenDat9 === void 0 ? void 0 : (_prevProps$citizenDat0 = _prevProps$citizenDat9.city) === null || _prevProps$citizenDat0 === void 0 ? void 0 : _prevProps$citizenDat0.code : localStorage.getItem("CITIZEN.CITY") : city,
+        city: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat1 = prevProps.citizenData) === null || _prevProps$citizenDat1 === void 0 ? void 0 : (_prevProps$citizenDat10 = _prevProps$citizenDat1.city) === null || _prevProps$citizenDat10 === void 0 ? void 0 : _prevProps$citizenDat10.code : localStorage.getItem("CITIZEN.CITY") : city,
         locality: locality,
+        tenantId: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat11 = prevProps.citizenData) === null || _prevProps$citizenDat11 === void 0 ? void 0 : (_prevProps$citizenDat12 = _prevProps$citizenDat11.city) === null || _prevProps$citizenDat12 === void 0 ? void 0 : _prevProps$citizenDat12.code : localStorage.getItem("CITIZEN.CITY") : city,
         status: "Draft",
         coordinates: `${geoLocation.latitude},${geoLocation.longitude}`,
         answers: answerArr
@@ -21735,19 +20710,19 @@ const FillQuestions = props => {
     return Object.keys(newErrors).length === 0;
   };
   const handleSubmitSurvey = () => {
-    var _prevProps$citizenDat5, _prevProps$citizenDat6, _prevProps$citizenDat7;
+    var _prevProps$citizenDat15, _prevProps$citizenDat16, _prevProps$citizenDat17, _prevProps$citizenDat18, _prevProps$citizenDat19, _prevProps$citizenDat20, _prevProps$citizenDat21;
     setLoading(true);
     let answerArr = [];
     for (const sectionId in formData) {
       for (const questionId in formData[sectionId]) {
-        var _formData$sectionId$q2;
+        var _formData$sectionId$q2, _prevProps$citizenDat13, _prevProps$citizenDat14;
         answerArr.push({
           uuid: formData[sectionId][questionId].answerUuid,
           surveyUuid: data.uuid,
           questionUuid: questionId,
           sectionUuid: sectionId,
           comments: ((_formData$sectionId$q2 = formData[sectionId][questionId]) === null || _formData$sectionId$q2 === void 0 ? void 0 : _formData$sectionId$q2.comments) || "",
-          tenantId: localStorage.getItem("CITIZEN.CITY"),
+          tenantId: window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat13 = prevProps.citizenData) === null || _prevProps$citizenDat13 === void 0 ? void 0 : (_prevProps$citizenDat14 = _prevProps$citizenDat13.city) === null || _prevProps$citizenDat14 === void 0 ? void 0 : _prevProps$citizenDat14.code : localStorage.getItem("CITIZEN.CITY"),
           answerDetails: [{
             answerType: formData[sectionId][questionId].answerType,
             answerContent: formData[sectionId][questionId].answerType === "CHECKBOX_ANSWER_TYPE" ? formData[sectionId][questionId].answer.join(",") : formData[sectionId][questionId].answer,
@@ -21760,16 +20735,17 @@ const FillQuestions = props => {
       User: {
         type: prevProps.userInfo.type,
         uuid: prevProps.userInfo.uuid,
-        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat5 = prevProps.citizenData) === null || _prevProps$citizenDat5 === void 0 ? void 0 : _prevProps$citizenDat5.gender : prevProps.userInfo.gender,
-        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat6 = prevProps.citizenData) === null || _prevProps$citizenDat6 === void 0 ? void 0 : _prevProps$citizenDat6.email : prevProps.userInfo.emailId,
-        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat7 = prevProps.citizenData) === null || _prevProps$citizenDat7 === void 0 ? void 0 : _prevProps$citizenDat7.dob : prevProps.userInfo.dob
+        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat15 = prevProps.citizenData) === null || _prevProps$citizenDat15 === void 0 ? void 0 : _prevProps$citizenDat15.gender : prevProps.userInfo.gender,
+        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat16 = prevProps.citizenData) === null || _prevProps$citizenDat16 === void 0 ? void 0 : _prevProps$citizenDat16.email : prevProps.userInfo.emailId,
+        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat17 = prevProps.citizenData) === null || _prevProps$citizenDat17 === void 0 ? void 0 : _prevProps$citizenDat17.dob : prevProps.userInfo.dob
       },
       SurveyResponse: {
         surveyUuid: data.uuid,
-        tenantId: city,
         status: "Submit",
         locality: locality,
         coordinates: `${geoLocation.latitude},${geoLocation.longitude}`,
+        tenantId: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat18 = prevProps.citizenData) === null || _prevProps$citizenDat18 === void 0 ? void 0 : (_prevProps$citizenDat19 = _prevProps$citizenDat18.city) === null || _prevProps$citizenDat19 === void 0 ? void 0 : _prevProps$citizenDat19.code : localStorage.getItem("CITIZEN.CITY") : city,
+        city: city === null ? window.location.href.includes("/employee") ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat20 = prevProps.citizenData) === null || _prevProps$citizenDat20 === void 0 ? void 0 : (_prevProps$citizenDat21 = _prevProps$citizenDat20.city) === null || _prevProps$citizenDat21 === void 0 ? void 0 : _prevProps$citizenDat21.code : localStorage.getItem("CITIZEN.CITY") : city,
         answers: answerArr
       }
     };
@@ -22264,6 +21240,7 @@ const FillQuestions = props => {
       }
     }
   }, [getFetchAnswers]);
+  console.log("city", city);
   const handleLocalityChangeCitizen = e => {
     setLocality(e.target.value);
   };
@@ -23915,19 +22892,23 @@ const SearchFormFieldsComponents = ({
     isLoading
   } = Digit.Hooks.useTenants();
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const userInfo = Digit.SessionStorage.get("citizen.userRequestObject");
+  const userInfo = Digit.UserService.getUser().info;
   let isTenantFound = true;
   let userUlbs = ulbs.filter(ulb => {
     var _userInfo$info, _userInfo$info$roles;
     return userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : (_userInfo$info$roles = _userInfo$info.roles) === null || _userInfo$info$roles === void 0 ? void 0 : _userInfo$info$roles.some(role => (role === null || role === void 0 ? void 0 : role.tenantId) === (ulb === null || ulb === void 0 ? void 0 : ulb.code));
   }).sort(alphabeticalSortFunctionForTenantsBasedOnName);
-  if (((_userUlbs = userUlbs) === null || _userUlbs === void 0 ? void 0 : _userUlbs.length) === 0) {
-    var _userInfo$info2;
+  if (((_userUlbs = userUlbs) === null || _userUlbs === void 0 ? void 0 : _userUlbs.length) === 0 || tenantId === "pb.punjab") {
     isTenantFound = false;
-    userUlbs = [{
-      i18nKey: `TENANT_TENANTS_${userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info2 = userInfo.info) === null || _userInfo$info2 === void 0 ? void 0 : _userInfo$info2.tenantId.replace(".", "_").toUpperCase()}`,
-      code: `${userInfo === null || userInfo === void 0 ? void 0 : userInfo.info.tenantId}`
-    }];
+    let adduserUlbs = {
+      i18nKey: `TENANT_TENANTS_${userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantId.replace(".", "_").toUpperCase()}`,
+      code: `${userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantId}`
+    };
+    if (tenantId === "pb.punjab") {
+      userUlbs = [adduserUlbs, ...ulbs];
+    } else {
+      userUlbs = [adduserUlbs];
+    }
   }
   const selectedTenat = useMemo(() => {
     var _userUlbs2;
@@ -23992,6 +22973,7 @@ const useInboxTableConfig = ({
   const {
     t
   } = useTranslation();
+  const userInfo = Digit.UserService.getUser();
   const handleUpdateSurveyConfirm = row => {
     var _row$original, _row$original2, _row$original3;
     console.log("Current row: ", row);
@@ -24084,7 +23066,8 @@ const useInboxTableConfig = ({
       Cell: ({
         row
       }) => {
-        return /*#__PURE__*/React.createElement("div", {
+        var _row$original12, _userInfo$info;
+        return (row === null || row === void 0 ? void 0 : (_row$original12 = row.original) === null || _row$original12 === void 0 ? void 0 : _row$original12.tenantId) === (userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : _userInfo$info.tenantId) ? /*#__PURE__*/React.createElement("div", {
           className: "tooltip"
         }, /*#__PURE__*/React.createElement("div", {
           style: {
@@ -24108,7 +23091,11 @@ const useInboxTableConfig = ({
             marginLeft: "50%",
             fontSize: "medium"
           }
-        }, t("Click here to update the survey status"))));
+        }, t("Click here to update the survey status")))) : /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: 'red'
+          }
+        }, "No access");
       }
     }];
   });
@@ -24494,7 +23481,7 @@ const Inbox$3 = ({
       onPageSizeChange,
       formState,
       totalCount: TotalCount,
-      table: Surveys,
+      table: sortedSurveys,
       noResultsMessage: "CS_SURVEYS_NOT_FOUND",
       dispatch,
       inboxStyles: {
@@ -24507,7 +23494,7 @@ const Inbox$3 = ({
   });
   const propsForInboxMobileCards = useInboxMobileCardsData({
     parentRoute,
-    table: Surveys,
+    table: sortedSurveys,
     setShowToast
   });
   const onNoToToast = () => {
@@ -25022,7 +24009,7 @@ const useCategoryInboxTableConfig = ({
       };
     },
     disableSort: false,
-    autoSort: true,
+    autoSort: false,
     manualPagination: true,
     initSortI: "endDate",
     onPageSizeChange: onPageSizeChange,
@@ -25271,7 +24258,7 @@ const SearchCategories = ({
       onPageSizeChange,
       formState,
       totalCount: totalCount,
-      table: Categories,
+      table: sortedCategories,
       noResultsMessage: "No Categories found",
       dispatch,
       inboxStyles: {
@@ -25283,7 +24270,7 @@ const SearchCategories = ({
   });
   const propsForInboxMobileCards = useCategoryInboxMobileCardsData({
     parentRoute,
-    table: Categories,
+    table: sortedCategories,
     setShowToast
   });
   const onNoToToast = () => {
@@ -26765,7 +25752,7 @@ const useQuestionsInboxTableConfig = ({
       };
     },
     disableSort: false,
-    autoSort: true,
+    autoSort: false,
     manualPagination: true,
     initSortI: "endDate",
     onPageSizeChange: onPageSizeChange,
@@ -27019,7 +26006,7 @@ const SearchQuestions = ({
       onPageSizeChange,
       formState,
       totalCount: totalCount,
-      table: Questions,
+      table: sortedQuestions,
       noResultsMessage: "No Questions found",
       dispatch,
       inboxStyles: {
@@ -27035,7 +26022,7 @@ const SearchQuestions = ({
   });
   const propsForInboxMobileCards = useQuestionsInboxMobileCardsData({
     parentRoute,
-    table: Questions,
+    table: sortedQuestions,
     setShowToast
   });
   const onNoToToast = () => {
@@ -29072,23 +28059,20 @@ const SurveyDetailsForms = ({
     isLoading
   } = Digit.Hooks.useTenants();
   console.log("cities", cities);
-  let cityName = "";
   useEffect(() => {
-    console.log("loading", isLoading);
-    if (!isLoading) {
-      console.log("tenantId", tenantId);
-      cities.map(item => {
-        if (item.code.toString() === tenantId.toString()) {
-          cityName = item;
-          return;
-        }
-      });
+    if (!isLoading && cities !== null && cities !== void 0 && cities.length && !(surveyDetails !== null && surveyDetails !== void 0 && surveyDetails.ulb)) {
+      const matchedCity = cities === null || cities === void 0 ? void 0 : cities.find(city => city.code === tenantId);
+      if (matchedCity) {
+        dispatch(fieldChange(surveyDetails.id, {
+          ulb: matchedCity
+        }));
+      }
     }
-  }, [cities]);
-  console.log("cityName", cityName);
+  }, [cities, isLoading, tenantId]);
   const userInfo = Digit.UserService.getUser().info;
   const dispatch = useDispatch();
   const surveyDetails = useSelector(state => state.engagement.surveyForm.surveyDetails[0]);
+  console.log("surveyDetails====", surveyDetails);
   const userUlbs = ulbs.filter(ulb => {
     var _userInfo$roles;
     return userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => (role === null || role === void 0 ? void 0 : role.tenantId) === (ulb === null || ulb === void 0 ? void 0 : ulb.code));
@@ -29098,11 +28082,6 @@ const SurveyDetailsForms = ({
     const filtered = ulbs.filter(item => item.code === tenantId);
     return filtered;
   }, [ulbs]);
-  useEffect(() => {
-    dispatch(fieldChange(surveyDetails.id, {
-      ["ulb"]: cityName
-    }));
-  }, []);
   const handleFieldChange = e => {
     const {
       name,
@@ -29135,7 +28114,7 @@ const SurveyDetailsForms = ({
     placeholder: "Select City",
     optionKey: "i18nKey",
     t: t,
-    selected: surveyDetails.ulb || cityName
+    selected: surveyDetails.ulb
   }), (surveyFormState === null || surveyFormState === void 0 ? void 0 : (_surveyFormState$erro = surveyFormState.errors) === null || _surveyFormState$erro === void 0 ? void 0 : _surveyFormState$erro.tenantIds) && /*#__PURE__*/React.createElement(CardLabelError$2, null, t("ES_ERROR_REQUIRED"))), /*#__PURE__*/React.createElement("div", {
     className: "survey-column"
   }, /*#__PURE__*/React.createElement("label", null, t("CS_SURVEY_NAME"), " ", /*#__PURE__*/React.createElement("span", {
@@ -29164,7 +28143,7 @@ const SurveyDetailsForms = ({
   }), (surveyFormState === null || surveyFormState === void 0 ? void 0 : (_surveyFormState$erro2 = surveyFormState.errors) === null || _surveyFormState$erro2 === void 0 ? void 0 : _surveyFormState$erro2.title) && /*#__PURE__*/React.createElement(CardLabelError$2, null, surveyFormState === null || surveyFormState === void 0 ? void 0 : (_surveyFormState$erro3 = surveyFormState.errors) === null || _surveyFormState$erro3 === void 0 ? void 0 : (_surveyFormState$erro4 = _surveyFormState$erro3["title"]) === null || _surveyFormState$erro4 === void 0 ? void 0 : _surveyFormState$erro4.message))), /*#__PURE__*/React.createElement("div", {
     className: "survey-column",
     style: {
-      width: '100%'
+      width: "100%"
     }
   }, /*#__PURE__*/React.createElement("label", null, t("CS_SURVEY_DESCRIPTION")), /*#__PURE__*/React.createElement(TextInput$1, {
     name: "description",