@mseva/digit-ui-module-engagement 1.1.24 → 1.1.26

package/dist/index.modern.js

@@ -880,9 +880,6 @@ function compareAsc(dirtyDateLeft, dirtyDateRight) {
   }
 }
 
-var millisecondsInMinute = 60000;
-var millisecondsInHour = 3600000;
-
 function isDate(value) {
   requiredArgs(1, arguments);
   return value instanceof Date || typeof value === 'object' && Object.prototype.toString.call(value) === '[object Date]';
@@ -2504,182 +2501,6 @@ function formatDistanceToNow(dirtyDate, dirtyOptions) {
   return formatDistance$1(dirtyDate, Date.now(), dirtyOptions);
 }
 
-function parseISO(argument, dirtyOptions) {
-  requiredArgs(1, arguments);
-  var options = dirtyOptions || {};
-  var additionalDigits = options.additionalDigits == null ? 2 : toInteger(options.additionalDigits);
-  if (additionalDigits !== 2 && additionalDigits !== 1 && additionalDigits !== 0) {
-    throw new RangeError('additionalDigits must be 0, 1 or 2');
-  }
-  if (!(typeof argument === 'string' || Object.prototype.toString.call(argument) === '[object String]')) {
-    return new Date(NaN);
-  }
-  var dateStrings = splitDateString(argument);
-  var date;
-  if (dateStrings.date) {
-    var parseYearResult = parseYear(dateStrings.date, additionalDigits);
-    date = parseDate(parseYearResult.restDateString, parseYearResult.year);
-  }
-  if (!date || isNaN(date.getTime())) {
-    return new Date(NaN);
-  }
-  var timestamp = date.getTime();
-  var time = 0;
-  var offset;
-  if (dateStrings.time) {
-    time = parseTime(dateStrings.time);
-    if (isNaN(time)) {
-      return new Date(NaN);
-    }
-  }
-  if (dateStrings.timezone) {
-    offset = parseTimezone(dateStrings.timezone);
-    if (isNaN(offset)) {
-      return new Date(NaN);
-    }
-  } else {
-    var dirtyDate = new Date(timestamp + time);
-    var result = new Date(0);
-    result.setFullYear(dirtyDate.getUTCFullYear(), dirtyDate.getUTCMonth(), dirtyDate.getUTCDate());
-    result.setHours(dirtyDate.getUTCHours(), dirtyDate.getUTCMinutes(), dirtyDate.getUTCSeconds(), dirtyDate.getUTCMilliseconds());
-    return result;
-  }
-  return new Date(timestamp + time + offset);
-}
-var patterns = {
-  dateTimeDelimiter: /[T ]/,
-  timeZoneDelimiter: /[Z ]/i,
-  timezone: /([Z+-].*)$/
-};
-var dateRegex = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;
-var timeRegex = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;
-var timezoneRegex = /^([+-])(\d{2})(?::?(\d{2}))?$/;
-function splitDateString(dateString) {
-  var dateStrings = {};
-  var array = dateString.split(patterns.dateTimeDelimiter);
-  var timeString;
-  if (array.length > 2) {
-    return dateStrings;
-  }
-  if (/:/.test(array[0])) {
-    timeString = array[0];
-  } else {
-    dateStrings.date = array[0];
-    timeString = array[1];
-    if (patterns.timeZoneDelimiter.test(dateStrings.date)) {
-      dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];
-      timeString = dateString.substr(dateStrings.date.length, dateString.length);
-    }
-  }
-  if (timeString) {
-    var token = patterns.timezone.exec(timeString);
-    if (token) {
-      dateStrings.time = timeString.replace(token[1], '');
-      dateStrings.timezone = token[1];
-    } else {
-      dateStrings.time = timeString;
-    }
-  }
-  return dateStrings;
-}
-function parseYear(dateString, additionalDigits) {
-  var regex = new RegExp('^(?:(\\d{4}|[+-]\\d{' + (4 + additionalDigits) + '})|(\\d{2}|[+-]\\d{' + (2 + additionalDigits) + '})$)');
-  var captures = dateString.match(regex);
-  if (!captures) return {
-    year: NaN,
-    restDateString: ''
-  };
-  var year = captures[1] ? parseInt(captures[1]) : null;
-  var century = captures[2] ? parseInt(captures[2]) : null;
-  return {
-    year: century === null ? year : century * 100,
-    restDateString: dateString.slice((captures[1] || captures[2]).length)
-  };
-}
-function parseDate(dateString, year) {
-  if (year === null) return new Date(NaN);
-  var captures = dateString.match(dateRegex);
-  if (!captures) return new Date(NaN);
-  var isWeekDate = !!captures[4];
-  var dayOfYear = parseDateUnit(captures[1]);
-  var month = parseDateUnit(captures[2]) - 1;
-  var day = parseDateUnit(captures[3]);
-  var week = parseDateUnit(captures[4]);
-  var dayOfWeek = parseDateUnit(captures[5]) - 1;
-  if (isWeekDate) {
-    if (!validateWeekDate(year, week, dayOfWeek)) {
-      return new Date(NaN);
-    }
-    return dayOfISOWeekYear(year, week, dayOfWeek);
-  } else {
-    var date = new Date(0);
-    if (!validateDate(year, month, day) || !validateDayOfYearDate(year, dayOfYear)) {
-      return new Date(NaN);
-    }
-    date.setUTCFullYear(year, month, Math.max(dayOfYear, day));
-    return date;
-  }
-}
-function parseDateUnit(value) {
-  return value ? parseInt(value) : 1;
-}
-function parseTime(timeString) {
-  var captures = timeString.match(timeRegex);
-  if (!captures) return NaN;
-  var hours = parseTimeUnit(captures[1]);
-  var minutes = parseTimeUnit(captures[2]);
-  var seconds = parseTimeUnit(captures[3]);
-  if (!validateTime(hours, minutes, seconds)) {
-    return NaN;
-  }
-  return hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1000;
-}
-function parseTimeUnit(value) {
-  return value && parseFloat(value.replace(',', '.')) || 0;
-}
-function parseTimezone(timezoneString) {
-  if (timezoneString === 'Z') return 0;
-  var captures = timezoneString.match(timezoneRegex);
-  if (!captures) return 0;
-  var sign = captures[1] === '+' ? -1 : 1;
-  var hours = parseInt(captures[2]);
-  var minutes = captures[3] && parseInt(captures[3]) || 0;
-  if (!validateTimezone(hours, minutes)) {
-    return NaN;
-  }
-  return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);
-}
-function dayOfISOWeekYear(isoWeekYear, week, day) {
-  var date = new Date(0);
-  date.setUTCFullYear(isoWeekYear, 0, 4);
-  var fourthOfJanuaryDay = date.getUTCDay() || 7;
-  var diff = (week - 1) * 7 + day + 1 - fourthOfJanuaryDay;
-  date.setUTCDate(date.getUTCDate() + diff);
-  return date;
-}
-var daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function isLeapYearIndex(year) {
-  return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
-}
-function validateDate(year, month, date) {
-  return month >= 0 && month <= 11 && date >= 1 && date <= (daysInMonths[month] || (isLeapYearIndex(year) ? 29 : 28));
-}
-function validateDayOfYearDate(year, dayOfYear) {
-  return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);
-}
-function validateWeekDate(_year, week, day) {
-  return week >= 1 && week <= 53 && day >= 0 && day <= 6;
-}
-function validateTime(hours, minutes, seconds) {
-  if (hours === 24) {
-    return minutes === 0 && seconds === 0;
-  }
-  return seconds >= 0 && seconds < 60 && minutes >= 0 && minutes < 60 && hours >= 0 && hours < 25;
-}
-function validateTimezone(_hours, minutes) {
-  return minutes >= 0 && minutes <= 59;
-}
-
 const EditEvents = () => {
   var _data$eventDetails, _data$eventDetails2, _data$eventDetails3, _data$eventDetails4, _data$eventDetails5, _data$eventDetails6, _data$eventDetails7, _data$eventDetails8, _data$eventDetails9;
   const {
@@ -17366,6 +17187,166 @@ const ArrearSummary = ({
   }, t("CS_HIDE_CARD"))));
 };
 
+const DcbTable = ({
+  demandData,
+  totalDemandTax,
+  totalDemandInterest,
+  totalDemandPenality,
+  totalCollectionTax,
+  totalCollectionInterest,
+  totalCollectionPenality,
+  totalBalanceTax,
+  totalBalancePenality,
+  totalBalanceInterest
+}) => {
+  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"
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__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
+  }), /*#__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
+  })))));
+};
+
 function ApplicationDetailsContent({
   applicationDetails,
   demandData,
@@ -17553,23 +17534,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 {
@@ -17874,135 +17838,18 @@ 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)))));
+  })))), businessService === "PT" && /*#__PURE__*/React.createElement(DcbTable, {
+    demandData: demandData,
+    totalDemandTax: totalDemandTax,
+    totalDemandInterest: totalDemandInterest,
+    totalDemandPenality: totalDemandPenality,
+    totalCollectionTax: totalCollectionTax,
+    totalCollectionInterest: totalCollectionInterest,
+    totalCollectionPenality: totalCollectionPenality,
+    totalBalanceTax: totalBalanceTax,
+    totalBalancePenality: totalBalancePenality,
+    totalBalanceInterest: totalBalanceInterest
+  }));
 }
 
 function ApplicationDetailsToast({
@@ -24389,7 +24236,7 @@ const Checkboxes = ({
       padding: "8px 16px 8px",
       backgroundColor: "#2947a3",
       color: "white",
-      borderRadius: '8px'
+      borderRadius: "8px"
     },
     disabled: !createNewSurvey && formDisabled || (isPartiallyEnabled ? !isPartiallyEnabled : formDisabled),
     onClick: () => addOption()
@@ -24416,7 +24263,7 @@ const CheckBoxOption = ({
   const [optionTitle, setOptionTitle] = useState(title);
   const [optionWeightage, setOptionWeightage] = useState(weightage);
   const [isFocused, setIsFocused] = useState(false);
-  const [error, setError] = useState('');
+  const [error, setError] = useState("");
   useEffect(() => {
     updateOption({
       value: optionTitle,
@@ -24426,17 +24273,17 @@ const CheckBoxOption = ({
   }, [optionTitle, optionWeightage]);
   const handleChange = e => {
     const inputValue = e.target.value;
-    if (inputValue === '' || /^(10|[0-9])$/.test(inputValue) && !inputValue.includes('-')) {
-      setError('');
+    if (inputValue === "" || /^(10|[0-9])$/.test(inputValue) && !inputValue.includes("-")) {
+      setError("");
       setOptionWeightage(e.target.value);
     } else {
-      setError('Please enter a number between 0 and 10.');
+      setError("Please enter a number between 0 and 10.");
     }
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "optioncheckboxwrapper",
     style: {
-      alignItems: 'flex-start'
+      alignItems: "flex-start"
     }
   }, /*#__PURE__*/React.createElement(CheckBox, {
     disable: isInputDisabled
@@ -24459,8 +24306,8 @@ const CheckBoxOption = ({
     onClick: () => removeOption(index)
   }, /*#__PURE__*/React.createElement(CloseSvg, null)), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      flexDirection: 'column'
+      display: "flex",
+      flexDirection: "column"
     }
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "numberInput"
@@ -24473,11 +24320,12 @@ const CheckBoxOption = ({
     min: minWeight,
     max: maxWeight,
     title: weightHover,
+    onWheel: e => e.target.blur(),
     className: "employee-card-input",
     onChange: handleChange
   }), error && /*#__PURE__*/React.createElement("span", {
     style: {
-      color: 'red'
+      color: "red"
     }
   }, error)));
 };
@@ -24744,6 +24592,7 @@ const DropdownOption = ({
     min: minWeight,
     max: maxWeight,
     title: weightHover,
+    onWheel: e => e.target.blur(),
     className: "employee-card-input",
     onChange: handleChange
   }), error && /*#__PURE__*/React.createElement("span", {
@@ -26492,7 +26341,8 @@ const CitizenDetails = ({
   setErrors,
   stateCode,
   Otp,
-  setGetOtp
+  setGetOtp,
+  setUser
 }) => {
   const {
     data: cities,
@@ -26503,26 +26353,25 @@ const CitizenDetails = ({
     t
   } = useTranslation();
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const defaultCity = cities === null || cities === void 0 ? void 0 : cities.filter(ulb => tenantId === (ulb === null || ulb === void 0 ? void 0 : ulb.code));
-  console.log("cities", cities);
+  const defaultCity = useMemo(() => cities === null || cities === void 0 ? void 0 : cities.filter(ulb => tenantId === (ulb === null || ulb === void 0 ? void 0 : ulb.code)), [cities, tenantId]);
   useEffect(() => {
-    console.log("defaultCity", defaultCity);
-    setFormData(prevData => ({
-      ...prevData,
-      ["city"]: defaultCity === null || defaultCity === void 0 ? void 0 : defaultCity[0]
-    }));
-  }, []);
-  let menu = [];
+    if (defaultCity && defaultCity.length > 0) {
+      setFormData(prevData => ({
+        ...prevData,
+        city: defaultCity[0]
+      }));
+    }
+  }, [defaultCity]);
   const {
     data: Menu
   } = Digit.Hooks.pt.useGenderMDMS(stateCode, "common-masters", "GenderType");
-  Menu && Menu.map(genderDetails => {
-    menu.push({
+  const menu = useMemo(() => {
+    return (Menu === null || Menu === void 0 ? void 0 : Menu.map(genderDetails => ({
       i18nKey: `PT_COMMON_GENDER_${genderDetails.code}`,
-      code: `${genderDetails.code}`,
-      value: `${genderDetails.code}`
-    });
-  });
+      code: genderDetails.code,
+      value: genderDetails.code
+    }))) || [];
+  }, [Menu]);
   const closeToast = () => {
     setShowToast(null);
   };
@@ -26531,8 +26380,6 @@ const CitizenDetails = ({
       name,
       value
     } = event.target;
-    console.log("date e", event);
-    console.log("date value", event.target);
     setFormData(prevData => ({
       ...prevData,
       [name]: value
@@ -26543,22 +26390,18 @@ const CitizenDetails = ({
       name,
       value
     } = event.target;
-    console.log("date e", event);
-    console.log("date value", event.target);
     setFormData(prevData => ({
       ...prevData,
       [name]: value
     }));
   };
   const handleDropdownChange = (name, event) => {
-    console.log("dropdown e", event);
     setFormData(prevData => ({
       ...prevData,
       [name]: event
     }));
   };
   const handleDropdownChangeNew = (name, event) => {
-    console.log("dropdown e", event);
     setFormData(prevData => ({
       ...prevData,
       [name]: event.target.value
@@ -26576,7 +26419,6 @@ const CitizenDetails = ({
     };
     try {
       Digit.UserService.sendOtp(payload, stateCode).then(response => {
-        console.log(response);
         if ((response === null || response === void 0 ? void 0 : response.isSuccessful) === true) {
           setGetOtp(true);
         } else {
@@ -26589,18 +26431,19 @@ const CitizenDetails = ({
         }
       });
     } catch (err) {
-      console.log(err);
       setGetOtp(false);
     }
   };
-  const handleFetchDetails = () => {
-    console.log("formData", formData);
-    let newErrors = {};
+  const validateForm = () => {
+    const newErrors = {};
     if (!formData.mobile) newErrors.mobile = "Mobile number is required";else if (!/^\d{10}$/.test(formData.mobile)) newErrors.mobile = "Mobile number is invalid";
     if (!formData.city) newErrors.city = "City is required";
+    return newErrors;
+  };
+  const handleFetchDetails = () => {
+    const newErrors = validateForm();
     setErrors(newErrors);
-    console.log("errors", newErrors.mobile);
-    if ((newErrors === null || newErrors === void 0 ? void 0 : newErrors.mobile) === undefined && (newErrors === null || newErrors === void 0 ? void 0 : newErrors.city) === undefined) {
+    if (Object.keys(newErrors).length === 0) {
       var _formData$city, _formData$city2;
       const data = {
         userName: formData === null || formData === void 0 ? void 0 : formData.mobile,
@@ -26610,25 +26453,27 @@ const CitizenDetails = ({
         tenantId: (formData === null || formData === void 0 ? void 0 : (_formData$city2 = formData.city) === null || _formData$city2 === void 0 ? void 0 : _formData$city2.code).split(".")[0]
       };
       Digit.Surveys.userSearch(data, filters).then(response => {
-        var _response$user$, _response$responseInf, _response$responseInf2;
+        var _response$user, _response$user2, _response$user$, _response$responseInf, _response$responseInf2;
+        setUser(response === null || response === void 0 ? void 0 : (_response$user = response.user) === null || _response$user === void 0 ? void 0 : _response$user[0]);
+        console.log("response=====", response === null || response === void 0 ? void 0 : (_response$user2 = response.user) === null || _response$user2 === void 0 ? void 0 : _response$user2[0]);
         console.log("response", (_response$user$ = response.user[0]) === null || _response$user$ === void 0 ? void 0 : _response$user$.emailId);
         if (((response === null || response === void 0 ? void 0 : (_response$responseInf = response.responseInfo) === null || _response$responseInf === void 0 ? void 0 : _response$responseInf.status) === "200" || (response === null || response === void 0 ? void 0 : (_response$responseInf2 = response.responseInfo) === null || _response$responseInf2 === void 0 ? void 0 : _response$responseInf2.status) === "201") && (response === null || response === void 0 ? void 0 : response.user.length) > 0) {
-          var _response$user$2;
-          const formattedDate = format(parseISO((_response$user$2 = response.user[0]) === null || _response$user$2 === void 0 ? void 0 : _response$user$2.dob), "dd/MM/yyyy");
+          console.log("coming here na");
           setFormData(prevData => {
-            var _response$user$3, _response$user$4, _response$user$5, _response$user$6;
+            var _response$user$2, _response$user$3, _response$user$4, _response$user$5;
             return {
               ...prevData,
               citizenFound: true,
-              name: (_response$user$3 = response.user[0]) === null || _response$user$3 === void 0 ? void 0 : _response$user$3.name,
-              ["email"]: (_response$user$4 = response.user[0]) === null || _response$user$4 === void 0 ? void 0 : _response$user$4.emailId,
-              ["gender"]: (_response$user$5 = response.user[0]) === null || _response$user$5 === void 0 ? void 0 : _response$user$5.gender,
-              ["dob"]: (_response$user$6 = response.user[0]) === null || _response$user$6 === void 0 ? void 0 : _response$user$6.dob,
+              name: (_response$user$2 = response.user[0]) === null || _response$user$2 === void 0 ? void 0 : _response$user$2.name,
+              ["email"]: (_response$user$3 = response.user[0]) === null || _response$user$3 === void 0 ? void 0 : _response$user$3.emailId,
+              ["gender"]: (_response$user$4 = response.user[0]) === null || _response$user$4 === void 0 ? void 0 : _response$user$4.gender,
+              ["dob"]: (_response$user$5 = response.user[0]) === null || _response$user$5 === void 0 ? void 0 : _response$user$5.dob,
               register: false,
               user: response.user[0]
             };
           });
         } else {
+          console.log("not here");
           setFormData(prevData => ({
             ...prevData,
             citizenFound: false
@@ -26644,7 +26489,9 @@ const CitizenDetails = ({
       });
     }
   };
-  console.log("menu", menu);
+  useEffect(() => {
+    console.log("UPDATED formData", formData);
+  }, [formData]);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       border: "2px solid #ccc",
@@ -26775,15 +26622,17 @@ const CitizenDetails = ({
 const FillSurvey = ({
   stateCode
 }) => {
-  var _location$state;
+  var _location$state, _Digit$UserService$ge;
   const history = useHistory();
   const {
     t
   } = useTranslation();
   const location = useLocation();
+  const [getUser, setUser] = useState();
   console.log("loca", location.state.surveyDetails);
   const surveyDetails = ((_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.surveyDetails) || {};
   console.log("surv det", surveyDetails);
+  const userInfo = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info) || {};
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const [showToast, setShowToast] = useState(null);
   const [register, setRegister] = useState(null);
@@ -26800,15 +26649,6 @@ const FillSurvey = ({
     register: null,
     user: null
   });
-  useEffect(() => {
-    const savedData = localStorage.getItem("surveyFormCitizenData");
-    if (savedData) {
-      setFormData(JSON.parse(savedData));
-    }
-  }, []);
-  useEffect(() => {
-    localStorage.setItem("surveyFormCitizenData", JSON.stringify(formData));
-  }, [formData]);
   console.log("formData", formData);
   const [errors, setErrors] = useState({});
   function calculateAge(dob) {
@@ -26869,7 +26709,7 @@ const FillSurvey = ({
       console.log(err);
     }
   };
-  const handleSubmit = event => {
+  const handleSubmit = async event => {
     event.preventDefault();
     if (formData.citizenFound === null) {
       setShowToast({
@@ -26883,8 +26723,45 @@ const FillSurvey = ({
     if (proceed) {
       console.log("Form submitted:", formData);
       console.log("reg", formData.register, formData.citizenFound);
+      console.log("getUser", getUser);
+      const existingUser = formData.user;
       if ((formData.register === false || formData.register === null) && formData.citizenFound === true) {
         var _location$state2;
+        const isEmailChanged = formData.email && formData.email !== (existingUser === null || existingUser === void 0 ? void 0 : existingUser.emailId);
+        const isGenderChanged = formData.gender && formData.gender !== (existingUser === null || existingUser === void 0 ? void 0 : existingUser.gender);
+        const isDobChanged = formData.dob && formData.dob !== (existingUser === null || existingUser === void 0 ? void 0 : existingUser.dob);
+        if (isEmailChanged || isGenderChanged || isDobChanged) {
+          const requestData = {
+            ...getUser,
+            ...(isEmailChanged && {
+              emailId: formData.email
+            }),
+            ...(isGenderChanged && {
+              gender: formData.gender
+            }),
+            ...(isDobChanged && {
+              dob: formData.dob
+            })
+          };
+          try {
+            const {
+              responseInfo,
+              user
+            } = await Digit.UserService.updateUser(requestData, getUser === null || getUser === void 0 ? void 0 : getUser.tenantId);
+            console.log("User updated:", user);
+          } catch (error) {
+            console.error("Error updating user:", error);
+            setShowToast({
+              key: true,
+              isError: true,
+              label: "FAILED TO UPDATE USER INFORMATION"
+            });
+            return;
+          }
+        } else {
+          console.log("No user info changed. Skipping API call.");
+        }
+        console.log("formData", formData);
         history.push("/digit-ui/employee/engagement/surveys/fill-survey", {
           citizenFill: true,
           citizenData: formData,
@@ -26941,7 +26818,9 @@ const FillSurvey = ({
     stateCode: stateCode,
     Otp: Otp,
     setGetOtp: setGetOtp,
-    city: formData === null || formData === void 0 ? void 0 : formData.city
+    city: formData === null || formData === void 0 ? void 0 : formData.city,
+    getUser: getUser,
+    setUser: setUser
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
@@ -32014,13 +31893,13 @@ const CitizenSurveyFormNew = () => {
     relation: null,
     address: "",
     email: "",
-    dob: '',
+    dob: "",
     section1: {
       checkboxes: [],
-      shortText: ''
+      shortText: ""
     },
     section2: {
-      multipleChoice: ''
+      multipleChoice: ""
     }
   });
   const {
@@ -32035,15 +31914,6 @@ const CitizenSurveyFormNew = () => {
     label: "Husband",
     value: "Husband"
   }];
-  useEffect(() => {
-    const savedData = localStorage.getItem('surveyFormData');
-    if (savedData) {
-      setFormData(JSON.parse(savedData));
-    }
-  }, []);
-  useEffect(() => {
-    localStorage.setItem('surveyFormData', JSON.stringify(formData));
-  }, [formData]);
   const handleCheckboxChange = (section, event) => {
     const {
       value,
@@ -32077,45 +31947,45 @@ const CitizenSurveyFormNew = () => {
   const [errors, setErrors] = useState({});
   const validateForm = () => {
     const newErrors = {};
-    if (!formData.name) newErrors.name = 'Name is required';else if (!/^[A-Za-z\s]+$/.test(formData.name)) newErrors.name = 'Name can only contain alphabets and spaces';
-    if (!formData.relationName) newErrors.relationName = 'Father/Husband Name is required';else if (!/^[A-Za-z\s]+$/.test(formData.relationName)) newErrors.relationName = 'Relation Name can only contain alphabets and spaces';
-    if (!formData.email) newErrors.email = 'Email is required';else if (!/\S+@\S+\.\S+/.test(formData.email)) newErrors.email = 'Email is invalid';
-    if (!formData.mobile) newErrors.mobile = 'Mobile number is required';else if (!/^\d{10}$/.test(formData.mobile)) newErrors.mobile = 'Mobile number is invalid';
-    if (!formData.relation) newErrors.relation = 'Relation is required';
-    if (!formData.address) newErrors.address = 'Address is required';
-    if (!formData.dob) newErrors.dob = 'Date of Birth is required';
-    if (!formData.section1.checkboxes.length > 0) newErrors.checkboxes = 'This question is required to answer';
-    if (!formData.section1.shortText) newErrors.shortText = 'This question is required to answer';
-    if (!formData.section2.multipleChoice) newErrors.multipleChoice = 'This question is required to answer';
+    if (!formData.name) newErrors.name = "Name is required";else if (!/^[A-Za-z\s]+$/.test(formData.name)) newErrors.name = "Name can only contain alphabets and spaces";
+    if (!formData.relationName) newErrors.relationName = "Father/Husband Name is required";else if (!/^[A-Za-z\s]+$/.test(formData.relationName)) newErrors.relationName = "Relation Name can only contain alphabets and spaces";
+    if (!formData.email) newErrors.email = "Email is required";else if (!/\S+@\S+\.\S+/.test(formData.email)) newErrors.email = "Email is invalid";
+    if (!formData.mobile) newErrors.mobile = "Mobile number is required";else if (!/^\d{10}$/.test(formData.mobile)) newErrors.mobile = "Mobile number is invalid";
+    if (!formData.relation) newErrors.relation = "Relation is required";
+    if (!formData.address) newErrors.address = "Address is required";
+    if (!formData.dob) newErrors.dob = "Date of Birth is required";
+    if (!formData.section1.checkboxes.length > 0) newErrors.checkboxes = "This question is required to answer";
+    if (!formData.section1.shortText) newErrors.shortText = "This question is required to answer";
+    if (!formData.section2.multipleChoice) newErrors.multipleChoice = "This question is required to answer";
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
   const handleSubmit = event => {
     event.preventDefault();
     if (validateForm()) {
-      console.log('Form submitted:', formData);
+      console.log("Form submitted:", formData);
     }
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "create-survey-page",
     style: {
-      background: 'white',
-      display: 'block',
-      padding: '15px'
+      background: "white",
+      display: "block",
+      padding: "15px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "category-card"
   }, /*#__PURE__*/React.createElement("h1", {
     style: {
-      fontWeight: 'bold',
-      fontSize: '20px'
+      fontWeight: "bold",
+      fontSize: "20px"
     }
   }, "Survey Title : Citizen Survey"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
     style: {
-      fontWeight: 'bold',
-      fontSize: '20px'
+      fontWeight: "bold",
+      fontSize: "20px"
     }
-  }, "Survey Description :  This is a sample citizen survey")), /*#__PURE__*/React.createElement("form", {
+  }, "Survey Description : This is a sample citizen survey")), /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit
   }, /*#__PURE__*/React.createElement(CitizenDetails, {
     formData: formData,
@@ -32124,35 +31994,35 @@ const CitizenSurveyFormNew = () => {
     relationList: relationList
   }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Section 1"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "What is your feedback?"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      alignItems: 'center'
+      display: "flex",
+      alignItems: "center"
     }
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     value: "option1",
     style: {
-      width: '20px',
-      height: '20px',
-      marginRight: '10px'
+      width: "20px",
+      height: "20px",
+      marginRight: "10px"
     },
-    checked: formData.section1.checkboxes.includes('option1'),
-    onChange: e => handleCheckboxChange('section1', e)
+    checked: formData.section1.checkboxes.includes("option1"),
+    onChange: e => handleCheckboxChange("section1", e)
   }), "Option 1"), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      alignItems: 'center'
+      display: "flex",
+      alignItems: "center"
     }
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     value: "option2",
     style: {
-      width: '20px',
-      height: '20px',
-      marginRight: '10px',
-      color: '#0d43a7'
+      width: "20px",
+      height: "20px",
+      marginRight: "10px",
+      color: "#0d43a7"
     },
-    checked: formData.section1.checkboxes.includes('option2'),
-    onChange: e => handleCheckboxChange('section1', e)
+    checked: formData.section1.checkboxes.includes("option2"),
+    onChange: e => handleCheckboxChange("section1", e)
   }), "Option 2"), errors.checkboxes && /*#__PURE__*/React.createElement("span", {
     className: "error"
   }, errors.checkboxes))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "Tell us more about your product quality?"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
@@ -32160,13 +32030,13 @@ const CitizenSurveyFormNew = () => {
     name: "shortText",
     placeholder: "enter here",
     value: formData.section1.shortText,
-    onChange: e => handleInputChange('section1', e)
+    onChange: e => handleInputChange("section1", e)
   }), errors.shortText && /*#__PURE__*/React.createElement("span", {
     className: "error"
   }, errors.shortText)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Section 2"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "Give your rating?"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("select", {
     name: "multipleChoice",
     value: formData.section2.multipleChoice,
-    onChange: e => handleInputChange('section2', e)
+    onChange: e => handleInputChange("section2", e)
   }, /*#__PURE__*/React.createElement("option", {
     value: ""
   }, "Select an option"), /*#__PURE__*/React.createElement("option", {
@@ -32179,8 +32049,8 @@ const CitizenSurveyFormNew = () => {
     type: "submit"
   }, "Submit"), /*#__PURE__*/React.createElement("button", {
     style: {
-      backgroundColor: 'none',
-      marginLeft: '10px'
+      backgroundColor: "none",
+      marginLeft: "10px"
     },
     onClick: () => setFormData({
       name: "",
@@ -32189,13 +32059,13 @@ const CitizenSurveyFormNew = () => {
       relation: null,
       address: "",
       email: "",
-      dob: '',
+      dob: "",
       section1: {
         checkboxes: [],
-        shortText: ''
+        shortText: ""
       },
       section2: {
-        multipleChoice: ''
+        multipleChoice: ""
       }
     })
   }, "Reset"))));