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

package/dist/index.modern.js

@@ -6667,8 +6667,8 @@ function getNative(object, key) {
 }
 var _getNative = getNative;
 
-var Map = _getNative(_root, 'Map');
-var _Map = Map;
+var Map$1 = _getNative(_root, 'Map');
+var _Map = Map$1;
 
 var nativeCreate = _getNative(Object, 'create');
 var _nativeCreate = nativeCreate;
@@ -8562,6 +8562,818 @@ 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;
@@ -17152,218 +17964,421 @@ const ViewBreakup = ({
   })))));
 };
 
-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 AssessmentHistory = ({
+  assessmentData,
+  applicationData
 }) => {
+  const history = useHistory();
   const {
     t
   } = useTranslation();
-  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
+  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"
     },
-    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", {
+    onClick: toggleAccordion
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      ...styles.cell,
-      ...styles.cellLeft
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: 'center'
     }
-  }), _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
+  }, /*#__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 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 = {}
+const ApplicationHistory = ({
+  applicationData
 }) => {
-  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
+  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 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 date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
   }
-  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);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "accordion",
+    style: {
+      width: "100%",
+      margin: "auto",
+      fontFamily: "Roboto, sans-serif",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      marginBottom: '10px'
     }
-  }, t("CS_SHOW_CARD"))), showArrear && /*#__PURE__*/React.createElement("div", {
-    style: styles$1.buttonStyle
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => {
-      setShowArrear(false);
+  }, /*#__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'
     }
-  }, t("CS_HIDE_CARD"))));
+  }, "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"
+    },
+    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", {
+    style: {
+      fontSize: '1.2em'
+    }
+  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React.createElement("div", {
+    className: "accordion-body",
+    style: {
+      padding: " 15px",
+      backgroundColor: "#fff"
+    }
+  }, (payments === null || payments === void 0 ? void 0 : payments.length) === 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: 'red',
+      fontSize: '16px'
+    }
+  }, "No Payemnts found")));
 };
 
 function ApplicationDetailsContent({
@@ -17380,19 +18395,77 @@ function ApplicationDetailsContent({
   statusAttribute = "status",
   paymentsList,
   oldValue,
-  isInfoLabel = false
+  isInfoLabel = false,
+  propertyId,
+  setIsCheck,
+  isCheck
 }) {
-  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;
+  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;
   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({
@@ -17402,12 +18475,34 @@ 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,
@@ -17415,11 +18510,13 @@ 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,
@@ -17553,23 +18650,6 @@ 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 {
@@ -17617,6 +18697,94 @@ 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"
@@ -17629,8 +18797,8 @@ function ApplicationDetailsContent({
     infoClickLable: "WS_CLICK_ON_LABEL",
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
-  }) : 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;
+  }) : 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;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -17687,7 +18855,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, _fetchBillData$Bill;
+      var _detail$values3;
       if (value.map === true && value.value !== "N/A") {
         return /*#__PURE__*/React.createElement(Row, {
           labelStyle: {
@@ -17697,7 +18865,7 @@ function ApplicationDetailsContent({
             wordBreak: "break-all"
           },
           key: t(value.title),
-          label: 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)",
           text: /*#__PURE__*/React.createElement("img", {
             src: t(value.value),
             alt: "",
@@ -17768,16 +18936,14 @@ 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$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.additionalDetails,
+      additionalDetails: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.additionalDetails,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-    }), (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
+    }), (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
     }), (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, {
@@ -17816,14 +18982,12 @@ 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.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$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.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (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", {
+    }), (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", {
       style: {
         fontSize: "16px",
         lineHeight: "24px",
@@ -17831,19 +18995,42 @@ function ApplicationDetailsContent({
         padding: "10px 0px"
       }
     }, /*#__PURE__*/React.createElement(Link, {
-      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
+      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
     }, /*#__PURE__*/React.createElement("span", {
       className: "link",
       style: {
         color: "#a82227"
       }
-    }, 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, {
+    }, 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, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), (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, {
+    }), (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, {
       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, {
@@ -17874,135 +19061,68 @@ 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(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)))));
+  })))), /*#__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)))))));
 }
 
 function ApplicationDetailsToast({
@@ -18313,7 +19433,10 @@ const ApplicationDetails = props => {
     showTimeLine = true,
     oldValue,
     isInfoLabel = false,
-    clearDataDetails
+    clearDataDetails,
+    propertyId,
+    setIsCheck,
+    isCheck
   } = props;
   useEffect(() => {
     if (showToast) {
@@ -18534,6 +19657,7 @@ 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,
@@ -18549,7 +19673,10 @@ const ApplicationDetails = props => {
     paymentsList: paymentsList,
     showTimeLine: showTimeLine,
     oldValue: oldValue,
-    isInfoLabel: isInfoLabel
+    isInfoLabel: isInfoLabel,
+    propertyId: propertyId,
+    setIsCheck: setIsCheck,
+    isCheck: isCheck
   }), showModal ? /*#__PURE__*/React.createElement(ActionModal$b, {
     t: t,
     action: selectedAction,
@@ -20433,6 +21560,7 @@ 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--;
           }
@@ -20446,11 +21574,9 @@ const FillQuestions = props => {
           }
         }
       } else {
-        setShowToast({
-          key: true,
-          isError: true,
-          label: `ERROR FILE FETCHING CITIZEN DETAILS`
-        });
+        console.log("in user error");
+        alert("ERROR FILE FETCHING CITIZEN DETAILS");
+        return;
       }
     }).catch(error => {
       setLoading(false);