@djb25/digit-ui-module-wt 1.0.51 → 1.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +260 -193
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.css +0 -87
package/dist/index.modern.js CHANGED
@@ -506,8 +506,8 @@ const waterTankerPayload = data => {
506
506
  address: {
507
507
  addressType: data === null || data === void 0 ? void 0 : (_data$address2 = data.address) === null || _data$address2 === void 0 ? void 0 : (_data$address2$addres = _data$address2.addressType) === null || _data$address2$addres === void 0 ? void 0 : _data$address2$addres.code,
508
508
  pincode: data === null || data === void 0 ? void 0 : (_data$address3 = data.address) === null || _data$address3 === void 0 ? void 0 : _data$address3.pincode,
509
- city: data === null || data === void 0 ? void 0 : (_data$address4 = data.address) === null || _data$address4 === void 0 ? void 0 : (_data$address4$city = _data$address4.city) === null || _data$address4$city === void 0 ? void 0 : (_data$address4$city$c = _data$address4$city.city) === null || _data$address4$city$c === void 0 ? void 0 : _data$address4$city$c.name,
510
- cityCode: data === null || data === void 0 ? void 0 : (_data$address5 = data.address) === null || _data$address5 === void 0 ? void 0 : (_data$address5$city = _data$address5.city) === null || _data$address5$city === void 0 ? void 0 : (_data$address5$city$c = _data$address5$city.city) === null || _data$address5$city$c === void 0 ? void 0 : _data$address5$city$c.code,
509
+ city: (data === null || data === void 0 ? void 0 : (_data$address4 = data.address) === null || _data$address4 === void 0 ? void 0 : (_data$address4$city = _data$address4.city) === null || _data$address4$city === void 0 ? void 0 : (_data$address4$city$c = _data$address4$city.city) === null || _data$address4$city$c === void 0 ? void 0 : _data$address4$city$c.name) || "DJB",
510
+ cityCode: (data === null || data === void 0 ? void 0 : (_data$address5 = data.address) === null || _data$address5 === void 0 ? void 0 : (_data$address5$city = _data$address5.city) === null || _data$address5$city === void 0 ? void 0 : (_data$address5$city$c = _data$address5$city.city) === null || _data$address5$city$c === void 0 ? void 0 : _data$address5$city$c.code) || "DJB",
511
511
  addressLine1: data === null || data === void 0 ? void 0 : (_data$address6 = data.address) === null || _data$address6 === void 0 ? void 0 : _data$address6.addressLine1,
512
512
  addressLine2: data === null || data === void 0 ? void 0 : (_data$address7 = data.address) === null || _data$address7 === void 0 ? void 0 : _data$address7.addressLine2,
513
513
  locality: data === null || data === void 0 ? void 0 : (_data$address8 = data.address) === null || _data$address8 === void 0 ? void 0 : (_data$address8$locali = _data$address8.locality) === null || _data$address8$locali === void 0 ? void 0 : _data$address8$locali.i18nKey,
@@ -551,8 +551,8 @@ const mobileToiletPayload = data => {
551
551
  address: {
552
552
  addressType: data === null || data === void 0 ? void 0 : (_data$address14 = data.address) === null || _data$address14 === void 0 ? void 0 : (_data$address14$addre = _data$address14.addressType) === null || _data$address14$addre === void 0 ? void 0 : _data$address14$addre.code,
553
553
  pincode: data === null || data === void 0 ? void 0 : (_data$address15 = data.address) === null || _data$address15 === void 0 ? void 0 : _data$address15.pincode,
554
- city: data === null || data === void 0 ? void 0 : (_data$address16 = data.address) === null || _data$address16 === void 0 ? void 0 : (_data$address16$city = _data$address16.city) === null || _data$address16$city === void 0 ? void 0 : (_data$address16$city$ = _data$address16$city.city) === null || _data$address16$city$ === void 0 ? void 0 : _data$address16$city$.name,
555
- cityCode: data === null || data === void 0 ? void 0 : (_data$address17 = data.address) === null || _data$address17 === void 0 ? void 0 : (_data$address17$city = _data$address17.city) === null || _data$address17$city === void 0 ? void 0 : (_data$address17$city$ = _data$address17$city.city) === null || _data$address17$city$ === void 0 ? void 0 : _data$address17$city$.code,
554
+ city: (data === null || data === void 0 ? void 0 : (_data$address16 = data.address) === null || _data$address16 === void 0 ? void 0 : (_data$address16$city = _data$address16.city) === null || _data$address16$city === void 0 ? void 0 : (_data$address16$city$ = _data$address16$city.city) === null || _data$address16$city$ === void 0 ? void 0 : _data$address16$city$.name) || "DJB",
555
+ cityCode: (data === null || data === void 0 ? void 0 : (_data$address17 = data.address) === null || _data$address17 === void 0 ? void 0 : (_data$address17$city = _data$address17.city) === null || _data$address17$city === void 0 ? void 0 : (_data$address17$city$ = _data$address17$city.city) === null || _data$address17$city$ === void 0 ? void 0 : _data$address17$city$.code) || "DJB",
556
556
  addressLine1: data === null || data === void 0 ? void 0 : (_data$address18 = data.address) === null || _data$address18 === void 0 ? void 0 : _data$address18.addressLine1,
557
557
  addressLine2: data === null || data === void 0 ? void 0 : (_data$address19 = data.address) === null || _data$address19 === void 0 ? void 0 : _data$address19.addressLine2,
558
558
  locality: data === null || data === void 0 ? void 0 : (_data$address20 = data.address) === null || _data$address20 === void 0 ? void 0 : (_data$address20$local = _data$address20.locality) === null || _data$address20$local === void 0 ? void 0 : _data$address20$local.i18nKey,
@@ -593,8 +593,8 @@ const treePruningPayload = data => {
593
593
  address: {
594
594
  addressType: data === null || data === void 0 ? void 0 : (_data$address25 = data.address) === null || _data$address25 === void 0 ? void 0 : (_data$address25$addre = _data$address25.addressType) === null || _data$address25$addre === void 0 ? void 0 : _data$address25$addre.code,
595
595
  pincode: data === null || data === void 0 ? void 0 : (_data$address26 = data.address) === null || _data$address26 === void 0 ? void 0 : _data$address26.pincode,
596
- city: data === null || data === void 0 ? void 0 : (_data$address27 = data.address) === null || _data$address27 === void 0 ? void 0 : (_data$address27$city = _data$address27.city) === null || _data$address27$city === void 0 ? void 0 : (_data$address27$city$ = _data$address27$city.city) === null || _data$address27$city$ === void 0 ? void 0 : _data$address27$city$.name,
597
- cityCode: data === null || data === void 0 ? void 0 : (_data$address28 = data.address) === null || _data$address28 === void 0 ? void 0 : (_data$address28$city = _data$address28.city) === null || _data$address28$city === void 0 ? void 0 : (_data$address28$city$ = _data$address28$city.city) === null || _data$address28$city$ === void 0 ? void 0 : _data$address28$city$.code,
596
+ city: (data === null || data === void 0 ? void 0 : (_data$address27 = data.address) === null || _data$address27 === void 0 ? void 0 : (_data$address27$city = _data$address27.city) === null || _data$address27$city === void 0 ? void 0 : (_data$address27$city$ = _data$address27$city.city) === null || _data$address27$city$ === void 0 ? void 0 : _data$address27$city$.name) || "DJB",
597
+ cityCode: (data === null || data === void 0 ? void 0 : (_data$address28 = data.address) === null || _data$address28 === void 0 ? void 0 : (_data$address28$city = _data$address28.city) === null || _data$address28$city === void 0 ? void 0 : (_data$address28$city$ = _data$address28$city.city) === null || _data$address28$city$ === void 0 ? void 0 : _data$address28$city$.code) || "DJB",
598
598
  addressLine1: data === null || data === void 0 ? void 0 : (_data$address29 = data.address) === null || _data$address29 === void 0 ? void 0 : _data$address29.addressLine1,
599
599
  addressLine2: data === null || data === void 0 ? void 0 : (_data$address30 = data.address) === null || _data$address30 === void 0 ? void 0 : _data$address30.addressLine2,
600
600
  locality: data === null || data === void 0 ? void 0 : (_data$address31 = data.address) === null || _data$address31 === void 0 ? void 0 : (_data$address31$local = _data$address31.locality) === null || _data$address31$local === void 0 ? void 0 : _data$address31$local.i18nKey,
@@ -643,7 +643,7 @@ const fillingPointPayload = data => {
643
643
  addressLine1: data === null || data === void 0 ? void 0 : (_data$address38 = data.address) === null || _data$address38 === void 0 ? void 0 : _data$address38.addressLine1,
644
644
  addressLine2: data === null || data === void 0 ? void 0 : (_data$address39 = data.address) === null || _data$address39 === void 0 ? void 0 : _data$address39.addressLine2,
645
645
  landmark: data === null || data === void 0 ? void 0 : (_data$address40 = data.address) === null || _data$address40 === void 0 ? void 0 : _data$address40.landmark,
646
- city: (data === null || data === void 0 ? void 0 : (_data$address41 = data.address) === null || _data$address41 === void 0 ? void 0 : (_data$address41$city = _data$address41.city) === null || _data$address41$city === void 0 ? void 0 : _data$address41$city.name) || (data === null || data === void 0 ? void 0 : (_data$address42 = data.address) === null || _data$address42 === void 0 ? void 0 : _data$address42.city) || "",
646
+ city: (data === null || data === void 0 ? void 0 : (_data$address41 = data.address) === null || _data$address41 === void 0 ? void 0 : (_data$address41$city = _data$address41.city) === null || _data$address41$city === void 0 ? void 0 : _data$address41$city.name) || (data === null || data === void 0 ? void 0 : (_data$address42 = data.address) === null || _data$address42 === void 0 ? void 0 : _data$address42.city) || "DJB",
647
647
  cityCode: (data === null || data === void 0 ? void 0 : (_data$address43 = data.address) === null || _data$address43 === void 0 ? void 0 : _data$address43.cityCode) || (data === null || data === void 0 ? void 0 : (_data$address44 = data.address) === null || _data$address44 === void 0 ? void 0 : (_data$address44$city = _data$address44.city) === null || _data$address44$city === void 0 ? void 0 : _data$address44$city.code) || "DJB",
648
648
  locality: (data === null || data === void 0 ? void 0 : (_data$address45 = data.address) === null || _data$address45 === void 0 ? void 0 : (_data$address45$local = _data$address45.locality) === null || _data$address45$local === void 0 ? void 0 : _data$address45$local.label) || (data === null || data === void 0 ? void 0 : (_data$address46 = data.address) === null || _data$address46 === void 0 ? void 0 : (_data$address46$local = _data$address46.locality) === null || _data$address46$local === void 0 ? void 0 : _data$address46$local.name) || (data === null || data === void 0 ? void 0 : (_data$address47 = data.address) === null || _data$address47 === void 0 ? void 0 : _data$address47.locality) || "",
649
649
  localityCode: (data === null || data === void 0 ? void 0 : (_data$address48 = data.address) === null || _data$address48 === void 0 ? void 0 : (_data$address48$local = _data$address48.locality) === null || _data$address48$local === void 0 ? void 0 : _data$address48$local.code) || (data === null || data === void 0 ? void 0 : (_data$address49 = data.address) === null || _data$address49 === void 0 ? void 0 : _data$address49.localityCode) || "",
@@ -683,7 +683,7 @@ const fixedPointPayload = data => {
683
683
  addressLine1: (data === null || data === void 0 ? void 0 : (_data$address62 = data.address) === null || _data$address62 === void 0 ? void 0 : _data$address62.addressLine1) || "",
684
684
  addressLine2: (data === null || data === void 0 ? void 0 : (_data$address63 = data.address) === null || _data$address63 === void 0 ? void 0 : _data$address63.addressLine2) || "",
685
685
  landmark: (data === null || data === void 0 ? void 0 : (_data$address64 = data.address) === null || _data$address64 === void 0 ? void 0 : _data$address64.landmark) || "",
686
- city: (data === null || data === void 0 ? void 0 : (_data$address65 = data.address) === null || _data$address65 === void 0 ? void 0 : (_data$address65$city = _data$address65.city) === null || _data$address65$city === void 0 ? void 0 : _data$address65$city.name) || (data === null || data === void 0 ? void 0 : (_data$address66 = data.address) === null || _data$address66 === void 0 ? void 0 : _data$address66.city) || "",
686
+ city: (data === null || data === void 0 ? void 0 : (_data$address65 = data.address) === null || _data$address65 === void 0 ? void 0 : (_data$address65$city = _data$address65.city) === null || _data$address65$city === void 0 ? void 0 : _data$address65$city.name) || (data === null || data === void 0 ? void 0 : (_data$address66 = data.address) === null || _data$address66 === void 0 ? void 0 : _data$address66.city) || "DJB",
687
687
  cityCode: (data === null || data === void 0 ? void 0 : (_data$address67 = data.address) === null || _data$address67 === void 0 ? void 0 : _data$address67.cityCode) || (data === null || data === void 0 ? void 0 : (_data$address68 = data.address) === null || _data$address68 === void 0 ? void 0 : (_data$address68$city = _data$address68.city) === null || _data$address68$city === void 0 ? void 0 : _data$address68$city.code) || "DJB",
688
688
  locality: (data === null || data === void 0 ? void 0 : (_data$address69 = data.address) === null || _data$address69 === void 0 ? void 0 : (_data$address69$local = _data$address69.locality) === null || _data$address69$local === void 0 ? void 0 : _data$address69$local.label) || (data === null || data === void 0 ? void 0 : (_data$address70 = data.address) === null || _data$address70 === void 0 ? void 0 : (_data$address70$local = _data$address70.locality) === null || _data$address70$local === void 0 ? void 0 : _data$address70$local.name) || (data === null || data === void 0 ? void 0 : (_data$address71 = data.address) === null || _data$address71 === void 0 ? void 0 : _data$address71.locality) || "",
689
689
  localityCode: (data === null || data === void 0 ? void 0 : (_data$address72 = data.address) === null || _data$address72 === void 0 ? void 0 : (_data$address72$local = _data$address72.locality) === null || _data$address72$local === void 0 ? void 0 : _data$address72$local.code) || (data === null || data === void 0 ? void 0 : (_data$address73 = data.address) === null || _data$address73 === void 0 ? void 0 : _data$address73.localityCode) || "",
@@ -741,7 +741,7 @@ const emergencyWaterTankerPayload = data => {
741
741
  addressType: (data === null || data === void 0 ? void 0 : (_data$address84 = data.address) === null || _data$address84 === void 0 ? void 0 : (_data$address84$addre = _data$address84.addressType) === null || _data$address84$addre === void 0 ? void 0 : _data$address84$addre.code) || (data === null || data === void 0 ? void 0 : (_data$address85 = data.address) === null || _data$address85 === void 0 ? void 0 : _data$address85.addressType) || "CORRESPONDENCE",
742
742
  pincode: (data === null || data === void 0 ? void 0 : (_data$address86 = data.address) === null || _data$address86 === void 0 ? void 0 : _data$address86.pincode) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.pincode) || "",
743
743
  city: (data === null || data === void 0 ? void 0 : (_data$address87 = data.address) === null || _data$address87 === void 0 ? void 0 : (_data$address87$city = _data$address87.city) === null || _data$address87$city === void 0 ? void 0 : (_data$address87$city$ = _data$address87$city.city) === null || _data$address87$city$ === void 0 ? void 0 : _data$address87$city$.name) || (data === null || data === void 0 ? void 0 : (_data$address88 = data.address) === null || _data$address88 === void 0 ? void 0 : (_data$address88$city = _data$address88.city) === null || _data$address88$city === void 0 ? void 0 : _data$address88$city.name) || (data === null || data === void 0 ? void 0 : (_data$address89 = data.address) === null || _data$address89 === void 0 ? void 0 : _data$address89.city) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.city) || "",
744
- cityCode: (data === null || data === void 0 ? void 0 : (_data$address90 = data.address) === null || _data$address90 === void 0 ? void 0 : (_data$address90$city = _data$address90.city) === null || _data$address90$city === void 0 ? void 0 : (_data$address90$city$ = _data$address90$city.city) === null || _data$address90$city$ === void 0 ? void 0 : _data$address90$city$.code) || (data === null || data === void 0 ? void 0 : (_data$address91 = data.address) === null || _data$address91 === void 0 ? void 0 : _data$address91.cityCode) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.cityCode) || "DL",
744
+ cityCode: (data === null || data === void 0 ? void 0 : (_data$address90 = data.address) === null || _data$address90 === void 0 ? void 0 : (_data$address90$city = _data$address90.city) === null || _data$address90$city === void 0 ? void 0 : (_data$address90$city$ = _data$address90$city.city) === null || _data$address90$city$ === void 0 ? void 0 : _data$address90$city$.code) || (data === null || data === void 0 ? void 0 : (_data$address91 = data.address) === null || _data$address91 === void 0 ? void 0 : _data$address91.cityCode) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.cityCode) || "DJB",
745
745
  addressLine1: (data === null || data === void 0 ? void 0 : (_data$address92 = data.address) === null || _data$address92 === void 0 ? void 0 : _data$address92.addressLine1) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.addressLine1) || "",
746
746
  addressLine2: (data === null || data === void 0 ? void 0 : (_data$address93 = data.address) === null || _data$address93 === void 0 ? void 0 : _data$address93.addressLine2) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.addressLine2) || "",
747
747
  locality: (data === null || data === void 0 ? void 0 : (_data$address94 = data.address) === null || _data$address94 === void 0 ? void 0 : (_data$address94$local = _data$address94.locality) === null || _data$address94$local === void 0 ? void 0 : _data$address94$local.i18nKey) || (data === null || data === void 0 ? void 0 : (_data$address95 = data.address) === null || _data$address95 === void 0 ? void 0 : (_data$address95$local = _data$address95.locality) === null || _data$address95$local === void 0 ? void 0 : _data$address95$local.name) || (data === null || data === void 0 ? void 0 : (_data$address96 = data.address) === null || _data$address96 === void 0 ? void 0 : _data$address96.locality) || (addressFromFP === null || addressFromFP === void 0 ? void 0 : addressFromFP.locality) || "",
@@ -4386,9 +4386,26 @@ const FixedPointScheduleManagement = ({
4386
4386
  totalCount: item.totalCount,
4387
4387
  fillingPointId: item.fillingPointId
4388
4388
  })), []);
4389
+ const dayOrder = React.useMemo(() => ({
4390
+ MONDAY: 1,
4391
+ TUESDAY: 2,
4392
+ WEDNESDAY: 3,
4393
+ THURSDAY: 4,
4394
+ FRIDAY: 5,
4395
+ SATURDAY: 6,
4396
+ SUNDAY: 7
4397
+ }), []);
4389
4398
  const data = React.useMemo(() => {
4390
- return mapScheduleRows((scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.fixedPointTimeTableDetails) || []);
4391
- }, [scheduleData, mapScheduleRows]);
4399
+ const rows = mapScheduleRows((scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.fixedPointTimeTableDetails) || []);
4400
+ return rows.sort((a, b) => {
4401
+ var _a$day, _b$day;
4402
+ const fixedPointCompare = (a.fixedPoint || "").localeCompare(b.fixedPoint || "");
4403
+ if (fixedPointCompare !== 0) return fixedPointCompare;
4404
+ const dayA = dayOrder[(_a$day = a.day) === null || _a$day === void 0 ? void 0 : _a$day.toUpperCase()] || 8;
4405
+ const dayB = dayOrder[(_b$day = b.day) === null || _b$day === void 0 ? void 0 : _b$day.toUpperCase()] || 8;
4406
+ return dayA - dayB;
4407
+ });
4408
+ }, [scheduleData, mapScheduleRows, dayOrder]);
4392
4409
  const fetchNextPage = () => {
4393
4410
  const newOffset = pageOffset + pageSize;
4394
4411
  setPageOffset(newOffset);
@@ -4768,7 +4785,7 @@ const FixedPointScheduleManagement = ({
4768
4785
  onPrevPage: fetchPrevPage,
4769
4786
  pageSizeLimit: pageSize,
4770
4787
  onSort: props.onSort,
4771
- disableSort: props.disableSort,
4788
+ disableSort: true,
4772
4789
  sortParams: props.sortParams,
4773
4790
  totalRecords: (scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.count) || (scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.totalCount) || (data === null || data === void 0 ? void 0 : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.totalCount),
4774
4791
  showCSVExport: true,
@@ -4968,13 +4985,46 @@ L.Icon.Default.mergeOptions({
4968
4985
  iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
4969
4986
  shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
4970
4987
  });
4971
- const onlineIcon = new L.Icon({
4972
- iconUrl: "https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png",
4973
- shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png",
4974
- iconSize: [25, 41],
4975
- iconAnchor: [12, 41],
4976
- popupAnchor: [1, -34],
4977
- shadowSize: [41, 41]
4988
+ const onlineIcon = L.divIcon({
4989
+ className: "blinking-green-dot",
4990
+ html: `
4991
+ <div style="position: relative;">
4992
+ <div style="
4993
+ width: 14px;
4994
+ height: 14px;
4995
+ background: #4caf50;
4996
+ border: 2px solid white;
4997
+ border-radius: 50%;
4998
+ box-shadow: 0 0 10px rgba(76, 175, 80, 0.8);
4999
+ z-index: 2;
5000
+ position: relative;
5001
+ animation: blink 1s infinite ease-in-out;
5002
+ "></div>
5003
+ <div style="
5004
+ position: absolute;
5005
+ top: -6px;
5006
+ left: -6px;
5007
+ width: 26px;
5008
+ height: 26px;
5009
+ background: rgba(76, 175, 80, 0.3);
5010
+ border-radius: 50%;
5011
+ animation: pulse 2s infinite;
5012
+ z-index: 1;
5013
+ "></div>
5014
+ <style>
5015
+ @keyframes blink {
5016
+ 0%, 100% { opacity: 1; }
5017
+ 50% { opacity: 0.6; }
5018
+ }
5019
+ @keyframes pulse {
5020
+ 0% { transform: scale(0.6); opacity: 1; }
5021
+ 100% { transform: scale(2); opacity: 0; }
5022
+ }
5023
+ </style>
5024
+ </div>
5025
+ `,
5026
+ iconSize: [14, 14],
5027
+ iconAnchor: [7, 7]
4978
5028
  });
4979
5029
  const offlineIcon = new L.Icon({
4980
5030
  iconUrl: "https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png",
@@ -5127,68 +5177,13 @@ const RouteLayer = ({
5127
5177
  }, t("ERROR_LOADING_ROUTE"), error);
5128
5178
  }
5129
5179
  if (!routeData) return null;
5130
- const renderRouteSegments = () => {
5131
- if (!routeData.legs) return null;
5132
- const segments = [];
5133
- routeData.legs.forEach((leg, legIndex) => {
5134
- leg.steps.forEach((step, stepIndex) => {
5135
- const stepCoordinates = step.geometry.coordinates.map(coord => [coord[1], coord[0]]);
5136
- let segmentColor = _color;
5137
- if (step.maneuver.type === "turn") {
5138
- segmentColor = "#ff9800";
5139
- } else if (step.maneuver.type === "straight") {
5140
- segmentColor = "#4caf50";
5141
- } else if (step.maneuver.type === "arrive") {
5142
- segmentColor = "#f44336";
5143
- }
5144
- segments.push(/*#__PURE__*/React.createElement(React.Fragment, {
5145
- key: `${legIndex}-${stepIndex}`
5146
- }, /*#__PURE__*/React.createElement(Polyline, {
5147
- positions: stepCoordinates,
5148
- color: segmentColor,
5149
- weight: _weight + 2,
5150
- opacity: 0.3,
5151
- lineCap: "round"
5152
- }), /*#__PURE__*/React.createElement(Polyline, {
5153
- positions: stepCoordinates,
5154
- color: segmentColor,
5155
- weight: _weight,
5156
- opacity: 0.9,
5157
- lineCap: "round",
5158
- eventHandlers: {
5159
- mouseover: () => setSelectedStep(step),
5160
- mouseout: () => setSelectedStep(null),
5161
- click: () => setShowSteps(!showSteps)
5162
- }
5163
- }), stepCoordinates.map((coord, idx) => {
5164
- if (idx % 5 === 0 && idx < stepCoordinates.length - 1) {
5165
- const nextCoord = stepCoordinates[idx + 1];
5166
- const angle = Math.atan2(nextCoord[0] - coord[0], nextCoord[1] - coord[1]) * 180 / Math.PI;
5167
- return /*#__PURE__*/React.createElement(Marker, {
5168
- key: `dot-${legIndex}-${stepIndex}-${idx}`,
5169
- position: coord,
5170
- icon: L.divIcon({
5171
- className: "direction-dot",
5172
- html: `<div style="
5173
- width: 6px;
5174
- height: 6px;
5175
- background: white;
5176
- border: 2px solid ${segmentColor};
5177
- border-radius: 50%;
5178
- transform: rotate(${angle}deg);
5179
- "></div>`,
5180
- iconSize: [10, 10],
5181
- iconAnchor: [5, 5]
5182
- })
5183
- });
5184
- }
5185
- return null;
5186
- })));
5187
- });
5188
- });
5189
- return segments;
5190
- };
5191
- return /*#__PURE__*/React.createElement(React.Fragment, null, renderRouteSegments(), (selectedStep || showSteps) && /*#__PURE__*/React.createElement("div", {
5180
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Polyline, {
5181
+ positions: routeData.coordinates,
5182
+ color: "#1F5FA8",
5183
+ weight: 5,
5184
+ opacity: 0.8,
5185
+ lineJoin: "round"
5186
+ }), (selectedStep || showSteps) && /*#__PURE__*/React.createElement("div", {
5192
5187
  style: {
5193
5188
  position: "absolute",
5194
5189
  bottom: "80px",
@@ -5285,43 +5280,7 @@ const RouteLayer = ({
5285
5280
  style: {
5286
5281
  color: "#666"
5287
5282
  }
5288
- }, (step.distance / 1000).toFixed(2), " km \xB7 ", Math.round(step.duration / 60), " min"))))))), routeData.distance > 1000 && routeData.coordinates && /*#__PURE__*/React.createElement(RouteMarkers, {
5289
- coordinates: routeData.coordinates,
5290
- totalDistance: routeData.distance
5291
- }));
5292
- };
5293
- const RouteMarkers = ({
5294
- coordinates,
5295
- totalDistance
5296
- }) => {
5297
- const markers = [];
5298
- const interval = 1000;
5299
- for (let i = interval; i < totalDistance; i += interval) {
5300
- const fraction = i / totalDistance;
5301
- const index = Math.floor(coordinates.length * fraction);
5302
- if (index < coordinates.length) {
5303
- markers.push(/*#__PURE__*/React.createElement(Marker, {
5304
- key: `dist-${i}`,
5305
- position: coordinates[index],
5306
- icon: L.divIcon({
5307
- className: "distance-marker",
5308
- html: `<div style="
5309
- background: white;
5310
- border: 2px solid #1F5FA8;
5311
- border-radius: 12px;
5312
- padding: 2px 6px;
5313
- font-size: 10px;
5314
- font-weight: bold;
5315
- color: #1F5FA8;
5316
- white-space: nowrap;
5317
- ">${(i / 1000).toFixed(0)} km</div>`,
5318
- iconSize: [40, 20],
5319
- iconAnchor: [20, 10]
5320
- })
5321
- }));
5322
- }
5323
- }
5324
- return /*#__PURE__*/React.createElement(React.Fragment, null, markers);
5283
+ }, (step.distance / 1000).toFixed(2), " km \xB7 ", Math.round(step.duration / 60), " min"))))))));
5325
5284
  };
5326
5285
  const StatusBadge = ({
5327
5286
  isOnline
@@ -5424,8 +5383,8 @@ const DriverCard = ({
5424
5383
  return /*#__PURE__*/React.createElement("div", {
5425
5384
  onClick: onClick,
5426
5385
  style: {
5427
- padding: "16px",
5428
- borderRadius: "12px",
5386
+ padding: "10px",
5387
+ borderRadius: "8px",
5429
5388
  background: isSelected ? "#f0f4ff" : "white",
5430
5389
  border: `2px solid ${isSelected ? "#1F5FA8" : "#f0f0f0"}`,
5431
5390
  cursor: "pointer",
@@ -5436,7 +5395,7 @@ const DriverCard = ({
5436
5395
  style: {
5437
5396
  display: "flex",
5438
5397
  gap: "12px",
5439
- marginBottom: "12px"
5398
+ marginBottom: "8px"
5440
5399
  }
5441
5400
  }, /*#__PURE__*/React.createElement("div", {
5442
5401
  style: {
@@ -5483,7 +5442,7 @@ const DriverCard = ({
5483
5442
  style: {
5484
5443
  display: "grid",
5485
5444
  gridTemplateColumns: "1fr 1fr",
5486
- gap: "12px"
5445
+ gap: "8px"
5487
5446
  }
5488
5447
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
5489
5448
  style: {
@@ -5711,9 +5670,9 @@ function LiveTrackingSystem() {
5711
5670
  display: "flex",
5712
5671
  justifyContent: "space-between",
5713
5672
  alignItems: "center",
5714
- marginBottom: "16px",
5673
+ marginBottom: "12px",
5715
5674
  background: "white",
5716
- padding: "16px 24px",
5675
+ padding: "12px 24px",
5717
5676
  borderRadius: "12px",
5718
5677
  boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
5719
5678
  border: "2px solid #1F5FA844"
@@ -5743,7 +5702,6 @@ function LiveTrackingSystem() {
5743
5702
  gap: "6px",
5744
5703
  background: "#e8f5e9",
5745
5704
  color: "#2e7d32",
5746
- padding: "4px 12px",
5747
5705
  borderRadius: "20px",
5748
5706
  fontSize: "12px",
5749
5707
  fontWeight: "700",
@@ -5851,7 +5809,7 @@ function LiveTrackingSystem() {
5851
5809
  }
5852
5810
  }, showSidebar && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
5853
5811
  style: {
5854
- padding: "20px",
5812
+ padding: "12px",
5855
5813
  background: "white",
5856
5814
  borderRadius: "12px",
5857
5815
  display: "flex",
@@ -5865,7 +5823,7 @@ function LiveTrackingSystem() {
5865
5823
  display: "flex",
5866
5824
  justifyContent: "space-between",
5867
5825
  alignItems: "center",
5868
- marginBottom: "16px"
5826
+ marginBottom: "8px"
5869
5827
  }
5870
5828
  }, /*#__PURE__*/React.createElement("h3", {
5871
5829
  style: {
@@ -5894,8 +5852,8 @@ function LiveTrackingSystem() {
5894
5852
  style: {
5895
5853
  display: "flex",
5896
5854
  flexDirection: "column",
5897
- gap: "16px",
5898
- marginBottom: "20px"
5855
+ gap: "8px",
5856
+ marginBottom: "12px"
5899
5857
  }
5900
5858
  }, /*#__PURE__*/React.createElement("div", {
5901
5859
  style: {
@@ -5987,7 +5945,7 @@ function LiveTrackingSystem() {
5987
5945
  display: "flex",
5988
5946
  justifyContent: "space-between",
5989
5947
  alignItems: "center",
5990
- marginBottom: "12px"
5948
+ marginBottom: "8px"
5991
5949
  }
5992
5950
  }, /*#__PURE__*/React.createElement("div", {
5993
5951
  style: {
@@ -6075,7 +6033,7 @@ function LiveTrackingSystem() {
6075
6033
  },
6076
6034
  zoomControl: false
6077
6035
  }, /*#__PURE__*/React.createElement(TileLayer, {
6078
- url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
6036
+ url: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
6079
6037
  attribution: "\xA9 <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>"
6080
6038
  }), /*#__PURE__*/React.createElement(MapController, {
6081
6039
  selectedDriver: selectedDriver,
@@ -6445,7 +6403,7 @@ const AddFixFillAddress = ({
6445
6403
  isEdit,
6446
6404
  userDetails
6447
6405
  }) => {
6448
- var _location$state, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7, _formData$address8, _formData$address9, _formData$address0, _formData$address1, _formData$address10, _formData$address11, _formData$address12, _userDetails$addresse;
6406
+ var _location$state, _formData$address, _formData$address2, _formData$address3, _formData$address4, _formData$address5, _formData$address6, _formData$address7, _formData$address8, _formData$address9, _formData$address0, _formData$address1, _formData$address10, _formData$address11, _formData$address12;
6449
6407
  const {
6450
6408
  data: allCities
6451
6409
  } = Digit.Hooks.useTenants();
@@ -6694,32 +6652,7 @@ const AddFixFillAddress = ({
6694
6652
  defaultOpen: true
6695
6653
  }, /*#__PURE__*/React.createElement("div", {
6696
6654
  className: "formcomposer-section-grid"
6697
- }, (userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$addresse = userDetails.addresses) === null || _userDetails$addresse === void 0 ? void 0 : _userDetails$addresse.length) > 0 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("COMMON_ADDRESS_TYPE")), /*#__PURE__*/React.createElement(Dropdown, {
6698
- selected: selectedAddress,
6699
- select: setSelectedAddress,
6700
- option: userDetails.addresses || [],
6701
- optionKey: "address",
6702
- t: t,
6703
- style: {
6704
- width: "100%"
6705
- }
6706
- })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("COMMON_ADDRESS_TYPE")), /*#__PURE__*/React.createElement(Dropdown, {
6707
- selected: addressType,
6708
- select: setAddressType,
6709
- option: availableAddressTypeOptions || [],
6710
- optionKey: "i18nKey",
6711
- t: t,
6712
- style: {
6713
- width: "100%"
6714
- }
6715
- })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("CITY")), /*#__PURE__*/React.createElement(Dropdown, {
6716
- selected: city,
6717
- select: setCity,
6718
- option: allCities || [],
6719
- optionKey: "i18nKey",
6720
- t: t,
6721
- disable: true
6722
- })), /*#__PURE__*/React.createElement("div", {
6655
+ }, /*#__PURE__*/React.createElement("div", {
6723
6656
  style: {
6724
6657
  position: "relative"
6725
6658
  }
@@ -7475,11 +7408,13 @@ const PointAddressMap = ({
7475
7408
  t
7476
7409
  }) => {
7477
7410
  var _selectedFillingPoint;
7411
+ const history = useHistory();
7478
7412
  const [selectedFillingPoint, setSelectedFillingPoint] = useState(null);
7479
7413
  const [selectedFixedPoint, setSelectedFixedPoint] = useState(null);
7480
7414
  const [hoveredFixedPointId, setHoveredFixedPointId] = useState(null);
7481
7415
  const [mapCenter, setMapCenter] = useState(null);
7482
7416
  const [mapZoom, setMapZoom] = useState(11);
7417
+ const markerRefs = useRef({});
7483
7418
  const defaultCenter = [28.6139, 77.209];
7484
7419
  const getFpId = fp => {
7485
7420
  var _fp$fillingpointmetad;
@@ -7514,17 +7449,21 @@ const PointAddressMap = ({
7514
7449
  })) || [];
7515
7450
  }, [_fillingPoints, selectedFillingPoint]);
7516
7451
  const displayFixedPoints = useMemo(() => {
7517
- if (selectedFixedPoint) {
7518
- return [selectedFixedPoint].filter(fx => {
7519
- var _fx$address, _fx$address2;
7520
- return ((_fx$address = fx.address) === null || _fx$address === void 0 ? void 0 : _fx$address.latitude) && ((_fx$address2 = fx.address) === null || _fx$address2 === void 0 ? void 0 : _fx$address2.longitude);
7521
- });
7522
- }
7523
7452
  return relatedFixedPoints.filter(fx => {
7524
- var _fx$address3, _fx$address4;
7525
- return ((_fx$address3 = fx.address) === null || _fx$address3 === void 0 ? void 0 : _fx$address3.latitude) && ((_fx$address4 = fx.address) === null || _fx$address4 === void 0 ? void 0 : _fx$address4.longitude);
7453
+ var _fx$address, _fx$address2;
7454
+ return ((_fx$address = fx.address) === null || _fx$address === void 0 ? void 0 : _fx$address.latitude) && ((_fx$address2 = fx.address) === null || _fx$address2 === void 0 ? void 0 : _fx$address2.longitude);
7526
7455
  });
7527
- }, [relatedFixedPoints, selectedFixedPoint]);
7456
+ }, [relatedFixedPoints]);
7457
+ useEffect(() => {
7458
+ if (selectedFixedPoint) {
7459
+ var _selectedFixedPoint$a;
7460
+ const fxId = selectedFixedPoint.id || ((_selectedFixedPoint$a = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a === void 0 ? void 0 : _selectedFixedPoint$a.applicantId);
7461
+ const marker = markerRefs.current[fxId];
7462
+ if (marker) {
7463
+ marker.openPopup();
7464
+ }
7465
+ }
7466
+ }, [selectedFixedPoint]);
7528
7467
  const bounds = useMemo(() => {
7529
7468
  const allPoints = [...displayFillingPoints.map(p => [parseFloat(p.address.latitude), parseFloat(p.address.longitude)]), ...displayFixedPoints.map(p => [parseFloat(p.address.latitude), parseFloat(p.address.longitude)])];
7530
7469
  if (allPoints.length === 0) return null;
@@ -7536,11 +7475,24 @@ const PointAddressMap = ({
7536
7475
  setMapCenter(null);
7537
7476
  };
7538
7477
  const handleFixedPointSelect = val => {
7539
- var _val$address, _val$address2;
7540
- setSelectedFixedPoint(val);
7541
- if (val !== null && val !== void 0 && (_val$address = val.address) !== null && _val$address !== void 0 && _val$address.latitude && val !== null && val !== void 0 && (_val$address2 = val.address) !== null && _val$address2 !== void 0 && _val$address2.longitude) {
7542
- setMapCenter([parseFloat(val.address.latitude), parseFloat(val.address.longitude)]);
7543
- setMapZoom(16);
7478
+ var _selectedFixedPoint$a2, _selectedFixedPoint$a3, _val$applicantDetail, _val$applicantDetail2;
7479
+ const currentId = (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a2 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a2 === void 0 ? void 0 : _selectedFixedPoint$a2.fixedPointId) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : selectedFixedPoint.id) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a3 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a3 === void 0 ? void 0 : _selectedFixedPoint$a3.applicantId);
7480
+ const incomingId = (val === null || val === void 0 ? void 0 : (_val$applicantDetail = val.applicantDetail) === null || _val$applicantDetail === void 0 ? void 0 : _val$applicantDetail.fixedPointId) || (val === null || val === void 0 ? void 0 : val.id) || (val === null || val === void 0 ? void 0 : (_val$applicantDetail2 = val.applicantDetail) === null || _val$applicantDetail2 === void 0 ? void 0 : _val$applicantDetail2.applicantId);
7481
+ if (selectedFixedPoint && currentId === incomingId) {
7482
+ var _val$applicantDetail3;
7483
+ setSelectedFixedPoint(null);
7484
+ const markerId = val.id || ((_val$applicantDetail3 = val.applicantDetail) === null || _val$applicantDetail3 === void 0 ? void 0 : _val$applicantDetail3.applicantId);
7485
+ const marker = markerRefs.current[markerId];
7486
+ if (marker) {
7487
+ marker.closePopup();
7488
+ }
7489
+ } else {
7490
+ var _val$address, _val$address2;
7491
+ setSelectedFixedPoint(val);
7492
+ if (val !== null && val !== void 0 && (_val$address = val.address) !== null && _val$address !== void 0 && _val$address.latitude && val !== null && val !== void 0 && (_val$address2 = val.address) !== null && _val$address2 !== void 0 && _val$address2.longitude) {
7493
+ setMapCenter([parseFloat(val.address.latitude), parseFloat(val.address.longitude)]);
7494
+ setMapZoom(16);
7495
+ }
7544
7496
  }
7545
7497
  };
7546
7498
  const fixedPointOptions = useMemo(() => {
@@ -7581,7 +7533,8 @@ const PointAddressMap = ({
7581
7533
  flexDirection: "column",
7582
7534
  gap: "20px",
7583
7535
  background: "#f9f9f9",
7584
- zIndex: 10
7536
+ zIndex: 10,
7537
+ overflowY: "auto"
7585
7538
  }
7586
7539
  }, /*#__PURE__*/React.createElement("h3", {
7587
7540
  style: {
@@ -7632,15 +7585,18 @@ const PointAddressMap = ({
7632
7585
  gap: "8px"
7633
7586
  }
7634
7587
  }, relatedFixedPoints.length > 0 ? relatedFixedPoints.map((fx, idx) => {
7635
- var _fx$applicantDetail2, _selectedFixedPoint$a, _fx$applicantDetail3, _fx$applicantDetail5, _fx$applicantDetail6, _fx$applicantDetail7, _fx$applicantDetail8;
7636
- const isSelected = (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : selectedFixedPoint.id) === fx.id || ((_fx$applicantDetail2 = fx.applicantDetail) === null || _fx$applicantDetail2 === void 0 ? void 0 : _fx$applicantDetail2.applicantId) && (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a === void 0 ? void 0 : _selectedFixedPoint$a.applicantId) === ((_fx$applicantDetail3 = fx.applicantDetail) === null || _fx$applicantDetail3 === void 0 ? void 0 : _fx$applicantDetail3.applicantId);
7588
+ var _fx$applicantDetail2, _fx$applicantDetail3, _selectedFixedPoint$a4, _selectedFixedPoint$a5, _fx$applicantDetail4, _fx$applicantDetail5, _fx$applicantDetail6, _fx$applicantDetail7, _fx$address5, _fx$applicantDetail8, _fx$applicantDetail9, _fx$address6, _fx$address7, _fx$address8, _fx$address9;
7589
+ const currentFxId = (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail2 = fx.applicantDetail) === null || _fx$applicantDetail2 === void 0 ? void 0 : _fx$applicantDetail2.fixedPointId) || (fx === null || fx === void 0 ? void 0 : fx.id) || (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail3 = fx.applicantDetail) === null || _fx$applicantDetail3 === void 0 ? void 0 : _fx$applicantDetail3.applicantId) || idx;
7590
+ const selectedFxId = (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a4 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a4 === void 0 ? void 0 : _selectedFixedPoint$a4.fixedPointId) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : selectedFixedPoint.id) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a5 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a5 === void 0 ? void 0 : _selectedFixedPoint$a5.applicantId);
7591
+ const isSelected = selectedFixedPoint && currentFxId === selectedFxId;
7592
+ const hoverOrMarkerId = fx.id || ((_fx$applicantDetail4 = fx.applicantDetail) === null || _fx$applicantDetail4 === void 0 ? void 0 : _fx$applicantDetail4.applicantId) || idx;
7637
7593
  return /*#__PURE__*/React.createElement("div", {
7638
7594
  key: idx,
7639
7595
  onClick: () => handleFixedPointSelect(fx),
7640
7596
  onMouseEnter: () => {
7641
- var _fx$applicantDetail4, _fx$address5, _fx$address6;
7642
- setHoveredFixedPointId(fx.id || ((_fx$applicantDetail4 = fx.applicantDetail) === null || _fx$applicantDetail4 === void 0 ? void 0 : _fx$applicantDetail4.applicantId) || idx);
7643
- if (fx !== null && fx !== void 0 && (_fx$address5 = fx.address) !== null && _fx$address5 !== void 0 && _fx$address5.latitude && fx !== null && fx !== void 0 && (_fx$address6 = fx.address) !== null && _fx$address6 !== void 0 && _fx$address6.longitude) {
7597
+ var _fx$address3, _fx$address4;
7598
+ setHoveredFixedPointId(hoverOrMarkerId);
7599
+ if (fx !== null && fx !== void 0 && (_fx$address3 = fx.address) !== null && _fx$address3 !== void 0 && _fx$address3.latitude && fx !== null && fx !== void 0 && (_fx$address4 = fx.address) !== null && _fx$address4 !== void 0 && _fx$address4.longitude) {
7644
7600
  setMapCenter([parseFloat(fx.address.latitude), parseFloat(fx.address.longitude)]);
7645
7601
  setMapZoom(16);
7646
7602
  }
@@ -7657,10 +7613,10 @@ const PointAddressMap = ({
7657
7613
  color: isSelected ? "#1D4E7F" : "#333",
7658
7614
  fontWeight: isSelected ? "600" : "400",
7659
7615
  display: "flex",
7660
- alignItems: "center",
7616
+ alignItems: "flex-start",
7661
7617
  gap: "10px",
7662
- boxShadow: isSelected ? "0 2px 8px rgba(29, 78, 127, 0.15)" : hoveredFixedPointId === (fx.id || ((_fx$applicantDetail5 = fx.applicantDetail) === null || _fx$applicantDetail5 === void 0 ? void 0 : _fx$applicantDetail5.applicantId) || idx) ? "0 4px 12px rgba(0,0,0,0.1)" : "none",
7663
- transform: hoveredFixedPointId === (fx.id || ((_fx$applicantDetail6 = fx.applicantDetail) === null || _fx$applicantDetail6 === void 0 ? void 0 : _fx$applicantDetail6.applicantId) || idx) ? "translateX(4px)" : "none"
7618
+ boxShadow: isSelected ? "0 2px 8px rgba(29, 78, 127, 0.15)" : hoveredFixedPointId === hoverOrMarkerId ? "0 4px 12px rgba(0,0,0,0.1)" : "none",
7619
+ transform: hoveredFixedPointId === hoverOrMarkerId ? "translateX(4px)" : "none"
7664
7620
  }
7665
7621
  }, /*#__PURE__*/React.createElement("div", {
7666
7622
  style: {
@@ -7668,20 +7624,77 @@ const PointAddressMap = ({
7668
7624
  height: "10px",
7669
7625
  borderRadius: "50%",
7670
7626
  background: "#417505",
7671
- boxShadow: "0 0 4px rgba(65, 117, 5, 0.4)"
7627
+ boxShadow: "0 0 4px rgba(65, 117, 5, 0.4)",
7628
+ marginTop: "5px",
7629
+ flexShrink: 0
7672
7630
  }
7673
7631
  }), /*#__PURE__*/React.createElement("div", {
7632
+ style: {
7633
+ display: "flex",
7634
+ flexDirection: "column",
7635
+ flex: 1
7636
+ }
7637
+ }, /*#__PURE__*/React.createElement("div", {
7638
+ style: {
7639
+ display: "flex",
7640
+ justifyContent: "space-between",
7641
+ alignItems: "flex-start"
7642
+ }
7643
+ }, /*#__PURE__*/React.createElement("div", {
7674
7644
  style: {
7675
7645
  display: "flex",
7676
7646
  flexDirection: "column"
7677
7647
  }
7678
- }, /*#__PURE__*/React.createElement("span", null, (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail7 = fx.applicantDetail) === null || _fx$applicantDetail7 === void 0 ? void 0 : _fx$applicantDetail7.name) || (fx === null || fx === void 0 ? void 0 : fx.name) || "NA"), /*#__PURE__*/React.createElement("span", {
7648
+ }, /*#__PURE__*/React.createElement("span", {
7649
+ style: {
7650
+ fontWeight: "700"
7651
+ }
7652
+ }, (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail5 = fx.applicantDetail) === null || _fx$applicantDetail5 === void 0 ? void 0 : _fx$applicantDetail5.fixedPointId) || "NA"), /*#__PURE__*/React.createElement("span", {
7679
7653
  style: {
7680
7654
  fontSize: "11px",
7681
7655
  color: "#888",
7682
7656
  fontWeight: "400"
7683
7657
  }
7684
- }, fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail8 = fx.applicantDetail) === null || _fx$applicantDetail8 === void 0 ? void 0 : _fx$applicantDetail8.fixedPointId)));
7658
+ }, (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail6 = fx.applicantDetail) === null || _fx$applicantDetail6 === void 0 ? void 0 : _fx$applicantDetail6.name) || (fx === null || fx === void 0 ? void 0 : fx.name) || "NA")), /*#__PURE__*/React.createElement("div", {
7659
+ style: {
7660
+ color: "#1D4E7F",
7661
+ fontSize: "10px",
7662
+ paddingTop: "4px"
7663
+ }
7664
+ }, isSelected ? "▲" : "▼")), isSelected && /*#__PURE__*/React.createElement("div", {
7665
+ style: {
7666
+ marginTop: "8px",
7667
+ paddingTop: "8px",
7668
+ borderTop: "1px solid #eee",
7669
+ fontSize: "12px",
7670
+ color: "#555",
7671
+ display: "flex",
7672
+ flexDirection: "column",
7673
+ gap: "4px"
7674
+ }
7675
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, t("WT_MOBILE_NUMBER"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail7 = fx.applicantDetail) === null || _fx$applicantDetail7 === void 0 ? void 0 : _fx$applicantDetail7.mobileNumber) || "NA"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, t("WT_LOCALITY"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$address5 = fx.address) === null || _fx$address5 === void 0 ? void 0 : _fx$address5.locality) || "NA"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "Email:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail8 = fx.applicantDetail) === null || _fx$applicantDetail8 === void 0 ? void 0 : _fx$applicantDetail8.emailId) || "NA"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "Alt Mobile:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail9 = fx.applicantDetail) === null || _fx$applicantDetail9 === void 0 ? void 0 : _fx$applicantDetail9.alternateNumber) || "NA"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "Address:"), " ", [fx === null || fx === void 0 ? void 0 : (_fx$address6 = fx.address) === null || _fx$address6 === void 0 ? void 0 : _fx$address6.houseNo, fx === null || fx === void 0 ? void 0 : (_fx$address7 = fx.address) === null || _fx$address7 === void 0 ? void 0 : _fx$address7.streetName, fx === null || fx === void 0 ? void 0 : (_fx$address8 = fx.address) === null || _fx$address8 === void 0 ? void 0 : _fx$address8.city, fx === null || fx === void 0 ? void 0 : (_fx$address9 = fx.address) === null || _fx$address9 === void 0 ? void 0 : _fx$address9.pincode].filter(Boolean).join(", ") || "NA"), /*#__PURE__*/React.createElement("button", {
7676
+ onClick: e => {
7677
+ var _fx$applicantDetail0;
7678
+ e.stopPropagation();
7679
+ const idToEdit = (fx === null || fx === void 0 ? void 0 : fx.id) || (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail0 = fx.applicantDetail) === null || _fx$applicantDetail0 === void 0 ? void 0 : _fx$applicantDetail0.applicantId);
7680
+ history.push(`/digit-ui/employee/wt/add-fix-point-address?id=${idToEdit}`);
7681
+ },
7682
+ style: {
7683
+ marginTop: "8px",
7684
+ padding: "6px 12px",
7685
+ background: "#F47738",
7686
+ color: "#fff",
7687
+ border: "none",
7688
+ borderRadius: "4px",
7689
+ cursor: "pointer",
7690
+ fontSize: "12px",
7691
+ fontWeight: "bold",
7692
+ alignSelf: "flex-start",
7693
+ transition: "background 0.2s"
7694
+ },
7695
+ onMouseEnter: e => e.target.style.background = "#D6662E",
7696
+ onMouseLeave: e => e.target.style.background = "#F47738"
7697
+ }, "Edit Fixed Point"))));
7685
7698
  }) : /*#__PURE__*/React.createElement("div", {
7686
7699
  style: {
7687
7700
  textAlign: "center",
@@ -7782,7 +7795,7 @@ const PointAddressMap = ({
7782
7795
  center: mapCenter,
7783
7796
  zoom: mapZoom
7784
7797
  }), displayFillingPoints.map((fp, index) => {
7785
- var _fp$address5;
7798
+ var _fp$address5, _fp$address6, _fp$address7;
7786
7799
  return /*#__PURE__*/React.createElement(React.Fragment, {
7787
7800
  key: `fp-group-${fp.id || index}`
7788
7801
  }, /*#__PURE__*/React.createElement(Circle, {
@@ -7829,6 +7842,31 @@ const PointAddressMap = ({
7829
7842
  fontSize: "12px"
7830
7843
  }
7831
7844
  }, /*#__PURE__*/React.createElement("strong", null, t("WT_LOCALITY"), ":"), " ", ((_fp$address5 = fp.address) === null || _fp$address5 === void 0 ? void 0 : _fp$address5.locality) || "NA"), /*#__PURE__*/React.createElement("p", {
7845
+ style: {
7846
+ margin: 0,
7847
+ fontSize: "12px"
7848
+ }
7849
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_AE_NAME"), ":"), " ", (fp === null || fp === void 0 ? void 0 : fp.aeName) || "NA", " (", (fp === null || fp === void 0 ? void 0 : fp.aeMobile) || "NA", ")"), /*#__PURE__*/React.createElement("p", {
7850
+ style: {
7851
+ margin: 0,
7852
+ fontSize: "12px"
7853
+ }
7854
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_JE_NAME"), ":"), " ", (fp === null || fp === void 0 ? void 0 : fp.jeName) || "NA", " (", (fp === null || fp === void 0 ? void 0 : fp.jeMobile) || "NA", ")"), /*#__PURE__*/React.createElement("p", {
7855
+ style: {
7856
+ margin: 0,
7857
+ fontSize: "12px"
7858
+ }
7859
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_EE_NAME"), ":"), " ", (fp === null || fp === void 0 ? void 0 : fp.eeName) || "NA", " (", (fp === null || fp === void 0 ? void 0 : fp.eeMobile) || "NA", ")"), /*#__PURE__*/React.createElement("p", {
7860
+ style: {
7861
+ margin: 0,
7862
+ fontSize: "12px"
7863
+ }
7864
+ }, /*#__PURE__*/React.createElement("strong", null, "Latitude:"), " ", ((_fp$address6 = fp.address) === null || _fp$address6 === void 0 ? void 0 : _fp$address6.latitude) || "NA"), /*#__PURE__*/React.createElement("p", {
7865
+ style: {
7866
+ margin: 0,
7867
+ fontSize: "12px"
7868
+ }
7869
+ }, /*#__PURE__*/React.createElement("strong", null, "Longitude:"), " ", ((_fp$address7 = fp.address) === null || _fp$address7 === void 0 ? void 0 : _fp$address7.longitude) || "NA"), /*#__PURE__*/React.createElement("p", {
7832
7870
  style: {
7833
7871
  margin: 0,
7834
7872
  fontSize: "12px",
@@ -7836,14 +7874,18 @@ const PointAddressMap = ({
7836
7874
  }
7837
7875
  }, /*#__PURE__*/React.createElement("strong", null, "Coverage:"), " 5 KM Radius"))))));
7838
7876
  }), displayFixedPoints.map((fx, index) => {
7839
- var _fx$applicantDetail9, _fx$applicantDetail0, _fx$applicantDetail1, _fx$applicantDetail10, _fx$address7;
7840
- const fxId = fx.id || ((_fx$applicantDetail9 = fx.applicantDetail) === null || _fx$applicantDetail9 === void 0 ? void 0 : _fx$applicantDetail9.applicantId) || index;
7877
+ var _fx$applicantDetail1, _fx$applicantDetail10, _fx$applicantDetail11, _selectedFixedPoint$a6, _selectedFixedPoint$a7, _fx$applicantDetail12, _fx$applicantDetail13, _fx$applicantDetail14, _fx$address0, _fx$applicantDetail15, _fx$applicantDetail16, _fx$address1, _fx$address10, _fx$address11, _fx$address12, _fx$address13, _fx$address14;
7878
+ const fxId = fx.id || ((_fx$applicantDetail1 = fx.applicantDetail) === null || _fx$applicantDetail1 === void 0 ? void 0 : _fx$applicantDetail1.applicantId) || index;
7841
7879
  const isHovered = hoveredFixedPointId === fxId;
7880
+ const currentFxId = (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail10 = fx.applicantDetail) === null || _fx$applicantDetail10 === void 0 ? void 0 : _fx$applicantDetail10.fixedPointId) || (fx === null || fx === void 0 ? void 0 : fx.id) || (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail11 = fx.applicantDetail) === null || _fx$applicantDetail11 === void 0 ? void 0 : _fx$applicantDetail11.applicantId) || index;
7881
+ const selectedFxId = (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a6 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a6 === void 0 ? void 0 : _selectedFixedPoint$a6.fixedPointId) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : selectedFixedPoint.id) || (selectedFixedPoint === null || selectedFixedPoint === void 0 ? void 0 : (_selectedFixedPoint$a7 = selectedFixedPoint.applicantDetail) === null || _selectedFixedPoint$a7 === void 0 ? void 0 : _selectedFixedPoint$a7.applicantId);
7882
+ const isSelected = selectedFixedPoint && currentFxId === selectedFxId;
7842
7883
  return /*#__PURE__*/React.createElement(Marker, {
7843
7884
  key: `fx-${fxId}`,
7844
7885
  position: [parseFloat(fx.address.latitude), parseFloat(fx.address.longitude)],
7845
- icon: isHovered ? enlargedFixedPointIcon : fixedPointIcon,
7846
- zIndexOffset: isHovered ? 1000 : 0
7886
+ icon: isHovered || isSelected ? enlargedFixedPointIcon : fixedPointIcon,
7887
+ zIndexOffset: isHovered || isSelected ? 1000 : 0,
7888
+ ref: r => markerRefs.current[fxId] = r
7847
7889
  }, /*#__PURE__*/React.createElement(Popup, null, /*#__PURE__*/React.createElement("div", {
7848
7890
  style: {
7849
7891
  padding: "8px",
@@ -7857,7 +7899,7 @@ const PointAddressMap = ({
7857
7899
  borderBottom: "1px solid #eee",
7858
7900
  paddingBottom: "4px"
7859
7901
  }
7860
- }, (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail0 = fx.applicantDetail) === null || _fx$applicantDetail0 === void 0 ? void 0 : _fx$applicantDetail0.name) || (fx === null || fx === void 0 ? void 0 : fx.name) || "NA", " (Fixed Point)"), /*#__PURE__*/React.createElement("div", {
7902
+ }, (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail12 = fx.applicantDetail) === null || _fx$applicantDetail12 === void 0 ? void 0 : _fx$applicantDetail12.name) || (fx === null || fx === void 0 ? void 0 : fx.name) || "NA", " (Fixed Point)"), /*#__PURE__*/React.createElement("div", {
7861
7903
  style: {
7862
7904
  display: "flex",
7863
7905
  flexDirection: "column",
@@ -7868,17 +7910,42 @@ const PointAddressMap = ({
7868
7910
  margin: 0,
7869
7911
  fontSize: "12px"
7870
7912
  }
7871
- }, /*#__PURE__*/React.createElement("strong", null, t("WT_FIXED_POINT_CODE"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail1 = fx.applicantDetail) === null || _fx$applicantDetail1 === void 0 ? void 0 : _fx$applicantDetail1.fixedPointId) || "NA"), /*#__PURE__*/React.createElement("p", {
7913
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_FIXED_POINT_CODE"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail13 = fx.applicantDetail) === null || _fx$applicantDetail13 === void 0 ? void 0 : _fx$applicantDetail13.fixedPointId) || "NA"), /*#__PURE__*/React.createElement("p", {
7914
+ style: {
7915
+ margin: 0,
7916
+ fontSize: "12px"
7917
+ }
7918
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_MOBILE_NUMBER"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail14 = fx.applicantDetail) === null || _fx$applicantDetail14 === void 0 ? void 0 : _fx$applicantDetail14.mobileNumber) || "NA"), /*#__PURE__*/React.createElement("p", {
7919
+ style: {
7920
+ margin: 0,
7921
+ fontSize: "12px"
7922
+ }
7923
+ }, /*#__PURE__*/React.createElement("strong", null, t("WT_LOCALITY"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$address0 = fx.address) === null || _fx$address0 === void 0 ? void 0 : _fx$address0.locality) || "NA"), /*#__PURE__*/React.createElement("p", {
7924
+ style: {
7925
+ margin: 0,
7926
+ fontSize: "12px"
7927
+ }
7928
+ }, /*#__PURE__*/React.createElement("strong", null, "Email:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail15 = fx.applicantDetail) === null || _fx$applicantDetail15 === void 0 ? void 0 : _fx$applicantDetail15.emailId) || "NA"), /*#__PURE__*/React.createElement("p", {
7929
+ style: {
7930
+ margin: 0,
7931
+ fontSize: "12px"
7932
+ }
7933
+ }, /*#__PURE__*/React.createElement("strong", null, "Alt Mobile:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail16 = fx.applicantDetail) === null || _fx$applicantDetail16 === void 0 ? void 0 : _fx$applicantDetail16.alternateNumber) || "NA"), /*#__PURE__*/React.createElement("p", {
7934
+ style: {
7935
+ margin: 0,
7936
+ fontSize: "12px"
7937
+ }
7938
+ }, /*#__PURE__*/React.createElement("strong", null, "Address:"), " ", [fx === null || fx === void 0 ? void 0 : (_fx$address1 = fx.address) === null || _fx$address1 === void 0 ? void 0 : _fx$address1.houseNo, fx === null || fx === void 0 ? void 0 : (_fx$address10 = fx.address) === null || _fx$address10 === void 0 ? void 0 : _fx$address10.streetName, fx === null || fx === void 0 ? void 0 : (_fx$address11 = fx.address) === null || _fx$address11 === void 0 ? void 0 : _fx$address11.city, fx === null || fx === void 0 ? void 0 : (_fx$address12 = fx.address) === null || _fx$address12 === void 0 ? void 0 : _fx$address12.pincode].filter(Boolean).join(", ") || "NA"), /*#__PURE__*/React.createElement("p", {
7872
7939
  style: {
7873
7940
  margin: 0,
7874
7941
  fontSize: "12px"
7875
7942
  }
7876
- }, /*#__PURE__*/React.createElement("strong", null, t("WT_MOBILE_NUMBER"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$applicantDetail10 = fx.applicantDetail) === null || _fx$applicantDetail10 === void 0 ? void 0 : _fx$applicantDetail10.mobileNumber) || "NA"), /*#__PURE__*/React.createElement("p", {
7943
+ }, /*#__PURE__*/React.createElement("strong", null, "Latitude:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$address13 = fx.address) === null || _fx$address13 === void 0 ? void 0 : _fx$address13.latitude) || "NA"), /*#__PURE__*/React.createElement("p", {
7877
7944
  style: {
7878
7945
  margin: 0,
7879
7946
  fontSize: "12px"
7880
7947
  }
7881
- }, /*#__PURE__*/React.createElement("strong", null, t("WT_LOCALITY"), ":"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$address7 = fx.address) === null || _fx$address7 === void 0 ? void 0 : _fx$address7.locality) || "NA")))));
7948
+ }, /*#__PURE__*/React.createElement("strong", null, "Longitude:"), " ", (fx === null || fx === void 0 ? void 0 : (_fx$address14 = fx.address) === null || _fx$address14 === void 0 ? void 0 : _fx$address14.longitude) || "NA")))));
7882
7949
  }))));
7883
7950
  };
7884
7951