From 8a8bc4ec2ff43b8c85af9aa3bd287779cd241be8 Mon Sep 17 00:00:00 2001
From: dharaneesh-r <dharaneesh@tenext.in>
Date: Tue, 4 Aug 2026 17:22:21 +0530
Subject: [PATCH] updates on the build regarding the google map api key removal

---
 package-lock.json                             |  385 +--
 package.json                                  |    5 +-
 public/index.html                             |    2 -
 .../nearle_components/AddressAutocomplete.js  |  193 ++
 src/pages/nearle/clients/createCustomer.js    |  204 +-
 src/pages/nearle/orders/createorder1.js       |  677 ++---
 src/pages/nearle/orders/map.js                |  156 -
 src/pages/nearle/orders/multiOrderBackup.js   |  845 ------
 src/pages/nearle/orders/ridersPinPoint.js     |   53 -
 src/pages/nearle/orders/rough.js              | 2559 -----------------
 src/pages/nearle/reports/RiderLocationMap.js  |  103 +-
 yarn.lock                                     |  219 +-
 12 files changed, 614 insertions(+), 4787 deletions(-)
 create mode 100644 src/components/nearle_components/AddressAutocomplete.js
 delete mode 100644 src/pages/nearle/orders/map.js
 delete mode 100644 src/pages/nearle/orders/multiOrderBackup.js
 delete mode 100644 src/pages/nearle/orders/ridersPinPoint.js
 delete mode 100644 src/pages/nearle/orders/rough.js

diff --git a/package-lock.json b/package-lock.json
index 5838755..a18dffc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,16 +19,15 @@
         "@mui/lab": "^5.0.0-alpha.127",
         "@mui/material": "^5.12.1",
         "@mui/x-date-pickers": "^6.18.2",
-        "@react-google-maps/api": "^2.20.7",
         "@reduxjs/toolkit": "^1.9.5",
         "@svgr/webpack": "^7.0.0",
         "@tanstack/react-query": "^5.22.2",
         "antd": "^5.11.5",
-        "autosuggest-highlight": "^3.3.4",
         "axios": "^1.3.5",
         "buffer": "^6.0.3",
         "chance": "^1.1.11",
         "crypto-browserify": "^3.12.0",
+        "date-fns": "^2.30.0",
         "dayjs": "^1.11.10",
         "env-cmd": "^10.1.0",
         "formik": "^2.2.9",
@@ -50,8 +49,6 @@
         "react-dnd": "^16.0.1",
         "react-dnd-html5-backend": "^16.0.1",
         "react-dom": "^18.2.0",
-        "react-geocode": "^0.2.3",
-        "react-google-autocomplete": "^2.7.3",
         "react-icons": "^4.12.0",
         "react-intl": "^6.4.1",
         "react-leaflet": "^4.2.1",
@@ -2637,22 +2634,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@googlemaps/js-api-loader": {
-      "version": "1.16.8",
-      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.8.tgz",
-      "integrity": "sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@googlemaps/markerclusterer": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/@googlemaps/markerclusterer/-/markerclusterer-2.5.3.tgz",
-      "integrity": "sha512-x7lX0R5yYOoiNectr10wLgCBasNcXFHiADIBdmn7jQllF2B5ENQw5XtZK+hIw4xnV0Df0xhN4LN98XqA5jaiOw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "supercluster": "^8.0.1"
-      }
-    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -4140,36 +4121,6 @@
       "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
       "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
     },
-    "node_modules/@react-google-maps/api": {
-      "version": "2.20.7",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-2.20.7.tgz",
-      "integrity": "sha512-ys7uri3V6gjhYZUI43srHzSKDC6/jiKTwHNlwXFTvjeaJE3M3OaYBt9FZKvJs8qnOhL6i6nD1BKJoi1KrnkCkg==",
-      "license": "MIT",
-      "dependencies": {
-        "@googlemaps/js-api-loader": "1.16.8",
-        "@googlemaps/markerclusterer": "2.5.3",
-        "@react-google-maps/infobox": "2.20.0",
-        "@react-google-maps/marker-clusterer": "2.20.0",
-        "@types/google.maps": "3.58.1",
-        "invariant": "2.2.4"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17 || ^18 || ^19",
-        "react-dom": "^16.8 || ^17 || ^18 || ^19"
-      }
-    },
-    "node_modules/@react-google-maps/infobox": {
-      "version": "2.20.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-2.20.0.tgz",
-      "integrity": "sha512-03PJHjohhaVLkX6+NHhlr8CIlvUxWaXhryqDjyaZ8iIqqix/nV8GFdz9O3m5OsjtxtNho09F/15j14yV0nuyLQ==",
-      "license": "MIT"
-    },
-    "node_modules/@react-google-maps/marker-clusterer": {
-      "version": "2.20.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-2.20.0.tgz",
-      "integrity": "sha512-tieX9Va5w1yP88vMgfH1pHTacDQ9TgDTjox3tLlisKDXRQWdjw+QeVVghhf5XqqIxXHgPdcGwBvKY6UP+SIvLw==",
-      "license": "MIT"
-    },
     "node_modules/@react-leaflet/core": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@react-leaflet/core/-/core-2.1.0.tgz",
@@ -4964,12 +4915,6 @@
         "@types/range-parser": "*"
       }
     },
-    "node_modules/@types/google.maps": {
-      "version": "3.58.1",
-      "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.58.1.tgz",
-      "integrity": "sha512-X9QTSvGJ0nCfMzYOnaVs/k6/4L+7F5uCS+4iUmkLEls6J9S/Phv+m/i3mDeyc49ZBgwab3EFO1HEoBY7k98EGQ==",
-      "license": "MIT"
-    },
     "node_modules/@types/graceful-fs": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.5.tgz",
@@ -6050,14 +5995,6 @@
         "postcss": "^8.1.0"
       }
     },
-    "node_modules/autosuggest-highlight": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/autosuggest-highlight/-/autosuggest-highlight-3.3.4.tgz",
-      "integrity": "sha512-j6RETBD2xYnrVcoV1S5R4t3WxOlWZKyDQjkwnggDPSjF5L4jV98ZltBpvPvbkM1HtoSe5o+bNrTHyjPbieGeYA==",
-      "dependencies": {
-        "remove-accents": "^0.4.2"
-      }
-    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -7795,7 +7732,7 @@
       "version": "2.30.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
       "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.21.0"
       },
@@ -10816,15 +10753,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -13559,12 +13487,6 @@
       "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
       "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
     },
-    "node_modules/kdbush": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz",
-      "integrity": "sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==",
-      "license": "ISC"
-    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -17040,26 +16962,6 @@
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
       "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw=="
     },
-    "node_modules/react-geocode": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/react-geocode/-/react-geocode-0.2.3.tgz",
-      "integrity": "sha512-sIpbgmn1IUzAxO4haOZ6jeeFnMD8ya9PC38yiNrmJ9vPWbvAO2D/2yfCBzZjGZVUm4PRzKAc0KghXfaEnug0TQ==",
-      "dependencies": {
-        "regenerator-runtime": "^0.13.3"
-      }
-    },
-    "node_modules/react-google-autocomplete": {
-      "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/react-google-autocomplete/-/react-google-autocomplete-2.7.3.tgz",
-      "integrity": "sha512-Nm+7/VDe7/NDWb8p/a39is7ktNqt5bNqAOoQv2Ev/XkuEvjsRk08VAPFmXUH03xKuM8IUuDrk2Lwfge44YEj6Q==",
-      "dependencies": {
-        "lodash.debounce": "^4.0.8",
-        "prop-types": "^15.5.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      }
-    },
     "node_modules/react-icons": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
@@ -17962,11 +17864,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/remove-accents": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.4.tgz",
-      "integrity": "sha512-EpFcOa/ISetVHEXqu+VwI96KZBmq+a8LJnGkaeFw45epGlxIZz5dhEEnNZMsQXgORu3qaMoLX4qJCzOik6ytAg=="
-    },
     "node_modules/renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -19022,15 +18919,6 @@
         "stylis": "4.x"
       }
     },
-    "node_modules/supercluster": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/supercluster/-/supercluster-8.0.1.tgz",
-      "integrity": "sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==",
-      "license": "ISC",
-      "dependencies": {
-        "kdbush": "^4.0.2"
-      }
-    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -19521,19 +19409,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/ua-parser-js": {
       "version": "1.0.35",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
@@ -22185,14 +22060,12 @@
     "@csstools/postcss-unset-value": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz",
-      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==",
-      "requires": {}
+      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g=="
     },
     "@csstools/selector-specificity": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz",
-      "integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==",
-      "requires": {}
+      "integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg=="
     },
     "@ctrl/tinycolor": {
       "version": "3.6.1",
@@ -22202,8 +22075,7 @@
     "@custom-react-hooks/use-network": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@custom-react-hooks/use-network/-/use-network-1.0.1.tgz",
-      "integrity": "sha512-WbFVxsC18hjJiVIONAExVORlJlrOeYwzKsiYUCzrt5zCP0u9eLUPJuftF3DvEpoaQdjufazllWCPWKXT+dTY2g==",
-      "requires": {}
+      "integrity": "sha512-WbFVxsC18hjJiVIONAExVORlJlrOeYwzKsiYUCzrt5zCP0u9eLUPJuftF3DvEpoaQdjufazllWCPWKXT+dTY2g=="
     },
     "@emotion/babel-plugin": {
       "version": "11.10.6",
@@ -22306,8 +22178,7 @@
     "@emotion/use-insertion-effect-with-fallbacks": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
-      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
-      "requires": {}
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A=="
     },
     "@emotion/utils": {
       "version": "1.2.0",
@@ -22496,20 +22367,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "@googlemaps/js-api-loader": {
-      "version": "1.16.8",
-      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.8.tgz",
-      "integrity": "sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ=="
-    },
-    "@googlemaps/markerclusterer": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/@googlemaps/markerclusterer/-/markerclusterer-2.5.3.tgz",
-      "integrity": "sha512-x7lX0R5yYOoiNectr10wLgCBasNcXFHiADIBdmn7jQllF2B5ENQw5XtZK+hIw4xnV0Df0xhN4LN98XqA5jaiOw==",
-      "requires": {
-        "fast-deep-equal": "^3.1.3",
-        "supercluster": "^8.0.1"
-      }
-    },
     "@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -23208,8 +23065,7 @@
     "@mui/types": {
       "version": "7.2.10",
       "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.10.tgz",
-      "integrity": "sha512-wX1vbDC+lzF7FlhT6A3ffRZgEoKWPF8VqRoTu4lZwouFX2t90KyCMsgepMw5DxLak1BSp/KP86CmtZttikb/gQ==",
-      "requires": {}
+      "integrity": "sha512-wX1vbDC+lzF7FlhT6A3ffRZgEoKWPF8VqRoTu4lZwouFX2t90KyCMsgepMw5DxLak1BSp/KP86CmtZttikb/gQ=="
     },
     "@mui/utils": {
       "version": "5.14.19",
@@ -23449,34 +23305,10 @@
       "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
       "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
     },
-    "@react-google-maps/api": {
-      "version": "2.20.7",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-2.20.7.tgz",
-      "integrity": "sha512-ys7uri3V6gjhYZUI43srHzSKDC6/jiKTwHNlwXFTvjeaJE3M3OaYBt9FZKvJs8qnOhL6i6nD1BKJoi1KrnkCkg==",
-      "requires": {
-        "@googlemaps/js-api-loader": "1.16.8",
-        "@googlemaps/markerclusterer": "2.5.3",
-        "@react-google-maps/infobox": "2.20.0",
-        "@react-google-maps/marker-clusterer": "2.20.0",
-        "@types/google.maps": "3.58.1",
-        "invariant": "2.2.4"
-      }
-    },
-    "@react-google-maps/infobox": {
-      "version": "2.20.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-2.20.0.tgz",
-      "integrity": "sha512-03PJHjohhaVLkX6+NHhlr8CIlvUxWaXhryqDjyaZ8iIqqix/nV8GFdz9O3m5OsjtxtNho09F/15j14yV0nuyLQ=="
-    },
-    "@react-google-maps/marker-clusterer": {
-      "version": "2.20.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-2.20.0.tgz",
-      "integrity": "sha512-tieX9Va5w1yP88vMgfH1pHTacDQ9TgDTjox3tLlisKDXRQWdjw+QeVVghhf5XqqIxXHgPdcGwBvKY6UP+SIvLw=="
-    },
     "@react-leaflet/core": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@react-leaflet/core/-/core-2.1.0.tgz",
-      "integrity": "sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg==",
-      "requires": {}
+      "integrity": "sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg=="
     },
     "@reduxjs/toolkit": {
       "version": "1.9.5",
@@ -23589,50 +23421,42 @@
     "@svgr/babel-plugin-add-jsx-attribute": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-7.0.0.tgz",
-      "integrity": "sha512-khWbXesWIP9v8HuKCl2NU2HNAyqpSQ/vkIl36Nbn4HIwEYSRWL0H7Gs6idJdha2DkpFDWlsqMELvoCE8lfFY6Q==",
-      "requires": {}
+      "integrity": "sha512-khWbXesWIP9v8HuKCl2NU2HNAyqpSQ/vkIl36Nbn4HIwEYSRWL0H7Gs6idJdha2DkpFDWlsqMELvoCE8lfFY6Q=="
     },
     "@svgr/babel-plugin-remove-jsx-attribute": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-7.0.0.tgz",
-      "integrity": "sha512-iiZaIvb3H/c7d3TH2HBeK91uI2rMhZNwnsIrvd7ZwGLkFw6mmunOCoVnjdYua662MqGFxlN9xTq4fv9hgR4VXQ==",
-      "requires": {}
+      "integrity": "sha512-iiZaIvb3H/c7d3TH2HBeK91uI2rMhZNwnsIrvd7ZwGLkFw6mmunOCoVnjdYua662MqGFxlN9xTq4fv9hgR4VXQ=="
     },
     "@svgr/babel-plugin-remove-jsx-empty-expression": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-7.0.0.tgz",
-      "integrity": "sha512-sQQmyo+qegBx8DfFc04PFmIO1FP1MHI1/QEpzcIcclo5OAISsOJPW76ZIs0bDyO/DBSJEa/tDa1W26pVtt0FRw==",
-      "requires": {}
+      "integrity": "sha512-sQQmyo+qegBx8DfFc04PFmIO1FP1MHI1/QEpzcIcclo5OAISsOJPW76ZIs0bDyO/DBSJEa/tDa1W26pVtt0FRw=="
     },
     "@svgr/babel-plugin-replace-jsx-attribute-value": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-7.0.0.tgz",
-      "integrity": "sha512-i6MaAqIZXDOJeikJuzocByBf8zO+meLwfQ/qMHIjCcvpnfvWf82PFvredEZElErB5glQFJa2KVKk8N2xV6tRRA==",
-      "requires": {}
+      "integrity": "sha512-i6MaAqIZXDOJeikJuzocByBf8zO+meLwfQ/qMHIjCcvpnfvWf82PFvredEZElErB5glQFJa2KVKk8N2xV6tRRA=="
     },
     "@svgr/babel-plugin-svg-dynamic-title": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-7.0.0.tgz",
-      "integrity": "sha512-BoVSh6ge3SLLpKC0pmmN9DFlqgFy4NxNgdZNLPNJWBUU7TQpDWeBuyVuDW88iXydb5Cv0ReC+ffa5h3VrKfk1w==",
-      "requires": {}
+      "integrity": "sha512-BoVSh6ge3SLLpKC0pmmN9DFlqgFy4NxNgdZNLPNJWBUU7TQpDWeBuyVuDW88iXydb5Cv0ReC+ffa5h3VrKfk1w=="
     },
     "@svgr/babel-plugin-svg-em-dimensions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-7.0.0.tgz",
-      "integrity": "sha512-tNDcBa+hYn0gO+GkP/AuNKdVtMufVhU9fdzu+vUQsR18RIJ9RWe7h/pSBY338RO08wArntwbDk5WhQBmhf2PaA==",
-      "requires": {}
+      "integrity": "sha512-tNDcBa+hYn0gO+GkP/AuNKdVtMufVhU9fdzu+vUQsR18RIJ9RWe7h/pSBY338RO08wArntwbDk5WhQBmhf2PaA=="
     },
     "@svgr/babel-plugin-transform-react-native-svg": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-7.0.0.tgz",
-      "integrity": "sha512-qw54u8ljCJYL2KtBOjI5z7Nzg8LnSvQOP5hPKj77H4VQL4+HdKbAT5pnkkZLmHKYwzsIHSYKXxHouD8zZamCFQ==",
-      "requires": {}
+      "integrity": "sha512-qw54u8ljCJYL2KtBOjI5z7Nzg8LnSvQOP5hPKj77H4VQL4+HdKbAT5pnkkZLmHKYwzsIHSYKXxHouD8zZamCFQ=="
     },
     "@svgr/babel-plugin-transform-svg-component": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-7.0.0.tgz",
-      "integrity": "sha512-CcFECkDj98daOg9jE3Bh3uyD9kzevCAnZ+UtzG6+BQG/jOQ2OA3jHnX6iG4G1MCJkUQFnUvEv33NvQfqrb/F3A==",
-      "requires": {}
+      "integrity": "sha512-CcFECkDj98daOg9jE3Bh3uyD9kzevCAnZ+UtzG6+BQG/jOQ2OA3jHnX6iG4G1MCJkUQFnUvEv33NvQfqrb/F3A=="
     },
     "@svgr/babel-preset": {
       "version": "7.0.0",
@@ -24013,11 +23837,6 @@
         "@types/range-parser": "*"
       }
     },
-    "@types/google.maps": {
-      "version": "3.58.1",
-      "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.58.1.tgz",
-      "integrity": "sha512-X9QTSvGJ0nCfMzYOnaVs/k6/4L+7F5uCS+4iUmkLEls6J9S/Phv+m/i3mDeyc49ZBgwab3EFO1HEoBY7k98EGQ=="
-    },
     "@types/graceful-fs": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.5.tgz",
@@ -24534,8 +24353,7 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "requires": {}
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -24619,8 +24437,7 @@
     "ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "requires": {}
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "ansi-escapes": {
       "version": "4.3.2",
@@ -24867,14 +24684,6 @@
         "postcss-value-parser": "^4.2.0"
       }
     },
-    "autosuggest-highlight": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/autosuggest-highlight/-/autosuggest-highlight-3.3.4.tgz",
-      "integrity": "sha512-j6RETBD2xYnrVcoV1S5R4t3WxOlWZKyDQjkwnggDPSjF5L4jV98ZltBpvPvbkM1HtoSe5o+bNrTHyjPbieGeYA==",
-      "requires": {
-        "remove-accents": "^0.4.2"
-      }
-    },
     "available-typed-arrays": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -25048,8 +24857,7 @@
     "babel-plugin-named-asset-import": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz",
-      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==",
-      "requires": {}
+      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q=="
     },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.3.3",
@@ -25887,8 +25695,7 @@
     "css-declaration-sorter": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
-      "integrity": "sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==",
-      "requires": {}
+      "integrity": "sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w=="
     },
     "css-has-pseudo": {
       "version": "3.0.4",
@@ -25981,8 +25788,7 @@
     "css-prefers-color-scheme": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
-      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
-      "requires": {}
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA=="
     },
     "css-select": {
       "version": "4.3.0",
@@ -26086,8 +25892,7 @@
     "cssnano-utils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
-      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "requires": {}
+      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA=="
     },
     "csso": {
       "version": "4.2.0",
@@ -26161,7 +25966,6 @@
       "version": "2.30.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
       "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "peer": true,
       "requires": {
         "@babel/runtime": "^7.21.0"
       }
@@ -26932,8 +26736,7 @@
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
       "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-config-react-app": {
       "version": "7.0.1",
@@ -27128,8 +26931,7 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "requires": {}
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
     },
     "eslint-plugin-testing-library": {
       "version": "5.7.2",
@@ -27953,8 +27755,7 @@
     "goober": {
       "version": "2.1.13",
       "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.13.tgz",
-      "integrity": "sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ==",
-      "requires": {}
+      "integrity": "sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ=="
     },
     "gopd": {
       "version": "1.0.1",
@@ -28247,8 +28048,7 @@
     "icss-utils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "requires": {}
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
     },
     "idb": {
       "version": "7.0.1",
@@ -28349,14 +28149,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "requires": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -29366,8 +29158,7 @@
     "jest-pnp-resolver": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
-      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "requires": {}
+      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w=="
     },
     "jest-regex-util": {
       "version": "27.5.1",
@@ -30323,11 +30114,6 @@
       "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
       "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
     },
-    "kdbush": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz",
-      "integrity": "sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA=="
-    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -31180,8 +30966,7 @@
     "postcss-browser-comments": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz",
-      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==",
-      "requires": {}
+      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg=="
     },
     "postcss-calc": {
       "version": "8.2.4",
@@ -31279,26 +31064,22 @@
     "postcss-discard-comments": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
-      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
-      "requires": {}
+      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ=="
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
-      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-      "requires": {}
+      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw=="
     },
     "postcss-discard-empty": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
-      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-      "requires": {}
+      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A=="
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
-      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-      "requires": {}
+      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw=="
     },
     "postcss-double-position-gradients": {
       "version": "3.1.2",
@@ -31320,8 +31101,7 @@
     "postcss-flexbugs-fixes": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
-      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==",
-      "requires": {}
+      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ=="
     },
     "postcss-focus-visible": {
       "version": "6.0.4",
@@ -31342,14 +31122,12 @@
     "postcss-font-variant": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
-      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
-      "requires": {}
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA=="
     },
     "postcss-gap-properties": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz",
-      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==",
-      "requires": {}
+      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg=="
     },
     "postcss-image-set-function": {
       "version": "4.0.7",
@@ -31372,8 +31150,7 @@
     "postcss-initial": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
-      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
-      "requires": {}
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ=="
     },
     "postcss-js": {
       "version": "4.0.0",
@@ -31436,14 +31213,12 @@
     "postcss-logical": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
-      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
-      "requires": {}
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g=="
     },
     "postcss-media-minmax": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
-      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
-      "requires": {}
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ=="
     },
     "postcss-merge-longhand": {
       "version": "5.1.6",
@@ -31504,8 +31279,7 @@
     "postcss-modules-extract-imports": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "requires": {}
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw=="
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.0",
@@ -31563,8 +31337,7 @@
     "postcss-normalize-charset": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
-      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-      "requires": {}
+      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg=="
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -31657,8 +31430,7 @@
     "postcss-page-break": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
-      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
-      "requires": {}
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ=="
     },
     "postcss-place": {
       "version": "7.0.5",
@@ -31752,8 +31524,7 @@
     "postcss-replace-overflow-wrap": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
-      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
-      "requires": {}
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw=="
     },
     "postcss-selector-not": {
       "version": "6.0.1",
@@ -31953,8 +31724,7 @@
     "qrcode.react": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
-      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
-      "requires": {}
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q=="
     },
     "qs": {
       "version": "6.11.0",
@@ -32639,28 +32409,10 @@
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
       "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw=="
     },
-    "react-geocode": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/react-geocode/-/react-geocode-0.2.3.tgz",
-      "integrity": "sha512-sIpbgmn1IUzAxO4haOZ6jeeFnMD8ya9PC38yiNrmJ9vPWbvAO2D/2yfCBzZjGZVUm4PRzKAc0KghXfaEnug0TQ==",
-      "requires": {
-        "regenerator-runtime": "^0.13.3"
-      }
-    },
-    "react-google-autocomplete": {
-      "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/react-google-autocomplete/-/react-google-autocomplete-2.7.3.tgz",
-      "integrity": "sha512-Nm+7/VDe7/NDWb8p/a39is7ktNqt5bNqAOoQv2Ev/XkuEvjsRk08VAPFmXUH03xKuM8IUuDrk2Lwfge44YEj6Q==",
-      "requires": {
-        "lodash.debounce": "^4.0.8",
-        "prop-types": "^15.5.0"
-      }
-    },
     "react-icons": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
-      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
-      "requires": {}
+      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw=="
     },
     "react-intl": {
       "version": "6.4.1",
@@ -33106,14 +32858,12 @@
     "react-timer-hook": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/react-timer-hook/-/react-timer-hook-3.0.5.tgz",
-      "integrity": "sha512-n+98SdmYvui2ne3KyWb3Ldu4k0NYQa3g/VzW6VEIfZJ8GAk/jJsIY700M8Nd2vNSTj05c7wKyQfJBqZ0x7zfiA==",
-      "requires": {}
+      "integrity": "sha512-n+98SdmYvui2ne3KyWb3Ldu4k0NYQa3g/VzW6VEIfZJ8GAk/jJsIY700M8Nd2vNSTj05c7wKyQfJBqZ0x7zfiA=="
     },
     "react-to-print": {
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/react-to-print/-/react-to-print-2.15.1.tgz",
-      "integrity": "sha512-1foogIFbCpzAVxydkhBiDfMiFYhIMphiagDOfcG4X/EcQ+fBPqJ0rby9Wv/emzY1YLkIQy/rEgOrWQT+rBKhjw==",
-      "requires": {}
+      "integrity": "sha512-1foogIFbCpzAVxydkhBiDfMiFYhIMphiagDOfcG4X/EcQ+fBPqJ0rby9Wv/emzY1YLkIQy/rEgOrWQT+rBKhjw=="
     },
     "react-transition-group": {
       "version": "4.4.5",
@@ -33129,14 +32879,12 @@
     "react-virtuoso": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.7.0.tgz",
-      "integrity": "sha512-cpgvI1rSOETGDMhqVAVDuH+XHbWO1uIGKv5I6l4CyC71xWYUeGrE5n7sgTZklROB4+Vbv85pcgfWloTlY48HGQ==",
-      "requires": {}
+      "integrity": "sha512-cpgvI1rSOETGDMhqVAVDuH+XHbWO1uIGKv5I6l4CyC71xWYUeGrE5n7sgTZklROB4+Vbv85pcgfWloTlY48HGQ=="
     },
     "react18-input-otp": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/react18-input-otp/-/react18-input-otp-1.1.3.tgz",
-      "integrity": "sha512-55dZMVX61In2ngUhA4Fv0NMY4j5RZjxrJaSOAnJGJmkAhxKB6puVHYEmipyy2+W2CPydFF7pv+0NKzPUA03EVg==",
-      "requires": {}
+      "integrity": "sha512-55dZMVX61In2ngUhA4Fv0NMY4j5RZjxrJaSOAnJGJmkAhxKB6puVHYEmipyy2+W2CPydFF7pv+0NKzPUA03EVg=="
     },
     "read-cache": {
       "version": "1.0.0",
@@ -33197,8 +32945,7 @@
     "redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
-      "requires": {}
+      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q=="
     },
     "regenerate": {
       "version": "1.4.2",
@@ -33279,11 +33026,6 @@
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
       "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog=="
     },
-    "remove-accents": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.4.tgz",
-      "integrity": "sha512-EpFcOa/ISetVHEXqu+VwI96KZBmq+a8LJnGkaeFw45epGlxIZz5dhEEnNZMsQXgORu3qaMoLX4qJCzOik6ytAg=="
-    },
     "renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -34058,8 +33800,7 @@
     "style-loader": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
-      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
-      "requires": {}
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ=="
     },
     "stylehacks": {
       "version": "5.1.0",
@@ -34083,14 +33824,6 @@
         "cssjanus": "^2.0.1"
       }
     },
-    "supercluster": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/supercluster/-/supercluster-8.0.1.tgz",
-      "integrity": "sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==",
-      "requires": {
-        "kdbush": "^4.0.2"
-      }
-    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -34452,12 +34185,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "peer": true
-    },
     "ua-parser-js": {
       "version": "1.0.35",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
@@ -34555,8 +34282,7 @@
     "use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
-      "requires": {}
+      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA=="
     },
     "util": {
       "version": "0.12.5",
@@ -34718,8 +34444,7 @@
         "acorn-import-assertions": {
           "version": "1.8.0",
           "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-          "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-          "requires": {}
+          "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw=="
         }
       }
     },
@@ -34846,8 +34571,7 @@
         "ws": {
           "version": "8.9.0",
           "resolved": "https://registry.npmjs.org/ws/-/ws-8.9.0.tgz",
-          "integrity": "sha512-Ja7nszREasGaYUYCI2k4lCKIRTt+y7XuqVoHR44YpI49TtryyqbqvDMn5eqfW7e6HzTukDRIsXqzVHScqRcafg==",
-          "requires": {}
+          "integrity": "sha512-Ja7nszREasGaYUYCI2k4lCKIRTt+y7XuqVoHR44YpI49TtryyqbqvDMn5eqfW7e6HzTukDRIsXqzVHScqRcafg=="
         }
       }
     },
@@ -35300,8 +35024,7 @@
     "ws": {
       "version": "7.5.7",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.7.tgz",
-      "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==",
-      "requires": {}
+      "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A=="
     },
     "xlsx": {
       "version": "0.18.5",
diff --git a/package.json b/package.json
index d35bb8d..fc73379 100644
--- a/package.json
+++ b/package.json
@@ -14,16 +14,15 @@
     "@mui/lab": "^5.0.0-alpha.127",
     "@mui/material": "^5.12.1",
     "@mui/x-date-pickers": "^6.18.2",
-    "@react-google-maps/api": "^2.20.7",
     "@reduxjs/toolkit": "^1.9.5",
     "@svgr/webpack": "^7.0.0",
     "@tanstack/react-query": "^5.22.2",
     "antd": "^5.11.5",
-    "autosuggest-highlight": "^3.3.4",
     "axios": "^1.3.5",
     "buffer": "^6.0.3",
     "chance": "^1.1.11",
     "crypto-browserify": "^3.12.0",
+    "date-fns": "^2.30.0",
     "dayjs": "^1.11.10",
     "env-cmd": "^10.1.0",
     "formik": "^2.2.9",
@@ -45,8 +44,6 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.2.0",
-    "react-geocode": "^0.2.3",
-    "react-google-autocomplete": "^2.7.3",
     "react-icons": "^4.12.0",
     "react-intl": "^6.4.1",
     "react-leaflet": "^4.2.1",
diff --git a/public/index.html b/public/index.html
index 175f73a..65fb4ab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,8 +27,6 @@
 
     <!-- this is to resolve issue in old safari browser in tablet -->
     <script src="https://cdn.jsdelivr.net/npm/resize-observer-polyfill@1.5.1/dist/ResizeObserver.min.js"></script>
-    <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDQ2c_pOSOFYSjxGMwkFvCVWKjYOM9siow&libraries=places"></script> -->
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhkGfnq27sN0wV5y_S-M2KojpFTk_by-Q&libraries=places"></script>
 
     <style>
       .datedialog > div > div > .MuiPaper-root {
diff --git a/src/components/nearle_components/AddressAutocomplete.js b/src/components/nearle_components/AddressAutocomplete.js
new file mode 100644
index 0000000..3212de9
--- /dev/null
+++ b/src/components/nearle_components/AddressAutocomplete.js
@@ -0,0 +1,193 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { Autocomplete, TextField, CircularProgress } from '@mui/material';
+import { debounce } from '@mui/material/utils';
+
+// Free OSM Nominatim geocoder — replaces Google Places Autocomplete /
+// react-geocode across the console. No API key required. Nominatim's usage
+// policy caps the public endpoint at ~1 req/sec, so every caller here is
+// debounced (500ms) and cancels stale in-flight predictions.
+const NOMINATIM_SEARCH_URL = 'https://nominatim.openstreetmap.org/search';
+
+// Builds a Google-Places-shaped `address_components` array (each entry
+// `{ long_name, short_name, types: [] }`) from Nominatim's flat `address`
+// object, so existing call sites' `place.address_components.forEach(...)`
+// type-switch parsing keeps working unchanged.
+const buildAddressComponents = (addr = {}) => {
+  const components = [];
+  const push = (longName, types) => {
+    if (longName) components.push({ long_name: longName, short_name: longName, types });
+  };
+  push(addr.house_number, ['street_number']);
+  push(addr.road || addr.pedestrian, ['route']);
+  push(addr.suburb || addr.neighbourhood || addr.quarter, ['sublocality_level_1', 'sublocality']);
+  push(addr.city_district || addr.county, ['administrative_area_level_3']);
+  push(addr.city || addr.town || addr.village, ['locality']);
+  push(addr.state, ['administrative_area_level_1']);
+  push(addr.country, ['country']);
+  push(addr.postcode, ['postal_code']);
+  return components;
+};
+
+// Shapes a Nominatim result close enough to a Google Places `place` object
+// (formatted_address, geometry.location.lat()/lng(), address_components)
+// that call sites need only mechanical edits, not rewrites.
+export const toPlace = (result) => ({
+  formatted_address: result.display_name,
+  name: result.display_name?.split(',')[0] || '',
+  geometry: {
+    location: {
+      lat: () => parseFloat(result.lat),
+      lng: () => parseFloat(result.lon)
+    }
+  },
+  address_components: buildAddressComponents(result.address)
+});
+
+const buildParams = (query, bias) => {
+  const params = new URLSearchParams({ q: query, format: 'json', addressdetails: '1', limit: '5' });
+  if (bias?.lat && bias?.lng) {
+    const d = 0.5; // ~55km box around the operator's zone — soft bias, not a hard filter
+    params.set('viewbox', `${bias.lng - d},${bias.lat + d},${bias.lng + d},${bias.lat - d}`);
+  }
+  return params;
+};
+
+// Standalone forward-geocode helper — replaces `Geocode.fromAddress(address)`
+// for call sites that resolve a plain text address without a predictions
+// dropdown (e.g. re-geocoding on submit). Returns a `toPlace`-shaped object,
+// or null if nothing matched.
+export async function geocodeAddress(address, { bias } = {}) {
+  if (!address) return null;
+  try {
+    const params = buildParams(address, bias);
+    params.set('limit', '1');
+    const res = await fetch(`${NOMINATIM_SEARCH_URL}?${params.toString()}`, { headers: { Accept: 'application/json' } });
+    if (!res.ok) return null;
+    const results = await res.json();
+    if (!results?.length) return null;
+    return toPlace(results[0]);
+  } catch (err) {
+    console.error('geocodeAddress error:', err);
+    return null;
+  }
+}
+
+// Address search-as-you-type — replaces Google Places Autocomplete
+// (usePlacesWidget / window.google.maps.places.Autocomplete /
+// AutocompleteService) across the console. Renders as an MUI Autocomplete
+// with freeSolo so the operator can still submit free text.
+//
+// Props:
+//   value / onChange(text)        — controlled free-text input value
+//   onPlaceSelected(place)        — fired when a suggestion is chosen; `place`
+//                                    is shaped like a Google Places `place`
+//   bias { lat, lng }             — optional soft bias toward the operator's zone
+const AddressAutocomplete = ({
+  id,
+  label,
+  placeholder = 'Search address',
+  value,
+  onChange,
+  onPlaceSelected,
+  bias,
+  sx,
+  textFieldSx,
+  fullWidth = true,
+  disabled,
+  inputRef,
+  TextFieldProps = {}
+}) => {
+  const [inputValue, setInputValue] = useState(value || '');
+  const [options, setOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (value !== undefined && value !== inputValue) setInputValue(value || '');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+
+  const fetchPredictions = useMemo(
+    () =>
+      debounce((query, bias1, callback) => {
+        if (!query) {
+          callback([]);
+          return;
+        }
+        const params = buildParams(query, bias1);
+        fetch(`${NOMINATIM_SEARCH_URL}?${params.toString()}`, { headers: { Accept: 'application/json' } })
+          .then((res) => (res.ok ? res.json() : []))
+          .then((results) => callback(results || []))
+          .catch(() => callback([]));
+      }, 500),
+    []
+  );
+
+  useEffect(() => {
+    let active = true;
+    if (!inputValue) {
+      setOptions([]);
+      setLoading(false);
+      return undefined;
+    }
+    setLoading(true);
+    fetchPredictions(inputValue, bias, (results) => {
+      if (!active) return;
+      setLoading(false);
+      setOptions(results);
+    });
+    return () => {
+      active = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue, bias?.lat, bias?.lng, fetchPredictions]);
+
+  return (
+    <Autocomplete
+      id={id}
+      freeSolo
+      fullWidth={fullWidth}
+      disabled={disabled}
+      sx={sx}
+      options={options}
+      filterOptions={(x) => x}
+      getOptionLabel={(option) => (typeof option === 'string' ? option : option.display_name || '')}
+      isOptionEqualToValue={(option, val) => option.place_id === val?.place_id}
+      inputValue={inputValue}
+      onInputChange={(event, newInputValue) => {
+        setInputValue(newInputValue);
+        onChange?.(newInputValue);
+      }}
+      onChange={(event, selected) => {
+        if (selected && typeof selected !== 'string') {
+          setInputValue(selected.display_name || '');
+          onPlaceSelected?.(toPlace(selected));
+        }
+      }}
+      renderInput={(params) => (
+        <TextField
+          {...params}
+          {...TextFieldProps}
+          inputRef={inputRef}
+          label={label}
+          placeholder={placeholder}
+          sx={textFieldSx}
+          autoComplete="off"
+          InputProps={{
+            ...params.InputProps,
+            ...TextFieldProps.InputProps,
+            startAdornment: TextFieldProps.InputProps?.startAdornment ?? params.InputProps.startAdornment,
+            endAdornment: (
+              <>
+                {loading ? <CircularProgress color="inherit" size={16} /> : null}
+                {TextFieldProps.InputProps?.endAdornment ?? params.InputProps.endAdornment}
+              </>
+            )
+          }}
+        />
+      )}
+    />
+  );
+};
+
+export default AddressAutocomplete;
diff --git a/src/pages/nearle/clients/createCustomer.js b/src/pages/nearle/clients/createCustomer.js
index 0529363..2ebe20a 100644
--- a/src/pages/nearle/clients/createCustomer.js
+++ b/src/pages/nearle/clients/createCustomer.js
@@ -25,9 +25,8 @@ import MainCard from 'components/MainCard';
 
 import axios from 'axios';
 
-import { usePlacesWidget } from 'react-google-autocomplete';
+import AddressAutocomplete from 'components/nearle_components/AddressAutocomplete';
 import Loader from 'components/Loader';
-import Geocode from 'react-geocode';
 import { enqueueSnackbar } from 'notistack';
 import { useNavigate } from 'react-router';
 import CloseIcon from '@mui/icons-material/Close';
@@ -54,7 +53,6 @@ const CreateCustomer = () => {
   const [inputValue2, setInputValue2] = useState('');
   const [appLocaLat, setAppLocaLat] = useState();
   const [appLocaLng, setAppLocaLng] = useState();
-  const [appLocaRadius, setAppLocaRadius] = useState();
   const [locaName, setLocoName] = useState('Select Location');
   const [locations, setLocations] = useState('Select Location');
   const [tenantlist, setTenantlist] = useState([]);
@@ -72,9 +70,6 @@ const CreateCustomer = () => {
 
   const navigate = useNavigate();
 
-  Geocode.setApiKey(process.env.REACT_APP_GOOGLE_MAPS_API_KEY);
-  // Geocode.setApiKey('AIzaSyCF4KatYCI3vqz1_H3kiHeyS3yCMfYToh8');
-
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
@@ -83,91 +78,68 @@ const CreateCustomer = () => {
     }
   }, []);
 
-  useEffect(() => {
-    // Initialize Google Maps Autocomplete
-    if (inputValue2) {
-      const autocompleteInput = document.getElementById('addressAuto1');
-      const autocomplete = new window.google.maps.places.Autocomplete(autocompleteInput, {
-        // types: ['(cities)'], // You can adjust the types parameter based on your requirements
-        strictBounds: true,
-        bounds: new window.google.maps.Circle({
-          // center: new window.google.maps.LatLng(11.0050707, 76.9509083),
-          // radius: 100000
-          center: new window.google.maps.LatLng(appLocaLat, appLocaLng),
-
-          radius: appLocaRadius * 1000
-        }).getBounds()
+  // ============================================= || Address Autocomplete (pick) || =============================================
+  const handlePickPlaceSelected = (place) => {
+    setInputValue2(`${place.name}, ${place.formatted_address}`);
+    setStartPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
+    setAddress(`${place.name} ${place.formatted_address}`);
+    setPickCust({ ...pickCust, address: `${place.name} ${place.formatted_address}` });
+    const address = {
+      address: `${place.name} ${place.formatted_address}`,
+      street_number: '',
+      route: '',
+      locality: '',
+      sublocality_level_1: '',
+      administrative_area_level_3: '',
+      administrative_area_level_1: '',
+      country: '',
+      postal_code: ''
+    };
+    place.address_components.forEach((component) => {
+      component.types.forEach((type) => {
+        switch (type) {
+          case 'street_number':
+            address.street_number = component.long_name;
+            break;
+          case 'route':
+            address.route = component.long_name;
+            break;
+          case 'locality':
+            address.locality = component.long_name;
+            break;
+          case 'sublocality_level_1':
+            address.sublocality_level_1 = component.long_name;
+            break;
+          case 'administrative_area_level_3':
+            address.administrative_area_level_3 = component.long_name;
+            break;
+          case 'administrative_area_level_1':
+            address.administrative_area_level_1 = component.long_name;
+            break;
+          case 'country':
+            address.country = component.long_name;
+            break;
+          case 'postal_code':
+            address.postal_code = component.long_name;
+            break;
+          default:
+            break;
+        }
       });
-      let arr = [];
-      // Event listener for autocomplete place changed
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace();
-        setInputValue2(`${place.name}, ${place.formatted_address}`);
-        console.log('new place', place); // Do something with the selected place
-        console.log(' pick (new place) lat lng', { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }); // Do something with the selected place
-        // to trigger getDistance
-        setStartPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
-        setAddress(`${place.name} ${place.formatted_address}`);
-        setPickCust({ ...pickCust, address: `${place.name} ${place.formatted_address}` });
-        const address = {
-          address: `${place.name} ${place.formatted_address}`,
-          street_number: '',
-          route: '',
-          locality: '',
-          sublocality_level_1: '',
-          administrative_area_level_3: '',
-          administrative_area_level_1: '',
-          country: '',
-          postal_code: ''
-        };
-        place.address_components.forEach((component) => {
-          component.types.forEach((type) => {
-            switch (type) {
-              case 'street_number':
-                address.street_number = component.long_name;
-                break;
-              case 'route':
-                address.route = component.long_name;
-                break;
-              case 'locality':
-                address.locality = component.long_name;
-                break;
-              case 'sublocality_level_1':
-                address.sublocality_level_1 = component.long_name;
-                break;
-              case 'administrative_area_level_3':
-                address.administrative_area_level_3 = component.long_name;
-                break;
-              case 'administrative_area_level_1':
-                address.administrative_area_level_1 = component.long_name;
-                break;
-              case 'country':
-                address.country = component.long_name;
-                break;
-              case 'postal_code':
-                address.postal_code = component.long_name;
-                break;
-              // Add more cases as needed for other types
-            }
-          });
-        });
+    });
 
-        // Use address object as per your requirements
-        setPickCust({
-          ...pickCust,
-          address: address.address,
-          doorno: `${address.street_number} ${address.route}`,
-          suburb: address.administrative_area_level_3,
-          city: address.locality,
-          state: address.administrative_area_level_1,
-          postcode: address.postal_code,
-          latitude: place.geometry.location.lat(),
-          longitude: place.geometry.location.lng()
-        });
-        console.log('Pick Address:', address);
-      });
-    }
-  }, [inputValue2]);
+    setPickCust({
+      ...pickCust,
+      address: address.address,
+      doorno: `${address.street_number} ${address.route}`,
+      suburb: address.administrative_area_level_3,
+      city: address.locality,
+      state: address.administrative_area_level_1,
+      postcode: address.postal_code,
+      latitude: place.geometry.location.lat(),
+      longitude: place.geometry.location.lng()
+    });
+  };
   // ==================================================== || getapplocations || ====================================================
   const getapplocations = async () => {
     setLoading(true);
@@ -175,12 +147,10 @@ const CreateCustomer = () => {
       .get(`${process.env.REACT_APP_URL}/utils/getapplocations/?applocationid=${appId}`)
       .then((res) => {
         console.log('getapplocations', res);
-        const { opentime, closetime, latitude, longitude, radius } = res.data.details[0];
+        const { latitude, longitude } = res.data.details[0];
         if (res.data.status) {
           setAppLocaLat(latitude);
           setAppLocaLng(longitude);
-          setAppLocaRadius(radius);
-          console.log('radius', radius);
         }
         setLoading(false);
       })
@@ -449,32 +419,36 @@ const CreateCustomer = () => {
               <Grid item xs={12}>
                 <Stack spacing={1.25}>
                   <InputLabel htmlFor="personal-email"> Address</InputLabel>
-                  <TextField
-                    variant="outlined"
+                  <AddressAutocomplete
                     id="addressAuto1"
                     fullWidth
                     value={inputValue2}
-                    onChange={(e) => setInputValue2(e.target.value)}
-                    InputProps={{
-                      endAdornment: (
-                        <IconButton
-                          onClick={() => {
-                            setInputValue2('');
-                            setPickCust({
-                              ...pickCust,
-                              doorno: '',
-                              suburb: '',
-                              city: '',
-                              postcode: '',
-                              landmark: ''
-                            });
-                            setStartPoint({ latitude: 0, longitude: 0 });
-                          }}
-                          size="small"
-                        >
-                          <CloseIcon />
-                        </IconButton>
-                      )
+                    onChange={setInputValue2}
+                    onPlaceSelected={handlePickPlaceSelected}
+                    bias={{ lat: appLocaLat, lng: appLocaLng }}
+                    TextFieldProps={{
+                      variant: 'outlined',
+                      InputProps: {
+                        endAdornment: (
+                          <IconButton
+                            onClick={() => {
+                              setInputValue2('');
+                              setPickCust({
+                                ...pickCust,
+                                doorno: '',
+                                suburb: '',
+                                city: '',
+                                postcode: '',
+                                landmark: ''
+                              });
+                              setStartPoint({ latitude: 0, longitude: 0 });
+                            }}
+                            size="small"
+                          >
+                            <CloseIcon />
+                          </IconButton>
+                        )
+                      }
                     }}
                   />
                 </Stack>
diff --git a/src/pages/nearle/orders/createorder1.js b/src/pages/nearle/orders/createorder1.js
index d45f7bb..c84930c 100644
--- a/src/pages/nearle/orders/createorder1.js
+++ b/src/pages/nearle/orders/createorder1.js
@@ -46,7 +46,7 @@ import { TbMapPinCode } from 'react-icons/tb';
 import { FaLocationDot } from 'react-icons/fa6';
 import axios from 'axios';
 import { useTheme } from '@mui/material/styles';
-import Geocode from 'react-geocode';
+import AddressAutocomplete from 'components/nearle_components/AddressAutocomplete';
 import Loader from 'components/Loader';
 import * as geolib from 'geolib';
 import MainCard from 'components/MainCard';
@@ -60,7 +60,6 @@ import { enqueueSnackbar } from 'notistack';
 var utc = require('dayjs/plugin/utc');
 dayjs.extend(utc);
 import LocationOnIcon from '@mui/icons-material/LocationOn';
-import parse from 'autosuggest-highlight/parse';
 import { debounce } from '@mui/material/utils';
 import CardContent from 'themes/overrides/CardContent';
 import { PhoneAndroid } from '@mui/icons-material';
@@ -177,31 +176,9 @@ const SoftPaper = (props) => (
   />
 );
 
-function loadScript(src, position, id) {
-  if (!position) {
-    return;
-  }
-
-  const script = document.createElement('script');
-  script.setAttribute('async', '');
-  script.setAttribute('id', id);
-  script.src = src;
-  position.appendChild(script);
-}
-
 const Createorder1 = () => {
-  Geocode.setApiKey(process.env.REACT_APP_GOOGLE_MAPS_API_KEY);
-  // ================================================= || GoogleMaps (Drawer) || =================================================
-  const [value, setValue] = React.useState(null);
-  const [value1, setValue1] = React.useState(null);
-  const [inputValue, setInputValue] = React.useState('');
-  const [inputValue1, setInputValue1] = React.useState('');
   const [inputValue2, setInputValue2] = React.useState('');
   const [inputValue3, setInputValue3] = React.useState('');
-  const [options, setOptions] = React.useState([]);
-  const [options1, setOptions1] = React.useState([]);
-  const loaded = React.useRef(false);
-  const loaded1 = React.useRef(false);
   const [mobilenumber, setMobilenumber] = useState('');
   const [emailaddress, setEmailaddress] = useState('');
   const [city, setCity] = useState('');
@@ -218,11 +195,6 @@ const Createorder1 = () => {
   const [dropDoorno, setDropDoorno] = useState('');
   const [pickLandmark, setPickLandmark] = useState('');
   const [dropLandmark, setDropLandmark] = useState('');
-  const [address, setAddress] = useState('');
-  const [address1, setAddress1] = useState('');
-  const [latlong, setLatlong] = useState({});
-  const [latlong1, setLatlong1] = useState({});
-  const autocompleteService = useRef(null);
   const [tenanatLocoId, setTenanatLocoId] = useState(localStorage.getItem('locationid'));
   const [isLocation, setIsLocation] = useState(false);
   const textFieldRef1 = useRef(null);
@@ -244,234 +216,6 @@ const Createorder1 = () => {
     }
   };
 
-  const top100Films = [
-    { label: 'The Shawshank Redemption', year: 1994 },
-    { label: 'The Godfather', year: 1972 },
-    { label: 'The Godfather: Part II', year: 1974 },
-    { label: 'The Dark Knight', year: 2008 },
-    { label: '12 Angry Men', year: 1957 }
-  ];
-
-  // // // ====================================================== || address (pick)|| ======================================================
-  // useEffect(() => {
-  //   if (address) {
-  //     try {
-  //       Geocode.fromAddress(address).then(
-  //         (response) => {
-  //           if (response.status == 'OK') {
-  //             const { lat, lng } = response.results[0].geometry.location;
-  //             console.log({ lat, lng });
-  //             setLatlong({
-  //               lat,
-  //               lng
-  //             });
-  //             console.log(response);
-  //             if (response.results[0].address_components) {
-  //               let place = response.results[0];
-  //               let cityA, zipcodeA, stateA, suburbA;
-  //               for (let i = 0; i < place.address_components.length; i++) {
-  //                 for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //                   switch (place.address_components[i].types[j]) {
-  //                     case 'locality':
-  //                       cityA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'administrative_area_level_1':
-  //                       stateA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'postal_code':
-  //                       zipcodeA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'sublocality':
-  //                       suburbA = place.address_components[i].long_name;
-  //                       break;
-  //                   }
-  //                 }
-  //               }
-  //               setCity(cityA || '');
-  //               setState(stateA || '');
-  //               setZipcode(zipcodeA || '');
-  //               setSuburb(suburbA || '');
-  //               console.log({ lat, lng, cityA, stateA, zipcodeA, suburbA });
-  //               setPickCust({
-  //                 ...pickCust
-  //                 // city: cityA,
-  //                 // state: stateA,
-  //                 // postcode: zipcodeA,
-  //                 // suburb: suburbA
-  //                 // latitude: lat,
-  //                 // longitude: lng
-  //               });
-  //               // setStartPoint({ latitude: lat, longitude: lng });
-  //             }
-  //           }
-  //         },
-  //         (error) => {
-  //           console.log(error);
-  //         }
-  //       );
-  //     } catch (err) {
-  //       console.log(err);
-  //     }
-  //   }
-  // }, [address]);
-  // // // ====================================================== || address 1 (drop)|| ======================================================
-  // useEffect(() => {
-  //   if (address) {
-  //     try {
-  //       Geocode.fromAddress(address1).then(
-  //         (response) => {
-  //           if (response.status == 'OK') {
-  //             const { lat, lng } = response.results[0].geometry.location;
-
-  //             setLatlong1({
-  //               lat,
-  //               lng
-  //             });
-  //             console.log(response);
-  //             if (response.results[0].address_components) {
-  //               let place = response.results[0];
-  //               let cityB, zipcodeB, stateB, suburbB;
-  //               for (let i = 0; i < place.address_components.length; i++) {
-  //                 for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //                   switch (place.address_components[i].types[j]) {
-  //                     case 'locality':
-  //                       cityB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'administrative_area_level_1':
-  //                       stateB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'postal_code':
-  //                       zipcodeB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'sublocality':
-  //                       suburbB = place.address_components[i].long_name;
-  //                       break;
-  //                   }
-  //                 }
-  //               }
-  //               setCity(cityB || '');
-  //               setState(stateB || '');
-  //               setZipcode(zipcodeB || '');
-  //               setSuburb(suburbB || '');
-  //               console.log({ lat, lng, cityB, stateB, zipcodeB, suburbB });
-  //               setDropCust({
-  //                 ...dropCust
-  //                 // city: cityB,
-  //                 // state: stateB,
-  //                 // postcode: zipcodeB,
-  //                 // suburb: suburbB
-  //                 // latitude: lat,
-  //                 // longitude: lng
-  //               });
-  //               // setEndPoint({ latitude: lat, longitude: lng });
-  //             }
-  //           }
-  //         },
-  //         (error) => {
-  //           console.log(error);
-  //         }
-  //       );
-  //     } catch (err) {
-  //       console.log(err);
-  //     }
-  //   }
-  // }, [address1]);
-
-  if (typeof window !== 'undefined' && !loaded.current) {
-    if (!document.querySelector('#google-maps')) {
-      loadScript(
-        `https://maps.googleapis.com/maps/api/js?key=${process.env.REACT_APP_GOOGLE_MAPS_API_KEY}&libraries=places&location=10.3656,77.9690&radius=50000&components=country:IN&strictbounds=true`,
-        document.querySelector('head'),
-        'google-maps'
-      );
-    }
-    loaded.current = true;
-  }
-
-  // const fetch = React.useMemo(
-  //   () =>
-  //     debounce((request, callback) => {
-  //       autocompleteService.current.getPlacePredictions(request, callback);
-  //     }, 400),
-  //   []
-  // );
-  // const fetch1 = React.useMemo(
-  //   () =>
-  //     debounce((request, callback) => {
-  //       autocompleteService.current.getPlacePredictions(request, callback);
-  //     }, 400),
-  //   []
-  // );
-
-  // ====================================================== || options (pick)|| ======================================================
-
-  // React.useEffect(() => {
-  //   let active = true;
-  //   if (!autocompleteService.current && window.google) {
-  //     autocompleteService.current = new window.google.maps.places.AutocompleteService();
-  //   }
-  //   if (!autocompleteService.current) {
-  //     return undefined;
-  //   }
-  //   if (inputValue === '') {
-  //     setOptions(value ? [value] : []);
-  //     return undefined;
-  //   }
-  //   fetch({ input: inputValue }, (results) => {
-  //     if (active) {
-  //       let newOptions = [];
-
-  //       if (value) {
-  //         newOptions = [value];
-  //       }
-
-  //       if (results) {
-  //         newOptions = [...newOptions, ...results];
-  //       }
-
-  //       setOptions(newOptions);
-  //     }
-  //   });
-
-  //   return () => {
-  //     active = false;
-  //   };
-  // }, [value, inputValue, fetch]);
-
-  // // ====================================================== || options1 (drop)|| ======================================================
-  // React.useEffect(() => {
-  //   let active = true;
-  //   if (!autocompleteService.current && window.google) {
-  //     autocompleteService.current = new window.google.maps.places.AutocompleteService();
-  //   }
-  //   if (!autocompleteService.current) {
-  //     return undefined;
-  //   }
-  //   if (inputValue1 === '') {
-  //     setOptions1(value1 ? [value1] : []);
-  //     return undefined;
-  //   }
-  //   fetch1({ input: inputValue1 }, (results) => {
-  //     if (active) {
-  //       let newOptions = [];
-
-  //       if (value1) {
-  //         newOptions = [value1];
-  //       }
-
-  //       if (results) {
-  //         newOptions = [...newOptions, ...results];
-  //       }
-
-  //       setOptions1(newOptions);
-  //     }
-  //   });
-
-  //   return () => {
-  //     active = false;
-  //   };
-  // }, [value1, inputValue1, fetch1]);
-
   const appId = localStorage.getItem('applocationid');
   const navigate = useNavigate();
   const [open, setOpen] = useState({});
@@ -687,41 +431,6 @@ const Createorder1 = () => {
     }
   }, [searchword]);
 
-  // const { ref: materialRef } = usePlacesWidget({
-  //   apiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
-  //   onPlaceSelected: (place) => {
-  //     console.log(place);
-
-  //     // setAddress(place.formatted_address)
-  //     let city1, zipcode1, state1, suburb1;
-  //     for (let i = 0; i < place.address_components.length; i++) {
-  //       for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //         switch (place.address_components[i].types[j]) {
-  //           case 'locality':
-  //             city1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'administrative_area_level_1':
-  //             state1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'postal_code':
-  //             zipcode1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'sublocality':
-  //             suburb1 = place.address_components[i].long_name;
-  //             break;
-  //         }
-  //       }
-  //     }
-  //     // setCity(city1 || '')
-  //     // setState(state1 || '');
-  //     // setZipcode(zipcode1 || '');
-  //     // setSuburb(suburb1 || '')
-  //   },
-
-  //   options: {
-  //     types: ['address' || 'geocode']
-  //   }
-  // });
 
   // ==================================================== || fetchtenantinfo || ====================================================
   const fetchtenantinfo = async () => {
@@ -1161,176 +870,126 @@ const Createorder1 = () => {
         setLoading(false);
       });
   };
-  // ============================================= || Google Maps Autocomplete(pick) || =============================================
-  useEffect(() => {
-    // Initialize Google Maps Autocomplete
-    if (inputValue2) {
-      const autocompleteInput = document.getElementById('addressAuto1');
-      const autocomplete = new window.google.maps.places.Autocomplete(autocompleteInput, {
-        // types: ['(cities)'], // You can adjust the types parameter based on your requirements
-        strictBounds: true,
-        bounds: new window.google.maps.Circle({
-          // center: new window.google.maps.LatLng(11.0050707, 76.9509083),
-          // radius: 100000
-          center: new window.google.maps.LatLng(appLocaLat, appLocaLng),
-          radius: appLocaRadius * 1000
-        }).getBounds()
+  // ============================================= || Address Autocomplete (pick) || =============================================
+  const handlePickPlaceSelected = (place) => {
+    setInputValue2(`${place.name}, ${place.formatted_address}`);
+    setStartPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
+    setPickCust({ ...pickCust, address: `${place.name} ${place.formatted_address}` });
+    const address = {
+      address: `${place.name} ${place.formatted_address}`,
+      street_number: '',
+      route: '',
+      locality: '',
+      sublocality_level_1: '',
+      administrative_area_level_3: '',
+      administrative_area_level_1: '',
+      country: '',
+      postal_code: ''
+    };
+    place.address_components.forEach((component) => {
+      component.types.forEach((type) => {
+        switch (type) {
+          case 'street_number':
+            address.street_number = component.long_name;
+            break;
+          case 'route':
+            address.route = component.long_name;
+            break;
+          case 'locality':
+            address.locality = component.long_name;
+            break;
+          case 'sublocality_level_1':
+            address.sublocality_level_1 = component.long_name;
+            break;
+          case 'administrative_area_level_3':
+            address.administrative_area_level_3 = component.long_name;
+            break;
+          case 'administrative_area_level_1':
+            address.administrative_area_level_1 = component.long_name;
+            break;
+          case 'country':
+            address.country = component.long_name;
+            break;
+          case 'postal_code':
+            address.postal_code = component.long_name;
+            break;
+          default:
+            break;
+        }
       });
-      let arr = [];
-      // Event listener for autocomplete place changed
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace();
-        setInputValue2(`${place.name}, ${place.formatted_address}`);
-        console.log('new place', place); // Do something with the selected place
-        console.log(' pick (new place) lat lng', { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }); // Do something with the selected place
-        // to trigger getDistance
-        setStartPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
-        setValue(place);
-        setAddress(`${place.name} ${place.formatted_address}`);
-        setPickCust({ ...pickCust, address: `${place.name} ${place.formatted_address}` });
-        const address = {
-          address: `${place.name} ${place.formatted_address}`,
-          street_number: '',
-          route: '',
-          locality: '',
-          sublocality_level_1: '',
-          administrative_area_level_3: '',
-          administrative_area_level_1: '',
-          country: '',
-          postal_code: ''
-        };
-        place.address_components.forEach((component) => {
-          component.types.forEach((type) => {
-            switch (type) {
-              case 'street_number':
-                address.street_number = component.long_name;
-                break;
-              case 'route':
-                address.route = component.long_name;
-                break;
-              case 'locality':
-                address.locality = component.long_name;
-                break;
-              case 'sublocality_level_1':
-                address.sublocality_level_1 = component.long_name;
-                break;
-              case 'administrative_area_level_3':
-                address.administrative_area_level_3 = component.long_name;
-                break;
-              case 'administrative_area_level_1':
-                address.administrative_area_level_1 = component.long_name;
-                break;
-              case 'country':
-                address.country = component.long_name;
-                break;
-              case 'postal_code':
-                address.postal_code = component.long_name;
-                break;
-              // Add more cases as needed for other types
-            }
-          });
-        });
+    });
 
-        // Use address object as per your requirements
-        setPickCust({
-          ...pickCust,
-          address: address.address,
-          doorno: `${address.street_number} ${address.route}`,
-          suburb: address.sublocality_level_1,
-          city: address.locality,
-          postcode: address.postal_code,
-          latitude: place.geometry.location.lat(),
-          longitude: place.geometry.location.lng()
-        });
-        console.log('Pick Address:', address);
+    setPickCust({
+      ...pickCust,
+      address: address.address,
+      doorno: `${address.street_number} ${address.route}`,
+      suburb: address.sublocality_level_1,
+      city: address.locality,
+      postcode: address.postal_code,
+      latitude: place.geometry.location.lat(),
+      longitude: place.geometry.location.lng()
+    });
+  };
+  // ============================================= || Address Autocomplete (Drop) || =============================================
+  const handleDropPlaceSelected = (place) => {
+    setInputValue3(`${place.name}, ${place.formatted_address}`);
+    setEndPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
+    setDropCust({ ...dropCust, address: `${place.name} ${place.formatted_address}` });
+    const address = {
+      address: `${place.name} ${place.formatted_address}`,
+      street_number: '',
+      route: '',
+      locality: '',
+      sublocality_level_1: '',
+      administrative_area_level_3: '',
+      administrative_area_level_1: '',
+      country: '',
+      postal_code: ''
+    };
+    place.address_components.forEach((component) => {
+      component.types.forEach((type) => {
+        switch (type) {
+          case 'street_number':
+            address.street_number = component.long_name;
+            break;
+          case 'route':
+            address.route = component.long_name;
+            break;
+          case 'locality':
+            address.locality = component.long_name;
+            break;
+          case 'sublocality_level_1':
+            address.sublocality_level_1 = component.long_name;
+            break;
+          case 'administrative_area_level_3':
+            address.administrative_area_level_3 = component.long_name;
+            break;
+          case 'administrative_area_level_1':
+            address.administrative_area_level_1 = component.long_name;
+            break;
+          case 'country':
+            address.country = component.long_name;
+            break;
+          case 'postal_code':
+            address.postal_code = component.long_name;
+            break;
+          default:
+            break;
+        }
       });
-    }
-  }, [inputValue2]);
-  // ============================================= || Google Maps Autocomplete(Drop) || =============================================
+    });
 
-  useEffect(() => {
-    if (inputValue3) {
-      // Initialize Google Maps Autocomplete
-      const autocompleteInput = document.getElementById('addressAuto2');
-      const autocomplete = new window.google.maps.places.Autocomplete(autocompleteInput, {
-        // types: ['(cities)'], // You can adjust the types parameter based on your requirements
-        strictBounds: true,
-        bounds: new window.google.maps.Circle({
-          // center: new window.google.maps.LatLng(11.0050707, 76.9509083),
-          center: new window.google.maps.LatLng(appLocaLat, appLocaLng),
-          radius: appLocaRadius * 1000 //km to m
-          // radius: 100000 //km to m
-        }).getBounds()
-      });
-      let arr = [];
-      // Event listener for autocomplete place changed
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace();
-        setInputValue3(`${place.name}, ${place.formatted_address}`);
-        console.log('new place', place); // Do something with the selected place
-        console.log('drop (new place) lat lng', { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }); // Do something with the selected place
-        setEndPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
-        setValue1(place);
-        setAddress1(`${place.name} ${place.formatted_address}`);
-        setDropCust({ ...dropCust, address: `${place.name} ${place.formatted_address}` });
-        const address = {
-          address: `${place.name} ${place.formatted_address}`,
-          street_number: '',
-          route: '',
-          locality: '',
-          sublocality_level_1: '',
-          administrative_area_level_3: '',
-          administrative_area_level_1: '',
-          country: '',
-          postal_code: ''
-        };
-        place.address_components.forEach((component) => {
-          component.types.forEach((type) => {
-            switch (type) {
-              case 'street_number':
-                address.street_number = component.long_name;
-                break;
-              case 'route':
-                address.route = component.long_name;
-                break;
-              case 'locality':
-                address.locality = component.long_name;
-                break;
-              case 'sublocality_level_1':
-                address.sublocality_level_1 = component.long_name;
-                break;
-              case 'administrative_area_level_3':
-                address.administrative_area_level_3 = component.long_name;
-                break;
-              case 'administrative_area_level_1':
-                address.administrative_area_level_1 = component.long_name;
-                break;
-              case 'country':
-                address.country = component.long_name;
-                break;
-              case 'postal_code':
-                address.postal_code = component.long_name;
-                break;
-              // Add more cases as needed for other types
-            }
-          });
-        });
-
-        // Use address object as per your requirements
-        setDropCust({
-          ...dropCust,
-          address: address.address,
-          doorno: `${address.street_number} ${address.route}`,
-          suburb: address.sublocality_level_1,
-          city: address.locality,
-          postcode: address.postal_code,
-          latitude: place.geometry.location.lat(),
-          longitude: place.geometry.location.lng()
-        });
-        console.log('Drop Address:', address);
-      });
-    }
-  }, [inputValue3]);
+    setDropCust({
+      ...dropCust,
+      address: address.address,
+      doorno: `${address.street_number} ${address.route}`,
+      suburb: address.sublocality_level_1,
+      city: address.locality,
+      postcode: address.postal_code,
+      latitude: place.geometry.location.lat(),
+      longitude: place.geometry.location.lng()
+    });
+  };
 
   // ============================================= || gettenantlocations (branches) || =============================================
   const gettenantlocations = async () => {
@@ -1609,35 +1268,39 @@ const Createorder1 = () => {
                                 <Stack spacing={1.25} sx={{ mt: 0 }}>
                                   {addId1 == 0 ? (
                                     <div>
-                                      <TextField
-                                        variant="outlined"
+                                      <AddressAutocomplete
                                         label="Address"
                                         disabled={!isLocation}
                                         id="addressAuto1"
                                         fullWidth
                                         value={inputValue2}
-                                        onChange={(e) => setInputValue2(e.target.value)}
-                                        InputProps={{
-                                          endAdornment: (
-                                            <IconButton
-                                              onClick={() => {
-                                                setInputValue2('');
-                                                setPickCust({
-                                                  ...pickCust,
-                                                  doorno: '',
-                                                  suburb: '',
-                                                  city: '',
-                                                  postcode: '',
-                                                  landmark: ''
-                                                });
-                                                setShowDistance(false);
-                                                setStartPoint({ latitude: 0, longitude: 0 });
-                                              }}
-                                              size="small"
-                                            >
-                                              <CloseIcon />
-                                            </IconButton>
-                                          )
+                                        onChange={setInputValue2}
+                                        onPlaceSelected={handlePickPlaceSelected}
+                                        bias={{ lat: appLocaLat, lng: appLocaLng }}
+                                        TextFieldProps={{
+                                          variant: 'outlined',
+                                          InputProps: {
+                                            endAdornment: (
+                                              <IconButton
+                                                onClick={() => {
+                                                  setInputValue2('');
+                                                  setPickCust({
+                                                    ...pickCust,
+                                                    doorno: '',
+                                                    suburb: '',
+                                                    city: '',
+                                                    postcode: '',
+                                                    landmark: ''
+                                                  });
+                                                  setShowDistance(false);
+                                                  setStartPoint({ latitude: 0, longitude: 0 });
+                                                }}
+                                                size="small"
+                                              >
+                                                <CloseIcon />
+                                              </IconButton>
+                                            )
+                                          }
                                         }}
                                       />
                                     </div>
@@ -2021,34 +1684,38 @@ const Createorder1 = () => {
                                 <Stack spacing={1.25} sx={{ mt: 0 }}>
                                   {addId2 == 0 ? (
                                     <div>
-                                      <TextField
+                                      <AddressAutocomplete
                                         id="addressAuto2"
                                         disabled={!isLocation}
                                         label="Address"
                                         fullWidth
                                         value={inputValue3}
-                                        onChange={(e) => setInputValue3(e.target.value)}
-                                        InputProps={{
-                                          endAdornment: (
-                                            <IconButton
-                                              onClick={() => {
-                                                setInputValue3('');
-                                                setDropCust({
-                                                  ...dropCust,
-                                                  doorno: '',
-                                                  suburb: '',
-                                                  city: '',
-                                                  postcode: '',
-                                                  landmark: ''
-                                                });
-                                                setShowDistance(false);
-                                                setEndPoint({ latitude: 0, longitude: 0 });
-                                              }}
-                                              size="small"
-                                            >
-                                              <CloseIcon />
-                                            </IconButton>
-                                          )
+                                        onChange={setInputValue3}
+                                        onPlaceSelected={handleDropPlaceSelected}
+                                        bias={{ lat: appLocaLat, lng: appLocaLng }}
+                                        TextFieldProps={{
+                                          InputProps: {
+                                            endAdornment: (
+                                              <IconButton
+                                                onClick={() => {
+                                                  setInputValue3('');
+                                                  setDropCust({
+                                                    ...dropCust,
+                                                    doorno: '',
+                                                    suburb: '',
+                                                    city: '',
+                                                    postcode: '',
+                                                    landmark: ''
+                                                  });
+                                                  setShowDistance(false);
+                                                  setEndPoint({ latitude: 0, longitude: 0 });
+                                                }}
+                                                size="small"
+                                              >
+                                                <CloseIcon />
+                                              </IconButton>
+                                            )
+                                          }
                                         }}
                                       />
                                     </div>
diff --git a/src/pages/nearle/orders/map.js b/src/pages/nearle/orders/map.js
deleted file mode 100644
index 7c4a702..0000000
--- a/src/pages/nearle/orders/map.js
+++ /dev/null
@@ -1,156 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import TextField from '@mui/material/TextField';
-import Autocomplete from '@mui/material/Autocomplete';
-import LocationOnIcon from '@mui/icons-material/LocationOn';
-import Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-import parse from 'autosuggest-highlight/parse';
-import { debounce } from '@mui/material/utils';
-
-// This key was created specifically for the demo in mui.com.
-// You need to create a new one for your application.
-const GOOGLE_MAPS_API_KEY ='AIzaSyCF4KatYCI3vqz1_H3kiHeyS3yCMfYToh8';
-
-function loadScript(src, position, id) {
-  if (!position) {
-    return;
-  }
-
-  const script = document.createElement('script');
-  script.setAttribute('async', '');
-  script.setAttribute('id', id);
-  script.src = src;
-  position.appendChild(script);
-}
-
-const autocompleteService = { current: null };
-
-export default function GoogleMaps() {
-  const [value, setValue] = React.useState(null);
-  const [inputValue, setInputValue] = React.useState('');
-  const [options, setOptions] = React.useState([]);
-  const loaded = React.useRef(false);
-
-  if (typeof window !== 'undefined' && !loaded.current) {
-    if (!document.querySelector('#google-maps')) {
-      loadScript(
-        `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_MAPS_API_KEY}&libraries=places`,
-        document.querySelector('head'),
-        'google-maps',
-      );
-    }
-
-    loaded.current = true;
-  }
-
-  const fetch = React.useMemo(
-    () =>
-      debounce((request, callback) => {
-        autocompleteService.current.getPlacePredictions(request, callback);
-      }, 400),
-    [],
-  );
-
-  React.useEffect(() => {
-    let active = true;
-
-    if (!autocompleteService.current && window.google) {
-      autocompleteService.current =
-        new window.google.maps.places.AutocompleteService();
-    }
-    if (!autocompleteService.current) {
-      return undefined;
-    }
-
-    if (inputValue === '') {
-      setOptions(value ? [value] : []);
-      return undefined;
-    }
-
-    fetch({ input: inputValue }, (results) => {
-      if (active) {
-        let newOptions = [];
-
-        if (value) {
-          newOptions = [value];
-        }
-
-        if (results) {
-          newOptions = [...newOptions, ...results];
-        }
-
-        setOptions(newOptions);
-      }
-    });
-
-    return () => {
-      active = false;
-    };
-  }, [value, inputValue, fetch]);
-
-  return (
-    <Autocomplete
-      id="google-map-demo"
-    //   sx={{ width: 300 }}
-      fullWidth
-      getOptionLabel={(option) =>
-        typeof option === 'string' ? option : option.description
-      }
-      filterOptions={(x) => x}
-      options={options}
-      autoComplete
-      includeInputInList
-      filterSelectedOptions
-      value={value}
-      noOptionsText="No locations"
-      onChange={(event, newValue) => {
-        setOptions(newValue ? [newValue, ...options] : options);
-        setValue(newValue);
-      }}
-      onInputChange={(event, newInputValue) => {
-        setInputValue(newInputValue);
-      }}
-      renderInput={(params) => (
-        <TextField {...params} 
-        // label="Add a location"
-    placeholder='Address'
-
-         fullWidth />
-      )}
-      renderOption={(props, option) => {
-        const matches =
-          option.structured_formatting.main_text_matched_substrings || [];
-
-        const parts = parse(
-          option.structured_formatting.main_text,
-          matches.map((match) => [match.offset, match.offset + match.length]),
-        );
-
-        return (
-          <li {...props}>
-            <Grid container alignItems="center">
-              <Grid item sx={{ display: 'flex', width: 44 }}>
-                <LocationOnIcon sx={{ color: 'text.secondary' }} />
-              </Grid>
-              <Grid item sx={{ width: 'calc(100% - 44px)', wordWrap: 'break-word' }}>
-                {parts.map((part, index) => (
-                  <Box
-                    key={index}
-                    component="span"
-                    sx={{ fontWeight: part.highlight ? 'bold' : 'regular' }}
-                  >
-                    {part.text}
-                  </Box>
-                ))}
-                <Typography variant="body2" color="text.secondary">
-                  {option.structured_formatting.secondary_text}
-                </Typography>
-              </Grid>
-            </Grid>
-          </li>
-        );
-      }}
-    />
-  );
-}
\ No newline at end of file
diff --git a/src/pages/nearle/orders/multiOrderBackup.js b/src/pages/nearle/orders/multiOrderBackup.js
deleted file mode 100644
index e57e6d6..0000000
--- a/src/pages/nearle/orders/multiOrderBackup.js
+++ /dev/null
@@ -1,845 +0,0 @@
-import React from 'react';
-import Loader from 'components/Loader';
-import { useEffect, useState, Fragment } from 'react';
-import { useTheme } from '@mui/material/styles';
-import MainCard from 'components/MainCard';
-import axios from 'axios';
-import ClearIcon from '@mui/icons-material/Clear';
-import { SearchOutlined, CloseOutlined } from '@ant-design/icons';
-import { Empty } from 'antd';
-import MyLocationIcon from '@mui/icons-material/MyLocation';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import dayjs from 'dayjs';
-var utc = require('dayjs/plugin/utc');
-dayjs.extend(utc);
-import { enqueueSnackbar } from 'notistack';
-import { useNavigate } from 'react-router';
-import { calculateDrivingDistance, calculateTotalCharge } from '../../../utils/distance';
-import { GoogleMap, LoadScript, Marker } from '@react-google-maps/api';
-
-import {
-  FormControl,
-  InputAdornment,
-  Grid,
-  Typography,
-  Stack,
-  Button,
-  TextField,
-  Autocomplete,
-  Divider,
-  Dialog,
-  DialogTitle,
-  DialogContent,
-  Checkbox,
-  DialogActions,
-  CircularProgress,
-  IconButton,
-  OutlinedInput,
-  FormGroup,
-  FormControlLabel,
-  Table,
-  TableContainer,
-  TableCell,
-  TableBody,
-  TableRow,
-  Paper,
-  TableHead,
-  Box
-} from '@mui/material';
-import CircularLoader from 'components/nearle_components/CircularLoader';
-// import RidersPinPointOSM from './RidersPinPointOSM';
-import RidersPinPoint from './ridersPinPoint';
-
-const MultipleOrders = () => {
-  const navigate = useNavigate();
-  const theme = useTheme();
-  const [loading, setLoading] = useState(false);
-  const [btnLoading, setBtnLoading] = useState(false);
-  const [appId, setAppId] = useState(0);
-
-  const [tenantLocations, setTenantlocations] = useState([]);
-  const userid = localStorage.getItem('userid');
-  const tenId = localStorage.getItem('tenantid');
-  const [tid, setTid] = useState(0);
-  const [isLocation, setIsLocation] = useState(false);
-  const [basePrice, setBasePrice] = useState(0);
-  const [pricePerKm, setPricePerKm] = useState(0);
-  const [minKm, setMinKm] = useState(0);
-  const [pickCust, setPickCust] = useState(null);
-  const [dropCust, setDropCust] = useState([]);
-  const [isCustomerOpen, setIsCustomerOpen] = useState(false);
-  const [searchCustList, setSearchCustList] = useState('');
-  const [customerlist, setCustomerlist] = useState([]);
-  const [startdate, setStartdate] = useState(dayjs().format('MM-DD-YYYY'));
-  const [timeslotarr, setTimeslotarr] = useState([]);
-  const [starttime, setStatrttime] = useState();
-  const [endtime, setEndtime] = useState();
-  const [alertmessage, setAlertmessage] = useState('');
-  const [otherinstructions, setOtherinstructions] = useState('');
-  const [admintoken, setAdmintoken] = useState();
-  const [totaldist, settotaldist] = useState(0);
-  const [totalAmt, settotalAmt] = useState(0);
-  const [isLoading, setIsLoading] = useState(false);
-  const [showMap, setShowMap] = useState(false);
-
-  useEffect(() => {
-    dropCust && console.log('dropCust', dropCust);
-  }, [dropCust]);
-
-  // =============================================== || opentoast || ===============================================
-  const opentoast = (message, variant, time) => {
-    enqueueSnackbar(message, {
-      variant: variant,
-      anchorOrigin: { vertical: 'top', horizontal: 'right' },
-      autoHideDuration: time ? time : 1500
-    });
-    console.log(alertmessage);
-  };
-  // ==============================|| fetchAppLocations ||============================== //
-  const fetchAppLocations = async () => {
-    try {
-      const locationRes = await axios.get(`${process.env.REACT_APP_URL}/partners/getlocations/?userid=${userid}`);
-      console.log('fetchAppLocations', locationRes.data.details);
-    } catch (err) {
-      console.log('locationRes', err);
-    }
-  };
-  useEffect(() => {
-    fetchAppLocations();
-  }, []);
-
-  // ============================================= || fetchTenantPricing  || =============================================
-
-  const fetchTenantPricing = async (id) => {
-    try {
-      const pricingResponse = await axios.get(`${process.env.REACT_APP_URL}/tenants/gettenantpricing/?tenantid=${tenId}`);
-      console.log('pricingResponse', pricingResponse.data.details);
-      setBasePrice(pricingResponse.data.details.baseprice);
-      setPricePerKm(pricingResponse.data.details.priceperkm);
-      setMinKm(pricingResponse.data.details.minkm);
-    } catch (error) {
-      console.log('fetchTenantPricing error', error);
-    }
-  };
-  useEffect(() => {
-    fetchTenantPricing();
-  }, []);
-  // ============================================= || gettenantlocations (branches) || =============================================
-  const gettenantlocations = async (id) => {
-    try {
-      const res = await axios.get(`${process.env.REACT_APP_URL}/tenants/gettenantlocations/?tenantid=${id}`);
-      console.log('gettenantlocations', res.data.details);
-      if (res.data.details.length == 1) {
-        setIsLocation(true);
-        setTenantlocations(res.data.details);
-        setPickCust(res.data.details[0]);
-      } else {
-        setTenantlocations(res.data.details);
-      }
-    } catch (err) {
-      console.log('gettenantlocations', err);
-    }
-  };
-  useEffect(() => {
-    gettenantlocations(tenId);
-  }, []);
-  // ========================================================= || clientdetails || =========================================================
-  const clientdetails = async () => {
-    try {
-      let url =
-        searchCustList == ''
-          ? `${process.env.REACT_APP_URL}/customers/gettenantcustomers/?tenantid=${tenId}&pageno=1&pagesize=10`
-          : `${process.env.REACT_APP_URL}/customers/search/?tenantid=${tenId}&keyword=${searchCustList}`;
-      await axios
-        .get(url)
-        .then((res) => {
-          if (res.data.status) {
-            console.log('clientdetails', res.data.details);
-
-            setCustomerlist(res.data.details);
-            let arr = [];
-            res.data.details.map((val) => {
-              arr.push({
-                label: `${val.firstname} | ${val.contactno}`,
-                ...val
-              });
-            });
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          opentoast('server error', 'warning');
-        });
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  useEffect(() => {
-    if (tenId) {
-      clientdetails();
-    }
-  }, [searchCustList.length > 3, searchCustList == '', tenId]);
-
-  // ========================================================= || calculateTotal(dist , charge) || =========================================================
-  const calculateTotal = () => {
-    let a1 = 0;
-    let a2 = 0;
-    dropCust?.map((customer) => {
-      a1 += customer.distance;
-      a2 += customer.totalcharge;
-    });
-    settotaldist(a1);
-    settotalAmt(a2);
-  };
-  useEffect(() => {
-    dropCust && calculateTotal();
-  }, [dropCust]);
-
-  // ========================================================= || handleCheckboxChange || =========================================================
-  const handleCheckboxChange = async (event, customer) => {
-    setIsLoading(true);
-    console.log('event', event.target.checked);
-    console.log('customer', customer);
-    if (event.target.checked) {
-      // If the checkbox is checked, calculate the distance and add the customer
-      try {
-        const obj = await calculateDistance(customer);
-        console.log('return of calculateDistance', obj);
-
-        const { roundedDistance, totalcharge } = obj;
-        // Create a new customer object with the distance property
-        const updatedCustomer = {
-          ...customer,
-          distance: roundedDistance,
-          totalcharge: totalcharge
-        };
-
-        // Add the updated customer object to dropCust
-        setDropCust((prevDropCust) => [...prevDropCust, updatedCustomer]);
-
-        // Log the rounded distance
-        console.log(`Rounded Distance: ${roundedDistance} km`);
-      } catch (error) {
-        console.error('Failed to calculate distance:', error);
-      }
-      setIsLoading(false);
-    } else {
-      // If the checkbox is unchecked, remove the customer from dropCust
-      setDropCust((prevDropCust) => {
-        return prevDropCust.filter((cust) => cust.customerid !== customer.customerid);
-      });
-      setIsLoading(false);
-    }
-  };
-
-  // ========================================================= || calculateDistance || =========================================================
-  const calculateDistance = async (customer) => {
-    console.log('Distance calculation starts');
-    try {
-      const roundedDistance = await calculateDrivingDistance(pickCust, customer);
-      const totalcharge = calculateTotalCharge(roundedDistance, basePrice, pricePerKm, minKm);
-      return { roundedDistance, totalcharge };
-    } catch (error) {
-      console.error('Error calculating distance:', error);
-      throw error;
-    }
-  };
-
-  // ==================================================== || fetchTiming || ====================================================
-  const fetchTiming = async () => {
-    setLoading(true);
-    await axios
-      .get(`${process.env.REACT_APP_URL}/utils/getapplocations/?applocationid=${appId}`)
-      .then((res) => {
-        console.log('fetchTiming', res);
-        const { opentime, closetime, latitude, longitude, radius } = res.data.details[0];
-        if (res.data.status) {
-          setStatrttime(`${dayjs().format('MM-DD-YYYY')} ${opentime}`);
-          setEndtime(`${dayjs().format('MM-DD-YYYY')} ${closetime}`);
-          console.log('starttime', `${dayjs().format('MM-DD-YYYY')} ${opentime}`);
-          console.log('endtime', `${dayjs().format('MM-DD-YYYY')} ${closetime} `);
-          let arr = [];
-          for (
-            let i = `${dayjs().format('MM-DD-YYYY')} ${opentime}`, j = 0;
-            dayjs(`${dayjs().format('MM-DD-YYYY')} ${closetime} `).diff(i, 'm') >= 0;
-            j++, i = dayjs(i).add(30, 'm')
-          ) {
-            arr.push(i);
-          }
-          console.log('setTimeslotarr', arr);
-          setTimeslotarr(arr);
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-  useEffect(() => {
-    if (appId) {
-      fetchTiming();
-    }
-  }, [starttime, endtime, appId]);
-
-  const fetchAppAdminTokens = async () => {
-    setLoading(true);
-    await axios
-      .get(`${process.env.REACT_APP_URL}/utils/getapplocationconfig/?applocationid=${appId}`)
-      .then((res) => {
-        const userfcmtokemArray = res.data.details.applocationadmins.map((admin) => admin.userfcmtokem); // fcm => firebase cloud messaging
-        console.log('fetchAppAdminTokens', res);
-        console.log('userfcmtokemArray', userfcmtokemArray);
-        if (res.data.status) {
-          setAdmintoken(userfcmtokemArray);
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-
-  useEffect(() => {
-    if (starttime && endtime) {
-      fetchAppAdminTokens();
-    }
-  }, [starttime, endtime]);
-
-  useEffect(() => {
-    console.log('pickCust', pickCust);
-  }, [pickCust]);
-
-  // ==================================================== || fetchtenantinfo || ====================================================
-  const fetchtenantinfo = async () => {
-    setLoading(true);
-    console.log('tid', tid);
-
-    await axios
-      .get(`${process.env.REACT_APP_URL}/tenants/gettenantinfo/?tenantid=${tid}`)
-      .then((res) => {
-        console.log('fetchtenantinfo', res);
-        if (res.data.status) {
-          fetchAppAdminTokens();
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-  useEffect(() => {
-    if (tid) {
-      fetchtenantinfo();
-    }
-  }, [tid]);
-  // ================================================== ||  sendnotifications || ==================================================
-  const sendnotifications = async () => {
-    setLoading(true);
-    await axios
-      .post(`${process.env.REACT_APP_URL}/utils/sendnotifications`, {
-        priority: 'high',
-        registration_ids: admintoken,
-        data: {
-          accessid: process.env.REACT_APP_RIDER_ACCESS_ID
-        },
-        notification: {
-          title: 'Nearle Merchant',
-          body: 'An Order has been placed successfully,kindly process the same',
-          sound: 'ring'
-        }
-      })
-      .then((res) => {
-        console.log(res);
-        if (res.data.message == 'Success') {
-          enqueueSnackbar('Notification sent Successfully', {
-            variant: 'success',
-            anchorOrigin: { vertical: 'top', horizontal: 'right' },
-            autoHideDuration: 1000
-          });
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        enqueueSnackbar(err.message, {
-          variant: 'error',
-          anchorOrigin: { vertical: 'top', horizontal: 'right' },
-          autoHideDuration: 1000
-        });
-        setLoading(false);
-      });
-  };
-  // =============================================== ||  creategrouporders || ===============================================
-  const creategrouporders = async () => {
-    const arr = dropCust?.map((customer) => ({
-      applocationid: pickCust.applocationid,
-      cancellled: '',
-      //   categoryid: +tenant.categoryid,
-      configid: 9,
-      customerid: customer.customerid,
-      deliveryaddress: customer.address || '',
-      deliverycharge: +customer.totalcharge || 0,
-      deliverycity: customer.city || '',
-      deliverycontactno: customer.contactno || '',
-      deliverycustomer: customer.firstname || '',
-      deliveryid: +customer.customerid,
-      deliverylandmark: customer.landmark || '',
-      deliverylat: customer.latitude,
-      deliverylocation: customer.suburb || '',
-      deliverylocationid: customer.deliverylocationid || 0,
-      deliverylong: customer.longitude,
-      // deliverytime: `${dayjs(startdate).format('YYYY-MM-DD HH:mm:ss')} `,
-      deliverytime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-      deliverytype: 'B',
-      delivered: '',
-      itemcount: 1,
-      kms: customer.distance.toString() || 0,
-      locationid: +pickCust.locationid,
-      moduleid: +pickCust.moduleid,
-      orderamount: +customer.totalcharge || 0,
-      ordercharges: 0.0,
-      orderdate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-      orderheaderid: 0,
-      orderid: '', //
-      ordernotes: otherinstructions,
-      orderstatus: 'created',
-      ordervalue: +customer.totalcharge || 0,
-      partnerid: pickCust.partnerid,
-      partneruserid: +userid,
-      paymentstatus: 1,
-      paymenttype: 42,
-      pending: '',
-      pickupaddress: pickCust.address || '',
-      pickupcity: pickCust.locationcity || '',
-      pickupcontactno: pickCust.contactno || '',
-      pickupcustomer: pickCust.locationname || '',
-      pickuplandmark: pickCust.landmark || '',
-      pickuplat: pickCust.latitude,
-      pickuplocation: pickCust.suburb || '',
-      pickuplocationid: pickCust.locationid || 0,
-      pickuplong: pickCust.longitude,
-      processing: '',
-      ready: '',
-      remarks: '',
-      taxamount: 0.0,
-      tenantid: pickCust.tenantid,
-      tenantuserid: 0
-    }));
-    console.log('arr', arr);
-
-    if (!tenId) {
-      opentoast('Choose Client ', 'warning');
-    } else {
-      setLoading(true);
-
-      await axios
-        .post(`${process.env.REACT_APP_URL}/orders/createorders`, arr)
-        .then((res) => {
-          if (res.data.status) {
-            enqueueSnackbar('Order Created Successfully', {
-              variant: 'success',
-              anchorOrigin: { vertical: 'top', horizontal: 'right' },
-              autoHideDuration: 1000
-            });
-            if (admintoken) {
-              // notifyadmin(admintoken);
-              sendnotifications();
-            }
-            navigate('/nearle/orders');
-          } else {
-            opentoast(res.data.message, 'warning');
-          }
-          setLoading(false);
-          console.log(res);
-        })
-        .catch((err) => {
-          console.log(err);
-          //   opentoast(err.data.message, 'warning');
-          setLoading(false);
-        });
-    }
-    console.log(arr);
-  };
-
-  return (
-    <>
-      {loading && <Loader />}
-      {/* <RidersPinPointOSM /> */}
-      <Grid container sx={{ mb: 2 }}>
-        <Grid item xs={12} sm={3} md={6}>
-          <Stack>
-            <Typography variant="h3" whiteSpace="nowrap">
-              Multiple Orders
-            </Typography>
-          </Stack>
-        </Grid>
-        <Grid item xs={12} sm={9} md={6}>
-          <Stack
-            sx={{}}
-            width={'100%'}
-            direction="row"
-            alignItems="center"
-            spacing={2}
-            justifyContent={'flex-end'}
-            flexWrap={{ xs: 'wrap', custom550: 'nowrap' }}
-            gap={2}
-          >
-            {/* Business Location */}
-            <Stack sx={{ width: '100%' }}>
-              {tenantLocations?.length === 1 ? (
-                <TextField
-                  label="Business Location"
-                  fullWidth
-                  focused
-                  value={tenantLocations[0]?.locationname}
-                  InputProps={{
-                    style: { color: theme.palette.primary.main },
-                    startAdornment: (
-                      <InputAdornment position="start">
-                        <MyLocationIcon color="primary" />
-                      </InputAdornment>
-                    )
-                  }}
-                />
-              ) : (
-                <Autocomplete
-                  fullWidth
-                  options={tenantLocations || []}
-                  getOptionLabel={(option) => `${option.locationname} (${option.suburb})`}
-                  onChange={(event, value, reason) => {
-                    if (value) {
-                      setTid(value.tenantid);
-                      setIsLocation(true);
-                      setPickCust(value);
-                    }
-                    if (reason === 'clear') setIsLocation(false);
-                  }}
-                  renderInput={(params) => <TextField {...params} label="Select Business Location" color="primary" fullWidth />}
-                />
-              )}
-            </Stack>
-
-            {/* Date Picker */}
-            <Stack sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-              <LocalizationProvider dateAdapter={AdapterDayjs}>
-                <DatePicker
-                  format="DD-MM-YYYY"
-                  disablePast
-                  value={dayjs(startdate)}
-                  sx={{ width: 150 }}
-                  onChange={(e) => {
-                    let diff = dayjs().diff(dayjs(dayjs(e).format('YYYY-MM-DD')), 'd');
-
-                    if (diff <= 0) {
-                      setStartdate(e);
-
-                      let arr = [];
-                      timeslotarr.forEach((val) => {
-                        if (dayjs().diff(dayjs(`${dayjs(e).format('MM-DD-YYYY')} ${dayjs(val).format('HH:mm:ss')}`), 'm') <= 0) {
-                          arr.push(val);
-                        }
-                      });
-
-                      if (arr[0]) {
-                        setOrderarr([
-                          {
-                            sno: 1,
-                            address: '',
-                            customerid: '',
-                            deliverytime: dayjs(arr[0]),
-                            deliverylocationid: '',
-                            clientname: '',
-                            contactno: '',
-                            latitude: '',
-                            longitude: ''
-                          }
-                        ]);
-                      } else {
-                        setOrderarr([]);
-                      }
-                    } else {
-                      opentoast('choose Upcoming Date', 'warning');
-                      setStartdate(NaN);
-                    }
-                  }}
-                />
-              </LocalizationProvider>
-            </Stack>
-          </Stack>
-        </Grid>
-      </Grid>
-
-      {/* ===================================================== || Pickup || ===================================================== */}
-      {pickCust && (
-        <TableContainer component={Paper} sx={{ mb: 2 }}>
-          <Table sx={{ minWidth: 650 }} aria-label="simple table">
-            <TableHead>
-              <TableRow>
-                <TableCell>Pickup Location</TableCell>
-                <TableCell>Address</TableCell>
-              </TableRow>
-            </TableHead>
-            <TableBody>
-              <TableRow>
-                <TableCell>{pickCust?.locationname}</TableCell>
-                <TableCell>{pickCust?.address}</TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-        </TableContainer>
-      )}
-
-      {/* ===================================================== || Drop  || ===================================================== */}
-
-      <MainCard
-        sx={{ height: '100%' }}
-        title={`Drop (${dropCust?.length || 0})`}
-        secondary={
-          <Button
-            variant="outlined"
-            size="small"
-            sx={{
-              '&:hover': {
-                bgcolor: theme.palette.primary.main,
-                color: 'white'
-              }
-            }}
-            onClick={() => {
-              if (!isLocation) {
-                opentoast('Select Business Location', 'warning');
-              } else {
-                setIsCustomerOpen(true);
-                setSearchCustList('');
-              }
-            }}
-          >
-            Select Customers
-          </Button>
-        }
-      >
-        <TableContainer component={Paper}>
-          <Table sx={{ minWidth: 650 }} aria-label="simple table">
-            <TableHead>
-              <TableRow>
-                <TableCell>S.No</TableCell>
-                <TableCell>Customer</TableCell>
-                <TableCell>Address</TableCell>
-                <TableCell>Kms</TableCell>
-                <TableCell align="right">Charge</TableCell>
-                <TableCell>Action</TableCell>
-              </TableRow>
-            </TableHead>
-            <TableBody>
-              {!dropCust && (
-                <TableRow>
-                  <TableCell colSpan={6}>
-                    <Empty description={' Drop Customers Not Selected'} />
-                  </TableCell>
-                </TableRow>
-              )}
-              {dropCust?.map((customer, index) => (
-                <TableRow key={index}>
-                  <TableCell>{index + 1}</TableCell>
-                  <TableCell>{customer.firstname}</TableCell>
-                  <TableCell>{customer.address}</TableCell>
-                  <TableCell>{customer.distance}</TableCell>
-                  <TableCell align="right">{`₹${customer.totalcharge}.00`}</TableCell>
-                  <TableCell align="center">
-                    {
-                      <CloseOutlined
-                        style={{ cursor: 'pointer', color: 'red' }}
-                        onClick={(event) => handleCheckboxChange(event, customer)}
-                      />
-                    }
-                  </TableCell>
-                </TableRow>
-              ))}
-              {dropCust?.length != 0 && (
-                <TableRow>
-                  <TableCell>
-                    <Typography variant="h5">Total</Typography>
-                  </TableCell>
-                  <TableCell></TableCell>
-                  <TableCell></TableCell>
-                  <TableCell>
-                    <Typography variant="h5">{`${totaldist} `}</Typography>
-                  </TableCell>
-                  <TableCell align="right">
-                    <Typography variant="h5"> {`₹${totalAmt}.00`}</Typography>
-                  </TableCell>
-                  <TableCell></TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </TableContainer>
-      </MainCard>
-
-      {/* ================================================= || Riders Map || ================================================= */}
-
-      {/* {showMap && dropCust.length >= 1 && <RidersPinPoint pickCust={pickCust} dropCust={dropCust} />} */}
-
-      {/* ================================================= || Notes || ================================================= */}
-      {dropCust && (
-        <MainCard sx={{ mt: 2 }} title={'Notes'}>
-          <Grid container>
-            <Grid item xs={12}>
-              <TextField
-                focused
-                id="outlined-multiline-static"
-                sx={{ width: '100%', height: '100%', mb: 2 }}
-                multiline
-                rows={1}
-                placeholder="Notes"
-                value={otherinstructions}
-                onChange={(e) => setOtherinstructions(e.target.value)}
-              />
-            </Grid>
-            <Stack direction="row" justifyContent={'end'} sx={{ mt: 2, width: '100%' }}>
-              <Button
-                disabled={dropCust?.length == 0}
-                size="medium"
-                variant="outlined"
-                onClick={() => {
-                  setLoading(true);
-                  setBtnLoading(true);
-                  creategrouporders();
-                  setTimeout(() => {
-                    setLoading(false);
-                    setBtnLoading(false);
-                  }, 2000);
-                }}
-                sx={{
-                  '&:hover': {
-                    transform: 'scale(1.05)',
-                    transition: 'transform 0.3s ease'
-                  }
-                }}
-              >
-                {btnLoading ? <CircularProgress color="primary" size={20} thickness={10} /> : 'Create'}
-              </Button>
-            </Stack>
-          </Grid>
-        </MainCard>
-      )}
-
-      {/* ============================================= || saved address Dialog || ============================================= */}
-      <Dialog
-        open={isCustomerOpen}
-        onClose={() => {
-          setIsCustomerOpen(false);
-        }}
-        fullWidth
-        sx={{ minWidth: 'lg' }}
-      >
-        {isLoading && <CircularLoader />}
-        <DialogTitle sx={{ bgcolor: theme.palette.primary.main, color: 'white' }}>
-          <Stack>
-            <Typography variant="h4"> {`Select Drop Customers (${dropCust?.length || 0})`}</Typography>
-            <FormControl
-              sx={{
-                width: '100%',
-                mt: 1
-              }}
-            >
-              <Stack spacing={2} sx={{ py: 0.2 }}>
-                <OutlinedInput
-                  fullWidth
-                  id="input-search-header"
-                  placeholder="Search"
-                  value={searchCustList}
-                  onChange={(e) => setSearchCustList(e.target.value)}
-                  sx={{
-                    '& .MuiOutlinedInput-input': {
-                      p: '10.5px 0px 12px'
-                    },
-                    bgcolor: 'white'
-                  }}
-                  startAdornment={
-                    <InputAdornment position="start">
-                      <SearchOutlined style={{ fontSize: 'small' }} />
-                    </InputAdornment>
-                  }
-                  endAdornment={
-                    <IconButton
-                      sx={{ visibility: searchCustList ? 'visible' : 'hidden' }}
-                      onClick={() => {
-                        setSearchCustList('');
-                      }}
-                    >
-                      <ClearIcon />
-                    </IconButton>
-                  }
-                  autoComplete="off"
-                />
-              </Stack>
-            </FormControl>
-          </Stack>
-        </DialogTitle>
-        <Divider />
-        <DialogContent sx={{ p: 2.5 }}>
-          {customerlist.length == 0 ? (
-            <Stack spacing={2} direction={'row'} alignItems={'center'} justifyContent={'center'} sx={{ minHeight: 600, maxHeight: 600 }}>
-              <Empty />
-            </Stack>
-          ) : (
-            <Stack spacing={2} sx={{ minHeight: 600, maxHeight: 600 }}>
-              {customerlist &&
-                customerlist.map((customer, index) => (
-                  <FormGroup key={index}>
-                    <FormControlLabel
-                      control={
-                        <Checkbox
-                          checked={dropCust?.some((cust) => cust.customerid === customer.customerid)} // Set the checked state of the checkbox based on whether the customer is in `dropCust`
-                          onChange={(event) => handleCheckboxChange(event, customer)}
-                        />
-                      }
-                      label={
-                        <div style={{ width: '100%' }}>
-                          <Typography variant="subtitle1" sx={{ textAlign: 'left' }}>
-                            {`${customer.firstname} (${customer.contactno})`}
-                          </Typography>
-
-                          <Typography variant="body2" color="secondary" sx={{ textAlign: 'left' }}>
-                            {customer.address}
-                          </Typography>
-                        </div>
-                      }
-                    />
-                  </FormGroup>
-                ))}
-            </Stack>
-          )}
-        </DialogContent>
-        <Divider />
-        <DialogActions sx={{ p: 2.5 }}>
-          <Button
-            color={dropCust?.length !== 0 ? 'primary' : 'error'}
-            variant="outlined"
-            sx={{
-              '&:hover': {
-                bgcolor: dropCust?.length !== 0 ? theme.palette.primary.main : theme.palette.error.main,
-                color: 'white'
-              }
-            }}
-            onClick={() => {
-              setIsCustomerOpen(false);
-              {
-                dropCust?.length !== 0 && setShowMap(true);
-              }
-            }}
-          >
-            {dropCust?.length !== 0 ? 'Continue' : 'Close'}
-          </Button>
-        </DialogActions>
-      </Dialog>
-    </>
-  );
-};
-
-export default MultipleOrders;
diff --git a/src/pages/nearle/orders/ridersPinPoint.js b/src/pages/nearle/orders/ridersPinPoint.js
deleted file mode 100644
index a7506f7..0000000
--- a/src/pages/nearle/orders/ridersPinPoint.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { LoadScriptNext, GoogleMap, Marker } from '@react-google-maps/api';
-
-// distance function
-function distance(lat1, lng1, lat2, lng2) {
-  const R = 6371;
-  const dLat = (lat2 - lat1) * (Math.PI / 180);
-  const dLng = (lng2 - lng1) * (Math.PI / 180);
-
-  const a = Math.sin(dLat / 2) ** 2 + Math.cos(lat1 * (Math.PI / 180)) * Math.cos(lat2 * (Math.PI / 180)) * Math.sin(dLng / 2) ** 2;
-
-  return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-}
-
-const containerStyle = {
-  width: '100%',
-  height: '300px'
-};
-
-export default function RidersPinPoint({ pickCust, dropCust }) {
-  // Ensure valid lat/lng
-  const center = pickCust?.latitude && pickCust?.longitude ? { lat: Number(pickCust.latitude), lng: Number(pickCust.longitude) } : null;
-
-  // If center missing, don't render map
-  if (!center) return null;
-
-  const sortedRiders = dropCust
-    ?.map((r) => ({
-      ...r,
-      distance: distance(center.lat, center.lng, Number(r.latitude), Number(r.longitude))
-    }))
-    .sort((a, b) => a.distance - b.distance);
-
-  return (
-    <LoadScriptNext googleMapsApiKey={process.env.REACT_APP_GOOGLE_MAPS_API_KEY}>
-      <GoogleMap mapContainerStyle={containerStyle} zoom={11} center={center}>
-        <Marker position={center} icon={{ url: 'http://maps.google.com/mapfiles/ms/icons/purple-dot.png' }} />
-
-        {sortedRiders?.map((r, index) => (
-          <Marker
-            key={index}
-            position={{ lat: Number(r.latitude), lng: Number(r.longitude) }}
-            label={{
-              text: (index + 1).toString(),
-              color: 'white',
-              fontSize: '14px',
-              fontWeight: 'bold'
-            }}
-          />
-        ))}
-      </GoogleMap>
-    </LoadScriptNext>
-  );
-}
diff --git a/src/pages/nearle/orders/rough.js b/src/pages/nearle/orders/rough.js
deleted file mode 100644
index 809335b..0000000
--- a/src/pages/nearle/orders/rough.js
+++ /dev/null
@@ -1,2559 +0,0 @@
-import * as React from 'react';
-import { useEffect, useState, useRef, Fragment } from 'react';
-import {
-  FormControl,
-  InputAdornment,
-  Grid,
-  Typography,
-  Stack,
-  Box,
-  Button,
-  TextField,
-  Autocomplete,
-  CardActions,
-  Chip,
-  Avatar,
-  Divider,
-  DialogTitle,
-  DialogContent,
-  Checkbox,
-  DialogActions,
-  CircularProgress,
-  ButtonGroup,
-  FormLabel,
-  IconButton,
-  Drawer,
-  InputLabel,
-  Select,
-  MenuItem,
-  Switch,
-  CardHeader,
-  Card,
-  OutlinedInput
-} from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
-import { Empty } from 'antd';
-import { FaPhoneAlt } from 'react-icons/fa';
-import { GiDoorHandle } from 'react-icons/gi';
-import { FaLandmarkDome } from 'react-icons/fa6';
-import ClearIcon from '@mui/icons-material/Clear';
-import { useNavigate } from 'react-router';
-import { MdLocationCity } from 'react-icons/md';
-import { TbMapPinCode } from 'react-icons/tb';
-import { FaLocationDot } from 'react-icons/fa6';
-import axios from 'axios';
-import { useTheme } from '@mui/material/styles';
-import Geocode from 'react-geocode';
-import Loader from 'components/Loader';
-import * as geolib from 'geolib';
-import MainCard from 'components/MainCard';
-import { FaUser } from 'react-icons/fa6';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import Dialog from '@mui/material/Dialog';
-import dayjs from 'dayjs';
-import { enqueueSnackbar } from 'notistack';
-var utc = require('dayjs/plugin/utc');
-dayjs.extend(utc);
-import LocationOnIcon from '@mui/icons-material/LocationOn';
-import parse from 'autosuggest-highlight/parse';
-import { debounce } from '@mui/material/utils';
-import CardContent from 'themes/overrides/CardContent';
-import { PhoneAndroid } from '@mui/icons-material';
-import { SearchOutlined, CloseOutlined } from '@ant-design/icons';
-import PhoneInput from 'react-phone-number-input/input';
-import MyLocationIcon from '@mui/icons-material/MyLocation';
-import HighlightOffIcon from '@mui/icons-material/HighlightOff';
-
-function loadScript(src, position, id) {
-  if (!position) {
-    return;
-  }
-
-  const script = document.createElement('script');
-  script.setAttribute('async', '');
-  script.setAttribute('id', id);
-  script.src = src;
-  position.appendChild(script);
-}
-
-const Createorder1 = () => {
-  Geocode.setApiKey(process.env.REACT_APP_GOOGLE_MAPS_API_KEY);
-  // ================================================= || GoogleMaps (Drawer) || =================================================
-  const [value, setValue] = React.useState(null);
-  const [value1, setValue1] = React.useState(null);
-  const [inputValue, setInputValue] = React.useState('');
-  const [inputValue1, setInputValue1] = React.useState('');
-  const [inputValue2, setInputValue2] = React.useState('');
-  const [inputValue3, setInputValue3] = React.useState('');
-  const [options, setOptions] = React.useState([]);
-  const [options1, setOptions1] = React.useState([]);
-  const loaded = React.useRef(false);
-  const loaded1 = React.useRef(false);
-  const [mobilenumber, setMobilenumber] = useState('');
-  const [emailaddress, setEmailaddress] = useState('');
-  const [city, setCity] = useState('');
-  const [city1, setCity1] = useState('');
-  const [zipcode, setZipcode] = useState('');
-  const [zipcode1, setZipcode1] = useState('');
-  const [state, setState] = useState('');
-  const [state1, setState1] = useState('');
-  const [suburb, setSuburb] = useState('');
-  const [suburb1, setSuburb1] = useState('');
-  const [pickContactName, setPickContactName] = useState('');
-  const [dropContactName, setDropContactName] = useState('');
-  const [pickdoorno, setPickDoorno] = useState('');
-  const [dropDoorno, setDropDoorno] = useState('');
-  const [pickLandmark, setPickLandmark] = useState('');
-  const [dropLandmark, setDropLandmark] = useState('');
-  const [address, setAddress] = useState('');
-  const [address1, setAddress1] = useState('');
-  const [latlong, setLatlong] = useState({});
-  const [latlong1, setLatlong1] = useState({});
-  const autocompleteService = useRef(null);
-  const [tenanatLocoId, setTenanatLocoId] = useState(localStorage.getItem('locationid'));
-  const [isLocation, setIsLocation] = useState(false);
-
-  // // // ====================================================== || address (pick)|| ======================================================
-  // useEffect(() => {
-  //   if (address) {
-  //     try {
-  //       Geocode.fromAddress(address).then(
-  //         (response) => {
-  //           if (response.status == 'OK') {
-  //             const { lat, lng } = response.results[0].geometry.location;
-  //             console.log({ lat, lng });
-  //             setLatlong({
-  //               lat,
-  //               lng
-  //             });
-  //             console.log(response);
-  //             if (response.results[0].address_components) {
-  //               let place = response.results[0];
-  //               let cityA, zipcodeA, stateA, suburbA;
-  //               for (let i = 0; i < place.address_components.length; i++) {
-  //                 for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //                   switch (place.address_components[i].types[j]) {
-  //                     case 'locality':
-  //                       cityA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'administrative_area_level_1':
-  //                       stateA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'postal_code':
-  //                       zipcodeA = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'sublocality':
-  //                       suburbA = place.address_components[i].long_name;
-  //                       break;
-  //                   }
-  //                 }
-  //               }
-  //               setCity(cityA || '');
-  //               setState(stateA || '');
-  //               setZipcode(zipcodeA || '');
-  //               setSuburb(suburbA || '');
-  //               console.log({ lat, lng, cityA, stateA, zipcodeA, suburbA });
-  //               setPickCust({
-  //                 ...pickCust
-  //                 // city: cityA,
-  //                 // state: stateA,
-  //                 // postcode: zipcodeA,
-  //                 // suburb: suburbA
-  //                 // latitude: lat,
-  //                 // longitude: lng
-  //               });
-  //               // setStartPoint({ latitude: lat, longitude: lng });
-  //             }
-  //           }
-  //         },
-  //         (error) => {
-  //           console.log(error);
-  //         }
-  //       );
-  //     } catch (err) {
-  //       console.log(err);
-  //     }
-  //   }
-  // }, [address]);
-  // // // ====================================================== || address 1 (drop)|| ======================================================
-  // useEffect(() => {
-  //   if (address) {
-  //     try {
-  //       Geocode.fromAddress(address1).then(
-  //         (response) => {
-  //           if (response.status == 'OK') {
-  //             const { lat, lng } = response.results[0].geometry.location;
-
-  //             setLatlong1({
-  //               lat,
-  //               lng
-  //             });
-  //             console.log(response);
-  //             if (response.results[0].address_components) {
-  //               let place = response.results[0];
-  //               let cityB, zipcodeB, stateB, suburbB;
-  //               for (let i = 0; i < place.address_components.length; i++) {
-  //                 for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //                   switch (place.address_components[i].types[j]) {
-  //                     case 'locality':
-  //                       cityB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'administrative_area_level_1':
-  //                       stateB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'postal_code':
-  //                       zipcodeB = place.address_components[i].long_name;
-  //                       break;
-  //                     case 'sublocality':
-  //                       suburbB = place.address_components[i].long_name;
-  //                       break;
-  //                   }
-  //                 }
-  //               }
-  //               setCity(cityB || '');
-  //               setState(stateB || '');
-  //               setZipcode(zipcodeB || '');
-  //               setSuburb(suburbB || '');
-  //               console.log({ lat, lng, cityB, stateB, zipcodeB, suburbB });
-  //               setDropCust({
-  //                 ...dropCust
-  //                 // city: cityB,
-  //                 // state: stateB,
-  //                 // postcode: zipcodeB,
-  //                 // suburb: suburbB
-  //                 // latitude: lat,
-  //                 // longitude: lng
-  //               });
-  //               // setEndPoint({ latitude: lat, longitude: lng });
-  //             }
-  //           }
-  //         },
-  //         (error) => {
-  //           console.log(error);
-  //         }
-  //       );
-  //     } catch (err) {
-  //       console.log(err);
-  //     }
-  //   }
-  // }, [address1]);
-
-  if (typeof window !== 'undefined' && !loaded.current) {
-    if (!document.querySelector('#google-maps')) {
-      loadScript(
-        `https://maps.googleapis.com/maps/api/js?key=${process.env.REACT_APP_GOOGLE_MAPS_API_KEY}&libraries=places&location=10.3656,77.9690&radius=50000&components=country:IN&strictbounds=true`,
-        document.querySelector('head'),
-        'google-maps'
-      );
-    }
-    loaded.current = true;
-  }
-
-  // const fetch = React.useMemo(
-  //   () =>
-  //     debounce((request, callback) => {
-  //       autocompleteService.current.getPlacePredictions(request, callback);
-  //     }, 400),
-  //   []
-  // );
-  // const fetch1 = React.useMemo(
-  //   () =>
-  //     debounce((request, callback) => {
-  //       autocompleteService.current.getPlacePredictions(request, callback);
-  //     }, 400),
-  //   []
-  // );
-
-  // ====================================================== || options (pick)|| ======================================================
-
-  // React.useEffect(() => {
-  //   let active = true;
-  //   if (!autocompleteService.current && window.google) {
-  //     autocompleteService.current = new window.google.maps.places.AutocompleteService();
-  //   }
-  //   if (!autocompleteService.current) {
-  //     return undefined;
-  //   }
-  //   if (inputValue === '') {
-  //     setOptions(value ? [value] : []);
-  //     return undefined;
-  //   }
-  //   fetch({ input: inputValue }, (results) => {
-  //     if (active) {
-  //       let newOptions = [];
-
-  //       if (value) {
-  //         newOptions = [value];
-  //       }
-
-  //       if (results) {
-  //         newOptions = [...newOptions, ...results];
-  //       }
-
-  //       setOptions(newOptions);
-  //     }
-  //   });
-
-  //   return () => {
-  //     active = false;
-  //   };
-  // }, [value, inputValue, fetch]);
-
-  // // ====================================================== || options1 (drop)|| ======================================================
-  // React.useEffect(() => {
-  //   let active = true;
-  //   if (!autocompleteService.current && window.google) {
-  //     autocompleteService.current = new window.google.maps.places.AutocompleteService();
-  //   }
-  //   if (!autocompleteService.current) {
-  //     return undefined;
-  //   }
-  //   if (inputValue1 === '') {
-  //     setOptions1(value1 ? [value1] : []);
-  //     return undefined;
-  //   }
-  //   fetch1({ input: inputValue1 }, (results) => {
-  //     if (active) {
-  //       let newOptions = [];
-
-  //       if (value1) {
-  //         newOptions = [value1];
-  //       }
-
-  //       if (results) {
-  //         newOptions = [...newOptions, ...results];
-  //       }
-
-  //       setOptions1(newOptions);
-  //     }
-  //   });
-
-  //   return () => {
-  //     active = false;
-  //   };
-  // }, [value1, inputValue1, fetch1]);
-
-  const appId = localStorage.getItem('applocationid');
-  const navigate = useNavigate();
-  const [open, setOpen] = useState({});
-  const [open1, setOpen1] = useState('');
-  const [open2, setOpen2] = useState(false);
-  const [open3, setOpen3] = useState(false);
-  const [open4, setOpen4] = useState(false);
-  const [shift, setShift] = useState(1);
-  const [clientlist, setClientlist] = useState([]);
-  const [clientdetail, setClientdetail] = useState([]);
-  const [eventname, setEventname] = useState('');
-  const [startdate, setStartdate] = useState(dayjs().format('MM-DD-YYYY'));
-  const [enddate, setEnddate] = useState(dayjs().add(1, 'day').format('MM-DD-YYYY'));
-  // const [starttime, setStatrttime] = useState(`${dayjs().format('MM-DD-YYYY')} 08:00:00`);
-  const [starttime, setStatrttime] = useState();
-  // const [endtime, setEndtime] = useState(`${dayjs().format('MM-DD-YYYY')} 20:00:00`);
-  const [endtime, setEndtime] = useState();
-  const [timeslotarr, setTimeslotarr] = useState([]);
-  const [currentsno, setCurrentsno] = useState('');
-  const [roleoptions, setRoleoptions] = useState([]);
-  const theme = useTheme();
-  const [otherinstructions, setOtherinstructions] = useState('');
-  const [attireslist, setAttireslist] = useState([]);
-  const [serviceaddonslist, setServiceaddonslist] = useState([]);
-  const [orderaddonobj, setOrderaddonobj] = useState([]);
-  const [stafflist, setStafflist] = useState([]);
-  const [loading2, setLoading2] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [shiftarr, setShiftarr] = useState([]);
-  const [shiftarr1, setShiftarr1] = useState([]);
-  const [orderarr, setOrderarr] = useState([]);
-  const [alertmessage, setAlertmessage] = useState('');
-  const [tabstatus, setTabstatus] = useState('');
-  const [tenantinfo, setTenantinfo] = useState({});
-  const [searchword, setSearchword] = useState('');
-  const [clientdetailarr, setClientdetailarr] = useState([]);
-  const [clientdetailbusinessarr, setClientdetailbusinessarr] = useState([]);
-  const [admintoken, setAdmintoken] = useState();
-  const [tenantlocationlist, setTenantlocationlist] = useState([]);
-  const [tenant, setTenant] = useState({});
-  const [clientinfo, setClientinfo] = useState({});
-  const [selectedtime, setSelectedtime] = useState('');
-  const [tenantlist, setTenantlist] = useState([]);
-  const [tenantid, setTenantid] = useState();
-  const [tenantlocation, setTenantlocation] = useState('');
-  const [pickupswitch, setPickupswitch] = useState(true);
-  const [deliverytype, setDeliverytype] = useState('B');
-  const [dropswitch, setDropswitch] = useState(false);
-  const [startPoint, setStartPoint] = useState({ latitude: 0, longitude: 0 });
-  const [endPoint, setEndPoint] = useState({ latitude: 0, longitude: 0 });
-  const [showDistance, setShowDistance] = useState(false);
-  const [distance, setDistance] = useState(0);
-  const [basePrice, setBasePrice] = useState(0);
-  const [pricePerKm, setPricePerKm] = useState(0);
-  const [minKm, setMinKm] = useState(0);
-  const [totalCharge, setTotalCharge] = useState(0);
-  const [subCat, setSubCat] = useState([]);
-  const [subCatName, setSubCatName] = useState('Select ');
-  const [subCatId, setSubCatId] = useState();
-  const [weight, setWeight] = useState('');
-  const tid = localStorage.getItem('tenantid');
-  const [selectedCatChip, setSelectedCatChip] = useState(null);
-  const [isCustomerOpen, setIsCustomerOpen] = useState(false);
-  const [searchCustList, setSearchCustList] = useState('');
-  const [customerlist, setCustomerlist] = useState([]);
-  const [pickCust, setPickCust] = useState({});
-  const [dropCust, setDropCust] = useState({});
-  const [pickordrop, setpickordrop] = useState(0); // 1 ->pick 2 -> drop
-  const [addId1, setAddId1] = useState(0);
-  const [addId2, setAddId2] = useState(0);
-  const [tenantLocations, setTenantlocations] = useState([]);
-  const [appLocaLat, setAppLocaLat] = useState();
-  const [appLocaLng, setAppLocaLng] = useState();
-  const [appLocaRadius, setAppLocaRadius] = useState();
-
-  const handleChipClick = (chipLabel) => {
-    setSelectedCatChip(chipLabel);
-  };
-
-  const chipStyle = (chipLabel) => ({
-    cursor: 'pointer',
-    backgroundColor: selectedCatChip === chipLabel ? theme.palette.primary.main : 'default',
-    color: selectedCatChip === chipLabel ? '#fff' : '',
-    '&:hover': {
-      backgroundColor: selectedCatChip === chipLabel ? theme.palette.primary.main : theme.palette.primary.light,
-      color: '#fff'
-    }
-  });
-
-  const fetchTenantPricing = async () => {
-    try {
-      const pricingResponse = await axios.get(`${process.env.REACT_APP_URL}/tenants/gettenantpricing/?tenantid=${tid}`);
-      console.log('pricingResponse', pricingResponse.data.details);
-      setBasePrice(pricingResponse.data.details.baseprice);
-      setPricePerKm(pricingResponse.data.details.priceperkm);
-      setMinKm(pricingResponse.data.details.minkm);
-    } catch (error) {
-      console.log('fetchTenantPricing error', error);
-    }
-  };
-  useEffect(() => {
-    fetchTenantPricing();
-  }, []);
-
-  useEffect(() => {
-    console.log('startPoint', startPoint);
-    console.log('endPoint', endPoint);
-    if (startPoint.latitude != 0 && startPoint.longitude != 0 && endPoint.latitude != 0 && endPoint.longitude != 0) {
-      getDistance();
-    }
-  }, [startPoint, endPoint]);
-
-  const getDistance = () => {
-    const dist = geolib.getPreciseDistance(startPoint, endPoint, 1);
-    console.log(`Distance: ${dist} meters`);
-    const distanceInKm = (dist / 1000).toFixed(2);
-    const roundedDistance = Math.round(distanceInKm);
-    console.log('roundedDistance', roundedDistance);
-    setDistance(roundedDistance.toFixed(2));
-    if (roundedDistance < minKm) {
-      setTotalCharge(basePrice);
-    } else {
-      const total = (roundedDistance - minKm) * pricePerKm + basePrice;
-      setTotalCharge(total);
-    }
-    setShowDistance(true);
-    if (roundedDistance > appLocaRadius) {
-      setShowDistance(true);
-      setOpen4(true);
-    }
-  };
-
-  useEffect(() => {
-    clientdetails();
-    // clientdetailsbusiness();
-  }, [searchCustList.length > 3, searchCustList == '']);
-
-  useEffect(() => {
-    if (timeslotarr[0]) {
-      let arr = [];
-      timeslotarr.map((val) => {
-        if (dayjs().diff(dayjs(`${dayjs(startdate).format('MM-DD-YYYY')} ${dayjs(val).format('HH:mm:ss')}`), 'm') <= 0) {
-          arr.push(val);
-        }
-      });
-
-      if (arr[0]) {
-        setOrderarr([
-          {
-            sno: 1,
-            address: '',
-            customerid: '',
-            deliverytime: dayjs(arr[0]) || '',
-            deliverylocationid: '',
-            clientname: '',
-            contactno: '',
-            latitude: '',
-            longitude: ''
-          }
-        ]);
-      }
-    }
-  }, [timeslotarr]);
-
-  useEffect(() => {
-    if (searchword) {
-      let arr = clientdetail.filter((val) => {
-        return (
-          val.address.toLowerCase().includes(searchword.toLowerCase()) ||
-          val.firstname.toLowerCase().includes(searchword.toLowerCase()) ||
-          val.contactno.toLowerCase().includes(searchword.toLowerCase())
-        );
-      });
-      console.log(arr);
-      setClientdetailarr([...arr]);
-    } else {
-      setClientdetailarr([...clientdetail]);
-    }
-  }, [searchword]);
-
-  // const { ref: materialRef } = usePlacesWidget({
-  //   apiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
-  //   onPlaceSelected: (place) => {
-  //     console.log(place);
-
-  //     // setAddress(place.formatted_address)
-  //     let city1, zipcode1, state1, suburb1;
-  //     for (let i = 0; i < place.address_components.length; i++) {
-  //       for (let j = 0; j < place.address_components[i].types.length; j++) {
-  //         switch (place.address_components[i].types[j]) {
-  //           case 'locality':
-  //             city1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'administrative_area_level_1':
-  //             state1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'postal_code':
-  //             zipcode1 = place.address_components[i].long_name;
-  //             break;
-  //           case 'sublocality':
-  //             suburb1 = place.address_components[i].long_name;
-  //             break;
-  //         }
-  //       }
-  //     }
-  //     // setCity(city1 || '')
-  //     // setState(state1 || '');
-  //     // setZipcode(zipcode1 || '');
-  //     // setSuburb(suburb1 || '')
-  //   },
-
-  //   options: {
-  //     types: ['address' || 'geocode']
-  //   }
-  // });
-
-  // ==================================================== || fetchtenantinfo || ====================================================
-  const fetchtenantinfo = async () => {
-    setLoading(true);
-    console.log('tid', tid);
-
-    await axios
-      .get(`${process.env.REACT_APP_URL}/tenants/gettenantinfo/?tenantid=${tid}`)
-      .then((res) => {
-        console.log('fetchtenantinfo', res);
-        if (res.data.status) {
-          setTenant(res.data.details);
-          setTenantid(res.data.details.tenantid);
-          fetchAppAdminTokens();
-          setSubCatId(res.data.details.subcategoryid);
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-  useEffect(() => {
-    fetchtenantinfo();
-  }, []);
-  // ==================================================== || getsubcategories || ====================================================
-  const getsubcategories = async () => {
-    await axios
-      .get(`${process.env.REACT_APP_URL}/utils/getsubcategories/?moduleid=6`)
-      .then((res) => {
-        console.log('subcateRes', res.data.details);
-        if (res.data.status) {
-          setSubCat(res.data.details);
-        }
-      })
-      .catch((err) => {
-        console.log(err);
-      });
-  };
-  useEffect(() => {
-    getsubcategories();
-  }, []);
-
-  // ==================================================== || fetchTiming || ====================================================
-  const fetchTiming = async () => {
-    setLoading(true);
-    await axios
-      .get(`${process.env.REACT_APP_URL}/utils/getapplocations/?applocationid=${appId}`)
-      .then((res) => {
-        console.log('fetchTiming', res);
-        const { opentime, closetime, latitude, longitude, radius } = res.data.details[0];
-        if (res.data.status) {
-          setAppLocaLat(latitude);
-          setAppLocaLng(longitude);
-          setAppLocaRadius(radius);
-          setStatrttime(`${dayjs().format('MM-DD-YYYY')} ${opentime}`);
-          setEndtime(`${dayjs().format('MM-DD-YYYY')} ${closetime}`);
-          console.log('starttime', `${dayjs().format('MM-DD-YYYY')} ${opentime}`);
-          console.log('endtime', `${dayjs().format('MM-DD-YYYY')} ${closetime} `);
-          let arr = [];
-          for (
-            let i = `${dayjs().format('MM-DD-YYYY')} ${opentime}`, j = 0;
-            dayjs(`${dayjs().format('MM-DD-YYYY')} ${closetime} `).diff(i, 'm') >= 0;
-            j++, i = dayjs(i).add(30, 'm')
-          ) {
-            arr.push(i);
-          }
-          console.log('setTimeslotarr', arr);
-          setTimeslotarr(arr);
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-  useEffect(() => {
-    fetchTiming();
-  }, [starttime, endtime]);
-
-  // =============================================== || fetchAppAdminTokens (via  appId) || ===============================================
-  const fetchAppAdminTokens = async () => {
-    setLoading(true);
-    await axios
-      .get(`${process.env.REACT_APP_URL}/utils/getapplocationconfig/?applocationid=${appId}`)
-      .then((res) => {
-        const userfcmtokemArray = res.data.details.applocationadmins.map((admin) => admin.userfcmtokem);
-        console.log('fetchAppAdminTokens', res);
-        console.log('userfcmtokemArray', userfcmtokemArray);
-        if (res.data.status) {
-          setAdmintoken(userfcmtokemArray);
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  };
-
-  useEffect(() => {
-    if (starttime && endtime) {
-      fetchAppAdminTokens();
-    }
-  }, [starttime, endtime]);
-
-  // =============================================== || opentoast || ===============================================
-
-  const opentoast = (message, variant, time) => {
-    enqueueSnackbar(message, {
-      variant: variant,
-      anchorOrigin: { vertical: 'top', horizontal: 'right' },
-      autoHideDuration: time ? time : 1500
-    });
-    console.log(alertmessage);
-  };
-
-  function closeAddressModal() {
-    setOpen2(false);
-  }
-  function closetimemodal() {
-    setOpen3(false);
-    setCurrentsno('');
-  }
-
-  // =============================================== || createsubmitobj1 (create orders) || ===============================================
-  const createsubmitobj1 = async () => {
-    let arr = [];
-    let timecheck = false;
-    let addresscheck = false;
-    arr = [
-      {
-        orderheaderid: 0,
-        tenantid: parseFloat(tid),
-        locationid: clientinfo.tenantlocationid ? clientinfo.tenantlocationid : tenantinfo.tenantlocationid,
-        moduleid: tenant.moduleid,
-        configid: 7,
-        orderid: '',
-        customerid: tenantinfo.customerid,
-        orderdate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-        orderstatus: 'created',
-        pending: '',
-        processing: '',
-        ready: '',
-        delivered: '',
-        cancellled: '',
-        orderamount: totalCharge,
-        taxamount: 0,
-        ordercharges: 0,
-        ordervalue: totalCharge,
-        itemcount: 1,
-        paymenttype: 64,
-        paymentstatus: 0,
-        deliverycharge: totalCharge,
-        deliverytime: `${dayjs(startdate).format('YYYY-MM-DD')} ${dayjs(selectedtime.$d).format('HH:mm:ss')}`,
-        deliverylocationid: clientinfo.deliverylocationid,
-        deliveryaddress: clientinfo.address,
-        deliverytype: deliverytype,
-        pickupaddress: tenantinfo.address,
-        pickuplat: startPoint.latitude.toString(),
-        pickuplong: startPoint.longitude.toString(),
-        ordernotes: otherinstructions,
-        remarks: '',
-        tenantuserid: parseInt(localStorage.getItem('userid')),
-        categoryid: tenant.categoryid,
-        subcategoryid: tenant.subcategoryid,
-        partnerid: tenant.partnerid,
-        deliverylat: endPoint.latitude.toString(),
-        deliverylong: endPoint.longitude.toString(),
-        applocationid: parseInt(localStorage.getItem('applocationid')),
-        deliveryid: clientinfo.customerid,
-        pickuplocationid: tenantinfo.deliverylocationid,
-        kms: distance
-      }
-    ];
-
-    if (!tid) {
-      opentoast('Choose Client ', 'warning');
-    } else if (!tenantinfo.address) {
-      opentoast('Choose Pickup Location', 'warning');
-    } else if (!clientinfo.address) {
-      opentoast('Choose Drop Location', 'warning');
-    } else if (!selectedtime) {
-      opentoast('Choose Schedule Time', 'warning');
-    } else {
-      setLoading(true);
-
-      await axios
-        .post(`${process.env.REACT_APP_URL}/orders/create/grouporders`, arr)
-        .then((res) => {
-          if (res.data.status) {
-            enqueueSnackbar('Order Created Successfully', {
-              variant: 'success',
-              anchorOrigin: { vertical: 'top', horizontal: 'right' },
-              autoHideDuration: 1000
-            });
-            if (admintoken) {
-              // notifyadmin(admintoken);
-              sendnotifications();
-            }
-
-            navigate('/nearle/orders');
-          } else {
-            opentoast(res.data.message, 'warning');
-          }
-          setLoading(false);
-          console.log(res);
-        })
-        .catch((err) => {
-          console.log(err);
-          opentoast(err.data.message, 'warning');
-          setLoading(false);
-        });
-    }
-    console.log(arr);
-  };
-
-  const createsubmitobj2 = async () => {
-    let arr = {};
-    arr = {
-      orders: {
-        applocationid: tenant.applolcationid,
-        cancellled: '',
-        categoryid: +tenant.categoryid,
-        configid: +localStorage.getItem('configid'),
-        customerid: +pickCust.customerid || 0,
-        deliveryaddress: dropCust.address || '',
-        deliverycharge: +totalCharge.toFixed(2) || 0,
-        deliverycity: dropCust.city || '',
-        deliverycontactno: dropCust.contactno || '',
-        deliverycustomer: dropCust.firstname || '',
-        deliveryid: dropCust.customerid || 0,
-        deliverylandmark: dropCust.landmark || '',
-        deliverylat: dropCust.latitude.toString(),
-        deliverylocation: dropCust.suburb || '',
-        deliverylocationid: dropCust.deliverylocationid || 0,
-        deliverylong: dropCust.longitude.toString(),
-        deliverytime: `${dayjs(startdate).format('YYYY-MM-DD')} ${dayjs(selectedtime.$d).format('HH:mm:ss')}`,
-        deliverytype: pickCust.customerid !== 0 || dropCust.customerid !== 0 ? 'B' : 'C',
-        delivered: '',
-        itemcount: 1,
-        kms: distance || 0,
-        locationid: +tenanatLocoId, //main or branch
-        moduleid: +tenant.moduleid,
-        orderamount: +totalCharge.toFixed(2) || 0,
-        ordercharges: 0.0,
-        orderdate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-        orderheaderid: 0,
-        orderid: '', //
-        ordernotes: otherinstructions,
-        orderstatus: 'created',
-        ordervalue: +totalCharge.toFixed(2) || 0,
-        partnerid: tenant.partnerid,
-        paymentstatus: 1,
-        paymenttype: 42,
-        pending: '',
-        pickupaddress: pickCust.address || '',
-        pickupcity: pickCust.city || '',
-        pickupcontactno: pickCust.contactno || '',
-        pickupcustomer: pickCust.firstname || '',
-        pickuplandmark: pickCust.landmark || '',
-        pickuplat: pickCust.latitude.toString(),
-        pickuplocation: pickCust.suburb || '',
-        pickuplocationid: pickCust.deliverylocationid || 0,
-        pickuplong: pickCust.longitude.toString(),
-        pickupaddress: pickCust.address || '',
-        processing: '',
-        ready: '',
-        remarks: '',
-        smsdelivery: 1,
-        subcategoryid: +subCatId,
-        taxamount: 0.0,
-        tenantid: tenant.tenantid,
-        tenantuserid: parseInt(localStorage.getItem('userid'))
-      },
-
-      pickup: {
-        address: pickCust.address || '',
-        applocationid: tenant.applolcationid,
-        city: pickCust.city || '',
-        configid: parseInt(localStorage.getItem('configid')),
-        contactno: pickCust.contactno || '',
-        customertoken: '',
-        customerid: pickCust.customerid || 0,
-        devicetype: '',
-        deviceid: '',
-        dialcode: '+91',
-        doorno: pickCust.doorno || '',
-        email: pickCust.email || '',
-        firstname: pickCust.firstname || '',
-        landmark: pickCust.landmark || '',
-        latitude: pickCust.latitude.toString() || '',
-        longitude: pickCust.longitude.toString() || '',
-        locationid: pickCust.deliverylocationid || 0,
-        postcode: pickCust.postcode || '',
-        primaryaddress: 1,
-        profileimage: '',
-        state: pickCust.state || '',
-        suburb: pickCust.suburb || '',
-        tenantid: tenant.tenantid
-      },
-
-      drop: {
-        address: dropCust.address || '',
-        applocationid: tenant.applolcationid,
-        city: dropCust.city || '',
-        configid: parseInt(localStorage.getItem('configid')),
-        contactno: dropCust.contactno || '',
-        customertoken: '',
-        customerid: dropCust.customerid || 0,
-        devicetype: '',
-        deviceid: '',
-        dialcode: '+91',
-        doorno: dropCust.doorno || '',
-        email: dropCust.email || '',
-        firstname: dropCust.firstname || '',
-        landmark: dropCust.landmark || '',
-        latitude: dropCust.latitude.toString(),
-        longitude: dropCust.longitude.toString(),
-        locationid: dropCust.deliverylocationid || 0,
-        postcode: dropCust.postcode || '',
-        primaryaddress: 1,
-        profileimage: '',
-        state: dropCust.state || '',
-        suburb: dropCust.suburb || '',
-        tenantid: tenant.tenantid
-      }
-    };
-    console.log('createsubmitobj2', arr);
-    if (!pickCust.firstname) {
-      opentoast('Enter Pickup Contact Name  ', 'warning');
-    } else if (!pickCust.contactno) {
-      opentoast('Enter Pickup Contact Number ', 'warning');
-    } else if (!pickCust.suburb) {
-      opentoast('Enter Pickup  Location ', 'warning');
-    } else if (!pickCust.city) {
-      opentoast('Enter Pickup City ', 'warning');
-    } else if (!pickCust.postcode) {
-      opentoast('Enter Pickup Postcode ', 'warning');
-    } else if (!pickCust.landmark) {
-      opentoast('Enter Pickup Landmark ', 'warning');
-    } else if (!dropCust.firstname) {
-      opentoast('Enter Drop Contact Name ', 'warning');
-    } else if (!dropCust.contactno) {
-      opentoast('Enter Drop Contact Number', 'warning');
-    } else if (!dropCust.suburb) {
-      opentoast('Enter Drop Suburb ', 'warning');
-    } else if (!dropCust.city) {
-      opentoast('Enter Drop City ', 'warning');
-    } else if (!dropCust.postcode) {
-      opentoast('Enter Drop postcode ', 'warning');
-    } else if (!dropCust.landmark) {
-      opentoast('Enter Drop Landmark ', 'warning');
-    } else if (!selectedtime) {
-      opentoast('Choose deliverytime ', 'warning');
-    } else if (!setSubCatId) {
-      opentoast('Choose SubCategory ', 'warning');
-    } else {
-      try {
-        const createRes = await axios.post(`${process.env.REACT_APP_URL2}/orders/createorder`, arr);
-        // const createRes = await axios.post(`${process.env.REACT_APP_URL}/orders/createorder`, arr);
-        if (createRes.data.status) {
-          console.log('createRes', createRes);
-          enqueueSnackbar('Order Created Successfully', {
-            variant: 'success',
-            anchorOrigin: { vertical: 'top', horizontal: 'right' },
-            autoHideDuration: 1000
-          });
-          if (admintoken) {
-            // notifyadmin(admintoken);
-            sendnotifications();
-          }
-
-          navigate('/orders');
-        } else {
-          opentoast(res.data.message, 'warning');
-        }
-        setLoading(false);
-        console.log(res);
-      } catch (error) {
-        console.log('createResErr', error);
-      }
-    }
-  };
-
-  useEffect(() => {
-    console.log('shiftarr');
-    console.log(shiftarr);
-  }, [shiftarr]);
-
-  const clicked1 = (e) => {
-    setShift(e);
-  };
-
-  const dialogopen = (i, result) => {
-    console.log(i, result);
-    setOpen({ shiftsno: result.sno, sno: i.sno });
-  };
-  const dialogclose = () => {
-    setOpen('');
-  };
-  // ========================================================= || clientdetails || =========================================================
-  const clientdetails = async () => {
-    setLoading2(true);
-    try {
-      let url =
-        searchCustList == ''
-          ? `${process.env.REACT_APP_URL}/customers/getbytid/?tenantid=${tid}&pageno=1&pagesize=10`
-          : `${process.env.REACT_APP_URL}/customers/search/?tenantid=${tid}&keyword=${searchCustList}`;
-
-      await axios
-        .get(url)
-        .then((res) => {
-          console.log('clientdetails', res.data.details);
-          if (res.data.status) {
-            setClientdetail(res.data.details);
-            setCustomerlist(res.data.details);
-            let arr = [];
-            res.data.details.map((val) => {
-              arr.push({
-                label: `${val.firstname} | ${val.contactno}`,
-                ...val
-              });
-            });
-            setClientdetailarr(arr);
-          }
-          setLoading2(false);
-        })
-        .catch((err) => {
-          console.log(err);
-          setLoading2(false);
-          opentoast('server error', 'warning');
-        });
-    } catch (err) {
-      console.log(err);
-      setLoading2(false);
-    }
-  };
-  // ========================================================= || clientdetailsbusiness || =========================================================
-  const clientdetailsbusiness = async () => {
-    setLoading2(true);
-    try {
-      await axios
-        .get(`${process.env.REACT_APP_URL}/customers/getbytid/?tenantid=${tid}&locationid=1`)
-        .then((res) => {
-          console.log('clientdetailsbusiness', res.data.details);
-          if (res.data.status) {
-            setClientdetail(res.data.details);
-            // if (!searchword) {
-            //     setClientdetailarr(res.data.details)
-            // }
-            let arr = [];
-            res.data.details.map((val) => {
-              arr.push({
-                label: `${val.firstname} | ${val.contactno}`,
-                ...val
-              });
-            });
-            setClientdetailbusinessarr(arr);
-          }
-          setLoading2(false);
-        })
-        .catch((err) => {
-          console.log(err);
-          setLoading2(false);
-          opentoast('server error', 'warning');
-        });
-    } catch (err) {
-      console.log(err);
-      setLoading2(false);
-    }
-  };
-
-  // ================================================== ||  sendnotifications || ==================================================
-  const sendnotifications = async () => {
-    setLoading(true);
-    await axios
-      .post(`${process.env.REACT_APP_URL}/utils/sendnotifications`, {
-        priority: 'high',
-        registration_ids: admintoken,
-        data: {
-          accessid: process.env.REACT_APP_RIDER_ACCESS_ID
-        },
-        notification: {
-          title: 'Nearle Merchant',
-          body: 'An Order has been placed successfully,kindly process the same',
-          sound: 'ring'
-        }
-      })
-      .then((res) => {
-        console.log(res);
-        if (res.data.message == 'Success') {
-          enqueueSnackbar('Notification sent Successfully', {
-            variant: 'success',
-            anchorOrigin: { vertical: 'top', horizontal: 'right' },
-            autoHideDuration: 1000
-          });
-        }
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        enqueueSnackbar(err.message, {
-          variant: 'error',
-          anchorOrigin: { vertical: 'top', horizontal: 'right' },
-          autoHideDuration: 1000
-        });
-        setLoading(false);
-      });
-  };
-  // ============================================= || Google Maps Autocomplete(pick) || =============================================
-  useEffect(() => {
-    // Initialize Google Maps Autocomplete
-    if (inputValue2) {
-      const autocompleteInput = document.getElementById('addressAuto1');
-      const autocomplete = new window.google.maps.places.Autocomplete(autocompleteInput, {
-        // types: ['(cities)'], // You can adjust the types parameter based on your requirements
-        strictBounds: true,
-        bounds: new window.google.maps.Circle({
-          // center: new window.google.maps.LatLng(11.0050707, 76.9509083),
-          // radius: 100000
-          center: new window.google.maps.LatLng(appLocaLat, appLocaLng),
-          radius: appLocaRadius * 1000
-        }).getBounds()
-      });
-      let arr = [];
-      // Event listener for autocomplete place changed
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace();
-        setInputValue2(`${place.name}, ${place.formatted_address}`);
-        console.log('new place', place); // Do something with the selected place
-        console.log(' pick (new place) lat lng', { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }); // Do something with the selected place
-        // to trigger getDistance
-        setStartPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
-        setValue(place);
-        setAddress(`${place.name} ${place.formatted_address}`);
-        setPickCust({ ...pickCust, address: `${place.name} ${place.formatted_address}` });
-        const address = {
-          address: `${place.name} ${place.formatted_address}`,
-          street_number: '',
-          route: '',
-          locality: '',
-          sublocality_level_1: '',
-          administrative_area_level_3: '',
-          administrative_area_level_1: '',
-          country: '',
-          postal_code: ''
-        };
-        place.address_components.forEach((component) => {
-          component.types.forEach((type) => {
-            switch (type) {
-              case 'street_number':
-                address.street_number = component.long_name;
-                break;
-              case 'route':
-                address.route = component.long_name;
-                break;
-              case 'locality':
-                address.locality = component.long_name;
-                break;
-              case 'sublocality_level_1':
-                address.sublocality_level_1 = component.long_name;
-                break;
-              case 'administrative_area_level_3':
-                address.administrative_area_level_3 = component.long_name;
-                break;
-              case 'administrative_area_level_1':
-                address.administrative_area_level_1 = component.long_name;
-                break;
-              case 'country':
-                address.country = component.long_name;
-                break;
-              case 'postal_code':
-                address.postal_code = component.long_name;
-                break;
-              // Add more cases as needed for other types
-            }
-          });
-        });
-
-        // Use address object as per your requirements
-        setPickCust({
-          ...pickCust,
-          address: address.address,
-          doorno: `${address.street_number} ${address.route}`,
-          suburb: address.sublocality_level_1,
-          city: address.locality,
-          postcode: address.postal_code,
-          latitude: place.geometry.location.lat(),
-          longitude: place.geometry.location.lng()
-        });
-        console.log('Pick Address:', address);
-      });
-    }
-  }, [inputValue2]);
-  // ============================================= || Google Maps Autocomplete(Drop) || =============================================
-
-  useEffect(() => {
-    if (inputValue3) {
-      // Initialize Google Maps Autocomplete
-      const autocompleteInput = document.getElementById('addressAuto2');
-      const autocomplete = new window.google.maps.places.Autocomplete(autocompleteInput, {
-        // types: ['(cities)'], // You can adjust the types parameter based on your requirements
-        strictBounds: true,
-        bounds: new window.google.maps.Circle({
-          // center: new window.google.maps.LatLng(11.0050707, 76.9509083),
-          center: new window.google.maps.LatLng(appLocaLat, appLocaLng),
-          radius: appLocaRadius * 1000 //km to m
-          // radius: 100000 //km to m
-        }).getBounds()
-      });
-      let arr = [];
-      // Event listener for autocomplete place changed
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace();
-        setInputValue3(`${place.name}, ${place.formatted_address}`);
-        console.log('new place', place); // Do something with the selected place
-        console.log('drop (new place) lat lng', { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() }); // Do something with the selected place
-        setEndPoint({ latitude: place.geometry.location.lat(), longitude: place.geometry.location.lng() });
-        setValue1(place);
-        setAddress1(`${place.name} ${place.formatted_address}`);
-        setDropCust({ ...dropCust, address: `${place.name} ${place.formatted_address}` });
-        const address = {
-          address: `${place.name} ${place.formatted_address}`,
-          street_number: '',
-          route: '',
-          locality: '',
-          sublocality_level_1: '',
-          administrative_area_level_3: '',
-          administrative_area_level_1: '',
-          country: '',
-          postal_code: ''
-        };
-        place.address_components.forEach((component) => {
-          component.types.forEach((type) => {
-            switch (type) {
-              case 'street_number':
-                address.street_number = component.long_name;
-                break;
-              case 'route':
-                address.route = component.long_name;
-                break;
-              case 'locality':
-                address.locality = component.long_name;
-                break;
-              case 'sublocality_level_1':
-                address.sublocality_level_1 = component.long_name;
-                break;
-              case 'administrative_area_level_3':
-                address.administrative_area_level_3 = component.long_name;
-                break;
-              case 'administrative_area_level_1':
-                address.administrative_area_level_1 = component.long_name;
-                break;
-              case 'country':
-                address.country = component.long_name;
-                break;
-              case 'postal_code':
-                address.postal_code = component.long_name;
-                break;
-              // Add more cases as needed for other types
-            }
-          });
-        });
-
-        // Use address object as per your requirements
-        setDropCust({
-          ...dropCust,
-          address: address.address,
-          doorno: `${address.street_number} ${address.route}`,
-          suburb: address.sublocality_level_1,
-          city: address.locality,
-          postcode: address.postal_code,
-          latitude: place.geometry.location.lat(),
-          longitude: place.geometry.location.lng()
-        });
-        console.log('Drop Address:', address);
-      });
-    }
-  }, [inputValue3]);
-
-  // ============================================= || gettenantlocations (branches) || =============================================
-  const gettenantlocations = async () => {
-    try {
-      const res = await axios.get(`${process.env.REACT_APP_URL}/tenants/gettenantlocations/?tenantid=${tid}`);
-      console.log('gettenantlocations', res.data.details);
-      setTenantlocations(res.data.details);
-      if (res.data.details.length == 1) {
-        setIsLocation(true);
-        setTenanatLocoId(res.data.details[0].locationid);
-      }
-    } catch (err) {
-      console.log('gettenantlocations', err);
-    }
-  };
-  useEffect(() => {
-    gettenantlocations();
-  }, []);
-
-  return (
-    <>
-      {loading && <Loader />}
-
-      <Grid container rowSpacing={4.5} columnSpacing={2.75}>
-        <CardActions
-          sx={{
-            position: 'sticky',
-            top: '60px',
-            bgcolor: theme.palette.background.default,
-            zIndex: 1000,
-            width: '100%'
-          }}
-        >
-          <Grid item xs={12}>
-            <Stack
-              // direction={{ md: 'row', xs: 'column' }}
-              direction={{ md: 'row' }}
-              sx={{ p: 1, ml: 1, mt: 1 }}
-              justifyContent="space-between"
-              alignItems="center"
-              width="100%"
-            >
-              <Typography variant="h3">Create Order</Typography>
-              {tenantLocations.length == 1 ? (
-                <TextField
-                  variant="outlined"
-                  label={'Business Location'}
-                  value={tenantLocations[0].locationname}
-                  focused
-                  sx={{ width: 300 }}
-                  InputProps={{
-                    style: { color: theme.palette.primary.main },
-                    startAdornment: (
-                      <InputAdornment position="start">
-                        <MyLocationIcon color="primary" />
-                      </InputAdornment>
-                    )
-                  }}
-                />
-              ) : (
-                <Autocomplete
-                  disablePortal
-                  id="combo-box-demo"
-                  options={tenantLocations || []}
-                  getOptionLabel={(option) => `${option.locationname} (${option.locationsuburb})` || ''}
-                  sx={{ width: 300 }}
-                  renderInput={(params) => <TextField {...params} label="Select Business Locations" />}
-                  onChange={(event, value, reason) => {
-                    if (value) {
-                      console.log('locationid', value.locationid);
-                      setTenanatLocoId(value.locationid);
-                      setIsLocation(true);
-                    }
-                    if (reason == 'clear') {
-                      setIsLocation(false);
-                    }
-                  }}
-                />
-              )}
-            </Stack>
-          </Grid>
-        </CardActions>
-
-        <Grid item xs={12} sx={{ mt: -4 }}>
-          <Box sx={{ overflow: 'auto', border: 1, borderColor: 'grey.200', borderRadius: 2, backgroundColor: '#fff', p: 3 }}>
-            <Grid container spacing={1}>
-              <Grid item xs={12}>
-                <Grid container spacing={2} sx={{ height: '100%' }}>
-                  {/* ================================================= || Pickup || ================================================= */}
-                  <Grid item xs={12} sm={6}>
-                    <MainCard sx={{ height: '100%' }}>
-                      <Grid container spacing={2}>
-                        <Grid item xs={12}>
-                          <Stack direction={'row'} justifyContent={'space-between'}>
-                            <Typography variant="h5">Pickup</Typography>
-                            <Stack direction={'row'} spacing={1} alignItems={'center'}>
-                              {/* <Typography>Customer</Typography>
-                              <Switch
-                                size="small"
-                                checked={pickupswitch}
-                                onChange={(e, val) => {
-                                  if (val) {
-                                    setPickupswitch(true);
-                                    setDeliverytype('B');
-                                    setTenantinfo({});
-                                  } else {
-                                    setPickupswitch(false);
-                                    setTenantinfo({});
-                                    setDeliverytype('C');
-                                  }
-                                }}
-                              />
-                              <Typography>Business</Typography> */}
-                              <Button
-                                variant="outlined"
-                                sx={{
-                                  '&:hover': {
-                                    bgcolor: theme.palette.primary.main,
-                                    color: 'white'
-                                  }
-                                }}
-                                onClick={() => {
-                                  if (!isLocation) {
-                                    opentoast('Select Business Location', 'warning');
-                                  } else {
-                                    setIsCustomerOpen(true);
-                                    setpickordrop(1);
-                                    setPickCust({});
-                                    setAddId1(1);
-                                    setInputValue2('');
-                                    setSearchCustList('');
-                                  }
-                                }}
-                              >
-                                Saved Locations
-                              </Button>
-                            </Stack>
-                          </Stack>
-
-                          {/* <Autocomplete
-                            id="free-solo-demo"
-                            sx={{ mt: 2 }}
-                            // options={tenantlocationlist}
-                            options={pickupswitch ? clientdetailbusinessarr : clientdetailarr}
-                            renderInput={(params) => <TextField {...params} label="Choose Location" />}
-                            onChange={(e, val) => {
-                              console.log(pickupswitch ? 'clientdetailbusinessarr value' : 'clientdetailarr value', val);
-                              if (val) {
-                                // clientdetails(val.tenantid)
-                                if (clientinfo.customerid == val.customerid) {
-                                  opentoast('choose different Location', 'warning');
-                                  setTenantinfo({});
-                                } else {
-                                  setTenantinfo(val);
-                                }
-                              } else {
-                                setTenantinfo({});
-                              }
-
-                              console.log(val);
-                              setStartPoint({ latitude: val.latitude, longitude: val.longitude });
-                            }}
-                            noOptionsText={
-                              // <Button>ok</Button>
-                              <Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'}>
-                                <Typography>No options</Typography>
-                                {!pickupswitch && (
-                                  <Button
-                                    variant="outlined"
-                                    onClick={() => {
-                                      setOpen4(true);
-                                    }}
-                                    color="success"
-                                    startIcon={<PlusOutlined />}
-                                  >
-                                    Create Customer
-                                  </Button>
-                                )}
-                              </Stack>
-                            }
-                          /> */}
-                          <Stack spacing={1.25} sx={{ mt: 2 }}>
-                            {addId1 == 0 ? (
-                              // <Autocomplete
-                              //   id="google-map-demo"
-                              //   fullWidth
-                              //   getOptionLabel={(option) => (typeof option === 'string' ? option : option.description)}
-                              //   filterOptions={(x) => x}
-                              //   options={options}
-                              //   // options={pickCust}
-                              //   autoComplete
-                              //   includeInputInList
-                              //   filterSelectedOptions
-                              //   value={value}
-                              //   // value={pickCust.address}
-                              //   noOptionsText="No locations"
-                              //   onChange={(event, newValue, reason) => {
-                              //     if (reason == 'clear') {
-                              //       setValue(null);
-                              //     }
-                              //     console.log('pick location', newValue);
-                              //     // setOptions(newValue ? [newValue, ...options] : options);
-                              //     setValue(newValue);
-                              //     setAddress(newValue.description);
-                              //     setPickCust({ ...pickCust, address: newValue.description });
-                              //   }}
-                              //   onInputChange={(event, newInputValue) => {
-                              //     setInputValue(newInputValue);
-                              //   }}
-                              //   renderInput={(params) => <TextField {...params} placeholder="Address" fullWidth />}
-                              //   renderOption={(props, option) => {
-                              //     const matches = option.structured_formatting.main_text_matched_substrings || [];
-                              //     const parts = parse(
-                              //       option.structured_formatting.main_text,
-                              //       matches.map((match) => [match.offset, match.offset + match.length])
-                              //     );
-
-                              //     return (
-                              //       <li {...props}>
-                              //         <Grid container alignItems="center">
-                              //           <Grid item sx={{ display: 'flex', width: 44 }}>
-                              //             <LocationOnIcon sx={{ color: 'text.secondary' }} />
-                              //           </Grid>
-                              //           <Grid item sx={{ width: 'calc(100% - 44px)', wordWrap: 'break-word' }}>
-                              //             {parts.map((part, index) => (
-                              //               <Box key={index} component="span" sx={{ fontWeight: part.highlight ? 'bold' : 'regular' }}>
-                              //                 {part.text}
-                              //               </Box>
-                              //             ))}
-                              //             <Typography variant="body2" color="text.secondary">
-                              //               {option.structured_formatting.secondary_text}
-                              //             </Typography>
-                              //           </Grid>
-                              //         </Grid>
-                              //       </li>
-                              //     );
-                              //   }}
-                              // />
-                              <div>
-                                <TextField
-                                  disabled={!isLocation}
-                                  id="addressAuto1"
-                                  placeholder="Search"
-                                  fullWidth
-                                  value={inputValue2}
-                                  onChange={(e) => setInputValue2(e.target.value)}
-                                  InputProps={{
-                                    endAdornment: (
-                                      <IconButton
-                                        onClick={() => {
-                                          setInputValue2('');
-                                          setPickCust({
-                                            ...pickCust,
-                                            doorno: '',
-                                            suburb: '',
-                                            city: '',
-                                            postcode: '',
-                                            landmark: ''
-                                          });
-                                          setShowDistance(false);
-                                          setStartPoint({ latitude: 0, longitude: 0 });
-                                        }}
-                                        size="small"
-                                      >
-                                        <CloseIcon />
-                                      </IconButton>
-                                    )
-                                  }}
-                                />
-                              </div>
-                            ) : (
-                              <TextField
-                                InputProps={{
-                                  endAdornment: (
-                                    <IconButton
-                                      onClick={() => {
-                                        setAddId1(0);
-                                        setPickCust({
-                                          ...pickCust,
-                                          firstname: '',
-                                          contactno: '',
-                                          doorno: '',
-                                          suburb: '',
-                                          city: '',
-                                          postcode: '',
-                                          landmark: ''
-                                        });
-                                        setShowDistance(false);
-                                        setStartPoint({ latitude: 0, longitude: 0 });
-                                      }}
-                                    >
-                                      <ClearIcon />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                placeholder="Select"
-                                value={pickCust.address}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, address: e.target.value });
-                                  if (e.target.value == '') {
-                                    setAddId1(0);
-                                    setShowDistance(false);
-                                    setStartPoint({ latitude: 0, longitude: 0 });
-                                  }
-                                }}
-                              />
-                            )}
-                          </Stack>
-                        </Grid>
-
-                        <Grid item xs={12} sx={{}}>
-                          <Typography variant="h5" sx={{ my: 2 }}>
-                            Pickup Details
-                          </Typography>
-                          <Grid container spacing={4}>
-                            {/* ====================================== ||Contact Name (pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaUser />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Contact Name"
-                                value={pickCust.firstname}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, firstname: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Contact Number(pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                type="number"
-                                InputProps={{
-                                  inputProps: {
-                                    maxLength: 10
-                                  },
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaPhoneAlt />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Contact Number"
-                                value={pickCust.contactno}
-                                onChange={(e) => {
-                                  if (e.target.value.length <= 10) {
-                                    setPickCust({ ...pickCust, contactno: e.target.value });
-                                  }
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Door No (pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <GiDoorHandle />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Door No / Street"
-                                value={pickCust.doorno}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, doorno: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== || Suburb (pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaLocationDot />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Location"
-                                value={pickCust.suburb}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, suburb: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== || City (pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <MdLocationCity />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="City"
-                                value={pickCust.city}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, city: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== || postcode (pick) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <TbMapPinCode />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Postcode"
-                                value={pickCust.postcode}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, postcode: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== || Landmark (pick) || ====================================== */}
-                            <Grid item xs={12}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaLandmarkDome />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                label="Landmark"
-                                value={pickCust.landmark}
-                                onChange={(e) => {
-                                  setPickCust({ ...pickCust, landmark: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                          </Grid>
-                        </Grid>
-                        {/* <Stack
-                          sx={{ width: '100%', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'end', mt: 2 }}
-                        >
-                          <Button
-                            variant="outlined"
-                            sx={{
-                              width: 130,
-                              '&:hover': {
-                                bgcolor: theme.palette.primary.main,
-                                color: 'white'
-                              }
-                            }}
-                            onClick={() => {
-                              console.log('pickCust', pickCust);
-                              console.log('dropCust', dropCust);
-                            }}
-                          >
-                            Save for Later
-                          </Button>
-                        </Stack> */}
-                      </Grid>
-                    </MainCard>
-                  </Grid>
-                  {/* ================================================= || Drop || ================================================= */}
-                  <Grid item xs={12} sm={6}>
-                    <MainCard sx={{ height: '100%' }}>
-                      <Grid container spacing={2} sx={{ height: '100%' }}>
-                        <Grid item xs={12} sx={{ height: '100%' }}>
-                          <Stack direction={'row'} justifyContent={'space-between'}>
-                            <Typography variant="h5">Drop</Typography>
-                            <Stack direction={'row'} alignItems={'center'}>
-                              {/* <Typography>Customer</Typography> */}
-                              {/* <Switch
-                                checked={dropswitch}
-                                onChange={(e, val) => {
-                                  if (val) {
-                                    setDropswitch(true);
-                                    setClientinfo({});
-                                  } else {
-                                    setDropswitch(false);
-                                    setClientinfo({});
-                                  }
-                                }}
-                                size="small"
-                              />
-                              <Typography>Business</Typography> */}
-                              <Button
-                                variant="outlined"
-                                sx={{
-                                  '&:hover': {
-                                    bgcolor: theme.palette.primary.main,
-                                    color: 'white'
-                                  }
-                                }}
-                                onClick={() => {
-                                  if (!isLocation) {
-                                    opentoast('Select Business Location', 'warning');
-                                  } else {
-                                    setIsCustomerOpen(true);
-                                    setpickordrop(2);
-                                    setAddId2(1);
-                                    setInputValue3('');
-                                    setSearchCustList('');
-                                  }
-                                }}
-                              >
-                                Saved Locations
-                              </Button>
-                            </Stack>
-                          </Stack>
-                          {/* <Autocomplete
-                            id="free-solo-demo"
-                            sx={{ mt: 2 }}
-                            // options={clientdetailarr}
-                            options={dropswitch ? clientdetailbusinessarr : clientdetailarr}
-                            renderInput={(params) => <TextField {...params} label="Choose Location" />}
-                            onChange={(e, val) => {
-                              if (val) {
-                                if (tenantinfo.customerid == val.customerid) {
-                                  opentoast('choose different Location', 'warning');
-                                  setClientinfo({});
-                                } else {
-                                  setClientinfo(val);
-                                }
-                              } else {
-                                setClientinfo({});
-                              }
-
-                              console.log(val);
-                              setEndPoint({ latitude: val.latitude, longitude: val.longitude });
-                            }}
-                            noOptionsText={
-                              // <Button>ok</Button>
-                              <Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'}>
-                                <Typography>No options</Typography>
-                                {!dropswitch && (
-                                  <Button
-                                    variant="outlined"
-                                    onClick={() => {
-                                      setOpen4(true);
-                                    }}
-                                    color="success"
-                                    startIcon={<PlusOutlined />}
-                                  >
-                                    Create Customer
-                                  </Button>
-                                )}
-                              </Stack>
-                            }
-                          /> */}
-                          <Stack spacing={1.25} sx={{ mt: 2 }}>
-                            {addId2 == 0 ? (
-                              // <Autocomplete
-                              //   id="google-map-demo"
-                              //   fullWidth
-                              //   getOptionLabel={(option) => (typeof option === 'string' ? option : option.description)}
-                              //   filterOptions={(x) => x}
-                              //   options={options1}
-                              //   autoComplete
-                              //   includeInputInList
-                              //   filterSelectedOptions
-                              //   value={value1}
-                              //   // value={dropCust.address}
-                              //   noOptionsText="No locations"
-                              //   onChange={(event, newValue) => {
-                              //     setOptions1(newValue ? [newValue, ...options1] : options1);
-                              //     setValue1(newValue);
-                              //     console.log(newValue);
-                              //     setAddress1(newValue.description);
-                              //     setDropCust({ ...dropCust, address: newValue.description });
-                              //   }}
-                              //   onInputChange={(event, newInputValue) => {
-                              //     setInputValue1(newInputValue);
-                              //   }}
-                              //   renderInput={(params) => <TextField {...params} label="Address" fullWidth />}
-                              //   renderOption={(props, option) => {
-                              //     const matches = option.structured_formatting.main_text_matched_substrings || [];
-                              //     const parts = parse(
-                              //       option.structured_formatting.main_text,
-                              //       matches.map((match) => [match.offset, match.offset + match.length])
-                              //     );
-
-                              //     return (
-                              //       <li {...props}>
-                              //         <Grid container alignItems="center">
-                              //           <Grid item sx={{ display: 'flex', width: 44 }}>
-                              //             <LocationOnIcon sx={{ color: 'text.secondary' }} />
-                              //           </Grid>
-                              //           <Grid item sx={{ width: 'calc(100% - 44px)', wordWrap: 'break-word' }}>
-                              //             {parts.map((part, index) => (
-                              //               <Box key={index} component="span" sx={{ fontWeight: part.highlight ? 'bold' : 'regular' }}>
-                              //                 {part.text}
-                              //               </Box>
-                              //             ))}
-                              //             <Typography variant="body2" color="text.secondary">
-                              //               {option.structured_formatting.secondary_text}
-                              //             </Typography>
-                              //           </Grid>
-                              //         </Grid>
-                              //       </li>
-                              //     );
-                              //   }}
-                              // />
-                              <div>
-                                <TextField
-                                  id="addressAuto2"
-                                  disabled={!isLocation}
-                                  placeholder="Search"
-                                  fullWidth
-                                  value={inputValue3}
-                                  onChange={(e) => setInputValue3(e.target.value)}
-                                  InputProps={{
-                                    endAdornment: (
-                                      <IconButton
-                                        onClick={() => {
-                                          setInputValue3('');
-                                          setDropCust({
-                                            ...dropCust,
-                                            doorno: '',
-                                            suburb: '',
-                                            city: '',
-                                            postcode: '',
-                                            landmark: ''
-                                          });
-                                          setShowDistance(false);
-                                          setEndPoint({ latitude: 0, longitude: 0 });
-                                        }}
-                                        size="small"
-                                      >
-                                        <CloseIcon />
-                                      </IconButton>
-                                    )
-                                  }}
-                                />
-                              </div>
-                            ) : (
-                              <TextField
-                                disabled={!isLocation}
-                                InputProps={{
-                                  endAdornment: (
-                                    <IconButton
-                                      onClick={() => {
-                                        setAddId2(0);
-                                        setDropCust({
-                                          ...dropCust,
-                                          firstname: '',
-                                          contactno: '',
-                                          doorno: '',
-                                          suburb: '',
-                                          city: '',
-                                          postcode: '',
-                                          landmark: ''
-                                        });
-                                        setShowDistance(false);
-                                        setEndPoint({ latitude: 0, longitude: 0 });
-                                      }}
-                                    >
-                                      <ClearIcon />
-                                    </IconButton>
-                                  )
-                                }}
-                                variant="outlined"
-                                placeholder="Select"
-                                value={dropCust.address}
-                                onChange={(e) => {
-                                  setPickCust({ ...dropCust, address: e.target.value });
-                                  if (e.target.value == '') {
-                                    setAddId2(0);
-                                    setShowDistance(false);
-                                    setEndPoint({ latitude: 0, longitude: 0 });
-                                  }
-                                }}
-                              />
-                            )}
-                          </Stack>
-                        </Grid>
-
-                        <Grid item xs={12}>
-                          <Typography variant="h5" sx={{ my: 2 }}>
-                            Drop Details
-                          </Typography>
-                          <Grid container spacing={4}>
-                            {/* ====================================== ||Contact Name (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="Contact Name"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaUser />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.firstname}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, firstname: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Contact Number (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                type="number"
-                                variant="outlined"
-                                label="Contact Number"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaPhoneAlt />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.contactno}
-                                onChange={(e) => {
-                                  if (e.target.value.length <= 10) {
-                                    setDropCust({ ...dropCust, contactno: e.target.value });
-                                  }
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Door No (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="Door No / Street"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <GiDoorHandle />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.doorno}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, doorno: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Suburb (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="Location"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaLocationDot />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.suburb}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, suburb: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||City (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="City"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <MdLocationCity />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.city}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, city: e.target.value });
-                                }}
-                              />
-                            </Grid>
-
-                            {/* ====================================== ||Postcode (drop) || ====================================== */}
-                            <Grid item xs={6}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="Postcode"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <TbMapPinCode />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.postcode}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, postcode: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                            {/* ====================================== ||Landmark (drop) || ====================================== */}
-                            <Grid item xs={12}>
-                              <TextField
-                                disabled={!isLocation}
-                                fullWidth
-                                variant="outlined"
-                                label="Landmark"
-                                InputProps={{
-                                  startAdornment: (
-                                    <IconButton>
-                                      <FaLandmarkDome />
-                                    </IconButton>
-                                  )
-                                }}
-                                value={dropCust.landmark}
-                                onChange={(e) => {
-                                  setDropCust({ ...dropCust, landmark: e.target.value });
-                                }}
-                              />
-                            </Grid>
-                          </Grid>
-                        </Grid>
-                        {/* <Stack
-                          sx={{ width: '100%', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'end', mt: 2 }}
-                        >
-                          <Button
-                            variant="outlined"
-                            sx={{
-                              width: 130,
-                              '&:hover': {
-                                bgcolor: theme.palette.primary.main,
-                                color: 'white'
-                              }
-                            }}
-                          >
-                            Save for Later
-                          </Button>
-                        </Stack> */}
-                      </Grid>
-                    </MainCard>
-                  </Grid>
-                  {/* ================================================= || Time || ================================================= */}
-                  <Grid item xs={12} sm={6}>
-                    <MainCard sx={{ mt: 2 }}>
-                      <Grid container>
-                        <Grid item xs={12}>
-                          <Typography variant="h5">Date</Typography>
-                          <LocalizationProvider dateAdapter={AdapterDayjs} sx={{}}>
-                            <DatePicker
-                              format="DD-MM-YYYY"
-                              onChange={(e) => {
-                                let dateres11 = dayjs().diff(dayjs(`${dayjs(e).format('YYYY-MM-DD')}`), 'd');
-                                console.log('dateres11');
-                                console.log(dateres11);
-                                setSelectedtime('');
-                                if (dateres11 <= 0) {
-                                  console.log('startdate', e);
-                                  setStartdate(e);
-                                  setEnddate(e);
-
-                                  let arr = [];
-                                  timeslotarr.map((val) => {
-                                    if (
-                                      dayjs().diff(dayjs(`${dayjs(e).format('MM-DD-YYYY')} ${dayjs(val).format('HH:mm:ss')}`), 'm') <= 0
-                                    ) {
-                                      arr.push(val);
-                                    }
-                                  });
-                                  if (arr[0]) {
-                                    setOrderarr([
-                                      {
-                                        sno: 1,
-                                        address: '',
-                                        customerid: '',
-                                        deliverytime: dayjs(arr[0]) || '',
-                                        deliverylocationid: '',
-                                        clientname: '',
-                                        contactno: '',
-                                        latitude: '',
-                                        longitude: ''
-                                      }
-                                    ]);
-                                  } else {
-                                    setOrderarr([]);
-                                  }
-                                } else {
-                                  setAlertmessage('choose Upcoming Date');
-                                  opentoast('choose Upcoming Date', 'warning');
-                                  setStartdate(NaN);
-                                }
-                              }}
-                              value={dayjs(startdate)}
-                              sx={{ width: '100%', mt: 2 }}
-                              disablePast
-                            />
-                          </LocalizationProvider>
-                          <Typography variant="h5" sx={{ my: 2 }}>
-                            Time
-                          </Typography>
-                          <MainCard
-                            sx={{
-                              mt: 1,
-                              height: { md: '150px' },
-
-                              overflowY: 'scroll',
-                              scrollbarWidth: 'thin', // Hide scrollbar in Firefox
-                              '&::-webkit-scrollbar': {
-                                width: '3px' // Customize the width of the scrollbar
-                              },
-                              '&::-webkit-scrollbar-thumb': {
-                                backgroundColor: '#65387A', // Customize the scrollbar thumb color
-                                borderRadius: '6px' // Round the scrollbar thumb
-                              }
-                            }}
-                          >
-                            <Grid container spacing={2}>
-                              {timeslotarr.map((val, index) => {
-                                if (
-                                  dayjs().diff(dayjs(`${dayjs(startdate).format('MM-DD-YYYY')} ${dayjs(val).format('HH:mm:ss')}`), 'm') <= 0
-                                ) {
-                                  return (
-                                    <Fragment key={index}>
-                                      <Grid item>
-                                        <Chip
-                                          key={index}
-                                          sx={{ cursor: 'pointer' }}
-                                          color={dayjs(selectedtime).format('HH:mm') == dayjs(val).format('HH:mm') ? 'primary' : 'default'}
-                                          label={dayjs(val).format('hh:mm A')}
-                                          onClick={() => {
-                                            if (distance > appLocaRadius) {
-                                              setOpen4(true);
-                                            } else if (showDistance) {
-                                              console.log('selectedtime', val);
-                                              setSelectedtime(val);
-                                            } else {
-                                              opentoast('Select Pickup and Drop', 'error');
-                                            }
-                                          }}
-                                        />
-                                      </Grid>
-                                    </Fragment>
-                                  );
-                                }
-                              })}
-                            </Grid>
-                          </MainCard>
-                        </Grid>
-                      </Grid>
-                    </MainCard>
-                  </Grid>
-                  <Grid item xs={12} sm={6} sx={{}}>
-                    <MainCard sx={{ mt: 2, height: 330 }}>
-                      {showDistance && (
-                        <Stack sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', mb: 3 }}>
-                          <Stack spacing={1.5}>
-                            <Typography variant="h5">Distance</Typography>
-
-                            <Chip label={`Distance: ${distance} km`} size="medium" variant="contained" color="primary" />
-                          </Stack>
-                          <Stack spacing={1.5}>
-                            <Typography variant="h5">Charges</Typography>
-                            <Chip label={`Charge: ₹${totalCharge.toFixed(2)}`} size="medium" variant="contained" color="primary" />
-                          </Stack>
-                        </Stack>
-                      )}
-                      <Typography variant="h5">Category</Typography>
-                      <Autocomplete
-                        disablePortal
-                        id="combo-box-demo"
-                        options={subCat}
-                        getOptionLabel={(option) => `${option.subcategoryname}` || ''}
-                        sx={{ my: 2, zIndex: '100' }}
-                        fullWidth
-                        renderInput={(params) => <TextField {...params} label={subCatName == '' ? tenant.subcategoryname : subCatName} />}
-                        onChange={(event, value, reason) => {
-                          if (value) {
-                            console.log(value);
-                            setSubCatName(value.subcategoryname);
-                            setSubCatId(value.subcategoryid);
-                          }
-                        }}
-                      />
-                      <Typography variant="h5">Weight</Typography>
-                      <Stack direction={'row'} justifyContent={'space-evenly'} sx={{ border: '1px solid #eee', my: 2, py: 2 }}>
-                        <Chip
-                          variant="contained"
-                          color="default"
-                          label="1-10kgs"
-                          sx={chipStyle('1-10kgs')}
-                          onClick={() => {
-                            handleChipClick('1-10kgs');
-                            setWeight('1-10kgs');
-                          }}
-                        />
-                        <Chip
-                          variant="contained"
-                          color="default"
-                          label="11-20kgs"
-                          sx={chipStyle('11-20kgs')}
-                          onClick={() => {
-                            handleChipClick('11-20kgs');
-                            setWeight('11-20kgs');
-                          }}
-                        />
-                        <Chip
-                          variant="contained"
-                          color="default"
-                          label="21-30kgs"
-                          sx={chipStyle('21-30kgs')}
-                          onClick={() => {
-                            handleChipClick('21-30kgs');
-                            setWeight('21-30kgs');
-                          }}
-                        />
-                      </Stack>
-                    </MainCard>
-                  </Grid>
-                </Grid>
-              </Grid>
-            </Grid>
-            {/* ================================================= || Notes || ================================================= */}
-            <MainCard sx={{ mt: 2 }}>
-              <Grid container>
-                <Grid item xs={12}>
-                  <TextField
-                    focused
-                    variant="outlined"
-                    id="outlined-multiline-static"
-                    sx={{ width: '100%', height: '100%', mb: 2 }}
-                    multiline
-                    rows={1}
-                    label="Notes"
-                    placeholder="Notes"
-                    value={otherinstructions}
-                    onChange={(e) => setOtherinstructions(e.target.value)}
-                  />
-
-                  {/* </Grid> */}
-                </Grid>
-                <Stack direction="row" justifyContent={'end'} sx={{ mt: 2, width: '100%' }}>
-                  <Button
-                    disabled={!showDistance}
-                    variant="contained"
-                    sx={{
-                      '&:hover': {
-                        bgcolor: 'white',
-                        color: theme.palette.primary.main,
-                        border: `1px solid ${theme.palette.primary.main}`
-                      }
-                    }}
-                    onClick={() => {
-                      setLoading(true);
-                      createsubmitobj2();
-                      setTimeout(() => {
-                        setLoading(false);
-                      }, 1000);
-                    }}
-                  >
-                    Create
-                  </Button>
-                </Stack>
-              </Grid>
-            </MainCard>
-          </Box>
-        </Grid>
-
-        {/* <Dialog
-          open={open3}
-          onClose={closetimemodal}
-          sx={{ '& .MuiDialog-paper': { p: 0 }, '& .MuiBackdrop-root': { opacity: '0.5 !important' } }}
-        >
-          <DialogTitle>
-            <Stack direction="row" justifyContent="space-between" alignItems="center">
-              <Typography variant="h5">Select Time</Typography>
-            </Stack>
-          </DialogTitle>
-          <Divider />
-          <DialogContent sx={{ p: 2.5 }}>
-            <Grid container spacing={2}>
-              {timeslotarr.map((val) => {
-                if (
-                  dayjs().diff(dayjs(`${dayjs(startdate).format('MM-DD-YYYY')} ${dayjs(val).format('HH:mm:ss')}`), 'm') <= 0
-                  // && currentsno
-                ) {
-                  return (
-                    <>
-                      <Grid item>
-                        <Chip
-                          sx={{ cursor: 'pointer' }}
-                          label={dayjs(val).format('hh:mm A')}
-                          onClick={() => {
-                            setSelectedtime(dayjs(val).format('hh:mm A'));
-                          }}
-                        />
-                      </Grid>
-                    </>
-                  );
-                }
-              })}
-            </Grid>
-          </DialogContent>
-          <Divider />
-          <DialogActions sx={{ p: 2.5, minWidth: '300px' }}>
-            <Button
-              variant="contained"
-              color="error"
-              onClick={() => {
-                closetimemodal();
-              }}
-            >
-              Cancel
-            </Button>
-            <Button onClick={closetimemodal} color="primary" variant="contained">
-              OK
-            </Button>
-          </DialogActions>
-        </Dialog> */}
-
-        {/* ============================================= || saved address Dialog || ============================================= */}
-        <Dialog
-          open={isCustomerOpen}
-          onClose={() => {
-            setIsCustomerOpen(false);
-          }}
-          fullWidth
-          sx={{ minWidth: 'lg' }}
-        >
-          <DialogTitle sx={{ bgcolor: theme.palette.primary.main, color: 'white' }}>
-            <Stack>
-              <Typography variant="h4"> {`Select Location (${pickordrop === 1 ? 'Pickup' : 'Drop'})`}</Typography>
-              <FormControl
-                sx={{
-                  width: '100%',
-                  mt: 1
-                }}
-              >
-                <Stack spacing={2} sx={{ py: 0.2 }}>
-                  <OutlinedInput
-                    fullWidth
-                    id="input-search-header"
-                    placeholder="Search"
-                    value={searchCustList}
-                    onChange={(e) => setSearchCustList(e.target.value)}
-                    // onChange={handleSearch}
-                    sx={{
-                      '& .MuiOutlinedInput-input': {
-                        p: '10.5px 0px 12px'
-                      },
-                      bgcolor: 'white'
-                    }}
-                    startAdornment={
-                      <InputAdornment position="start">
-                        <SearchOutlined style={{ fontSize: 'small' }} />
-                      </InputAdornment>
-                    }
-                    endAdornment={
-                      <IconButton
-                        sx={{ visibility: searchCustList ? 'visible' : 'hidden' }}
-                        onClick={() => {
-                          setSearchCustList('');
-                        }}
-                      >
-                        <ClearIcon />
-                      </IconButton>
-                    }
-                    autoComplete="off"
-                  />
-                </Stack>
-              </FormControl>
-            </Stack>
-          </DialogTitle>
-          <Divider />
-          <DialogContent sx={{ p: 2.5 }}>
-            {customerlist.length == 0 ? (
-              <Stack spacing={2} direction={'row'} alignItems={'center'} justifyContent={'center'} sx={{ minHeight: 600, maxHeight: 600 }}>
-                <Empty />
-              </Stack>
-            ) : (
-              <Stack spacing={2} sx={{ minHeight: 600, maxHeight: 600 }}>
-                {customerlist &&
-                  customerlist.map((address, index) => (
-                    <Button
-                      onClick={() => {
-                        setIsCustomerOpen(false);
-                        if (pickordrop === 1) {
-                          console.log('PickupClient', address);
-
-                          setStartPoint({ latitude: address.latitude, longitude: address.longitude });
-                          setPickCust(address);
-                        } else {
-                          console.log('DropClient', address);
-                          setDropCust(address);
-                          setEndPoint({ latitude: address.latitude, longitude: address.longitude });
-                        }
-                      }}
-                      disabled={pickCust.customerid === address.customerid}
-                      key={index}
-                      sx={{
-                        width: '100%',
-                        border: '1px solid',
-                        borderColor: 'grey.200',
-                        borderRadius: 1,
-                        p: 1.25,
-                        // bgcolor: pickCust.customerid === address.customerid ? theme.palette.primary.main : null,
-                        // color: pickCust.customerid === address.customerid ? 'white' : null,
-                        '&:hover': {
-                          // bgcolor: pickCust.customerid === address.customerid ? theme.palette.primary.main : theme.palette.primary.lighter,
-                          // color: pickCust.customerid === address.customerid ? 'white' : null
-                        }
-                      }}
-                    >
-                      <div style={{ width: '100%' }}>
-                        <Typography variant="subtitle1" sx={{ textAlign: 'left' }}>
-                          {`${address.firstname} (${address.contactno})`}
-                        </Typography>
-
-                        <Typography variant="body2" color="secondary" sx={{ textAlign: 'left' }}>
-                          {address.address}
-                        </Typography>
-                      </div>
-                    </Button>
-                  ))}
-              </Stack>
-            )}
-          </DialogContent>
-          <Divider />
-          <DialogActions sx={{ p: 2.5 }}>
-            <Button
-              color="error"
-              variant="outlined"
-              sx={{
-                '&:hover': {
-                  bgcolor: 'red',
-                  color: 'white'
-                }
-              }}
-              onClick={() => {
-                setIsCustomerOpen(false);
-              }}
-            >
-              Cancel
-            </Button>
-            {/* <Button
-              onClick={() => {
-                setIsCustomerOpen(false);
-              }}
-              color="primary"
-              variant="contained"
-            >
-              ok
-            </Button> */}
-          </DialogActions>
-        </Dialog>
-
-        <Dialog
-          // anchor={'right'}
-          open={open4}
-          onClose={() => {
-            setOpen4(false);
-          }}
-        >
-          <DialogTitle sx={{ textAlign: 'center' }}>
-            <HighlightOffIcon sx={{ fontSize: 60, color: theme.palette.error.main }} />
-            <Typography variant="h3" sx={{ color: theme.palette.error.main }}>
-              Error
-            </Typography>
-          </DialogTitle>
-          <DialogContent>
-            <Typography variant="h4" color={'secondary'}>
-              Service not available at this location
-            </Typography>
-          </DialogContent>
-          <DialogActions
-            sx={{
-              bgcolor: theme.palette.error.main,
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-              fontSize: 20,
-              color: 'white',
-              cursor: 'pointer'
-            }}
-            onClick={() => {
-              setOpen4(false);
-            }}
-          >
-            Close
-          </DialogActions>
-        </Dialog>
-      </Grid>
-    </>
-  );
-};
-
-export default Createorder1;
diff --git a/src/pages/nearle/reports/RiderLocationMap.js b/src/pages/nearle/reports/RiderLocationMap.js
index 5dfabf2..1d484eb 100644
--- a/src/pages/nearle/reports/RiderLocationMap.js
+++ b/src/pages/nearle/reports/RiderLocationMap.js
@@ -1,76 +1,55 @@
 import { Button } from '@mui/material';
-import { LoadScriptNext, GoogleMap, Marker, OverlayView } from '@react-google-maps/api';
+import { MapContainer, TileLayer, Marker, Tooltip } from 'react-leaflet';
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
 
 const containerStyle = {
   width: '100%',
   height: 'calc(100vh - 150px)'
 };
 
+// Green marker
+const GreenIcon = new L.Icon({
+  iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
+  shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
+  iconSize: [25, 41],
+  iconAnchor: [12, 41],
+  shadowSize: [41, 41]
+});
+
+// Red marker
+const RedIcon = new L.Icon({
+  iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png',
+  shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
+  iconSize: [25, 41],
+  iconAnchor: [12, 41],
+  shadowSize: [41, 41]
+});
+
 export default function RiderLocationMap({ riderLocations }) {
   console.log('riderLocations', riderLocations);
 
-  const center = {
-    lat: Number(riderLocations?.[0]?.latitude || 11.0056),
-    lng: Number(riderLocations?.[0]?.longitude || 76.9661)
-  };
-  const GreenIcon = {
-    url: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
-    scaledSize: new window.google.maps.Size(25, 41),
-    anchor: new window.google.maps.Point(12, 41)
-  };
-
-  const RedIcon = {
-    url: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png',
-    scaledSize: new window.google.maps.Size(25, 41),
-    anchor: new window.google.maps.Point(12, 41)
-  };
+  const center = [Number(riderLocations?.[0]?.latitude || 11.0056), Number(riderLocations?.[0]?.longitude || 76.9661)];
 
   return (
-    <LoadScriptNext googleMapsApiKey={process.env.REACT_APP_GOOGLE_MAPS_API_KEY}>
-      <GoogleMap mapContainerStyle={containerStyle} zoom={12} center={center}>
-        {riderLocations &&
-          riderLocations?.map((r, index) => {
-            const lat = Number(r.latitude);
-            const lng = Number(r.longitude);
-            return (
-              <div key={index}>
-                {/* Marker */}
-                <Marker
-                  position={{ lat, lng }}
-                  icon={r.status == 'active' ? GreenIcon : RedIcon}
-                  label={{
-                    fontSize: '14px',
-                    fontWeight: 'bold'
-                  }}
-                />
-                <OverlayView position={{ lat, lng }} mapPaneName={OverlayView.OVERLAY_LAYER}>
-                  <div
-                    style={{
-                      background: 'none',
-                      color: 'green',
-                      padding: '2px 8px',
-                      borderRadius: '4px',
-                      fontSize: '12px',
-                      fontWeight: 600,
-                      whiteSpace: 'nowrap',
-                      transform: 'translate(-50%, -140%)',
-                      pointerEvents: 'none',
-                      ml: 20
-                    }}
-                  >
-                    <Button variant="contained" color="primary" size="small">
-                      {` ${r.username} `}
-                      {/* <br /> */}
-                      {/* {`${r.contactno || '##### ##### '}   `} */}
-                      <br />
-                      {`(${r.orderid || ''})   `}
-                    </Button>
-                  </div>
-                </OverlayView>
-              </div>
-            );
-          })}
-      </GoogleMap>
-    </LoadScriptNext>
+    <MapContainer center={center} zoom={12} style={containerStyle}>
+      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" attribution="&copy; OpenStreetMap contributors" />
+      {riderLocations &&
+        riderLocations.map((r, index) => {
+          const lat = Number(r.latitude);
+          const lng = Number(r.longitude);
+          return (
+            <Marker key={index} position={[lat, lng]} icon={r.status == 'active' ? GreenIcon : RedIcon}>
+              <Tooltip permanent direction="top" offset={[0, -35]} opacity={1} className="rider-location-tooltip">
+                <Button variant="contained" color="primary" size="small">
+                  {` ${r.username} `}
+                  <br />
+                  {`(${r.orderid || ''})   `}
+                </Button>
+              </Tooltip>
+            </Marker>
+          );
+        })}
+    </MapContainer>
   );
 }
diff --git a/yarn.lock b/yarn.lock
index 7189b30..57f1211 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -78,7 +78,7 @@
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.4.tgz"
   integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.0", "@babel/core@^7.12.3", "@babel/core@^7.13.0", "@babel/core@^7.16.0", "@babel/core@^7.21.3", "@babel/core@^7.21.4", "@babel/core@^7.4.0-0", "@babel/core@^7.7.2", "@babel/core@^7.8.0", "@babel/core@>=7.11.0":
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.21.3", "@babel/core@^7.21.4", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   version "7.21.4"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.21.4.tgz"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -542,7 +542,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.14.5", "@babel/plugin-syntax-flow@^7.16.7":
+"@babel/plugin-syntax-flow@^7.16.7":
   version "7.16.7"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.16.7.tgz"
   integrity sha512-UDo3YGQO0jH6ytzVwgSLv9i/CzMcUjbKenL67dTrAZPPv6GFAtDhe6jqnvmoKzC/7htNTohhos+onPtDMqJwaQ==
@@ -854,7 +854,7 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
-"@babel/plugin-transform-react-jsx@^7.14.9", "@babel/plugin-transform-react-jsx@^7.18.6":
+"@babel/plugin-transform-react-jsx@^7.18.6":
   version "7.19.0"
   resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz"
   integrity sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==
@@ -1310,7 +1310,7 @@
   resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz"
   integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
 
-"@emotion/react@^11.0.0-rc.0", "@emotion/react@^11.10.6", "@emotion/react@^11.4.1", "@emotion/react@^11.5.0", "@emotion/react@^11.7.1", "@emotion/react@^11.9.0":
+"@emotion/react@^11.10.6":
   version "11.10.6"
   resolved "https://registry.npmjs.org/@emotion/react/-/react-11.10.6.tgz"
   integrity sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==
@@ -1340,7 +1340,7 @@
   resolved "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz"
   integrity sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==
 
-"@emotion/styled@^11.10.6", "@emotion/styled@^11.3.0", "@emotion/styled@^11.6.0", "@emotion/styled@^11.8.1":
+"@emotion/styled@^11.10.6":
   version "11.10.6"
   resolved "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.6.tgz"
   integrity sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==
@@ -1506,19 +1506,6 @@
     intl-messageformat "10.3.4"
     tslib "^2.4.0"
 
-"@googlemaps/js-api-loader@1.16.8":
-  version "1.16.8"
-  resolved "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.8.tgz"
-  integrity sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ==
-
-"@googlemaps/markerclusterer@2.5.3":
-  version "2.5.3"
-  resolved "https://registry.npmjs.org/@googlemaps/markerclusterer/-/markerclusterer-2.5.3.tgz"
-  integrity sha512-x7lX0R5yYOoiNectr10wLgCBasNcXFHiADIBdmn7jQllF2B5ENQw5XtZK+hIw4xnV0Df0xhN4LN98XqA5jaiOw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-    supercluster "^8.0.1"
-
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
   resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz"
@@ -1858,7 +1845,7 @@
   resolved "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.12.1.tgz"
   integrity sha512-rNiQYHtkXljcvCEnhWrJzie1ifff5O98j3uW7ZlchFgD8HWxEcz/QoxZvo+sCKC9aayAgxi9RsVn2VjCyp5CrA==
 
-"@mui/icons-material@^5.0.4", "@mui/icons-material@^5.14.19":
+"@mui/icons-material@^5.14.19":
   version "5.14.19"
   resolved "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.19.tgz"
   integrity sha512-yjP8nluXxZGe3Y7pS+yxBV+hWZSsSBampCxkZwaw+1l+feL+rfP74vbEFbMrX/Kil9I/Y1tWfy5bs/eNvwNpWw==
@@ -1879,7 +1866,7 @@
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
-"@mui/material@^5.0.0", "@mui/material@^5.12.1", "@mui/material@^5.2.6", "@mui/material@^5.8.6":
+"@mui/material@^5.12.1":
   version "5.12.1"
   resolved "https://registry.npmjs.org/@mui/material/-/material-5.12.1.tgz"
   integrity sha512-m+G9J6+FzIMhRqKV2y30yONH97wX107z9EWgiNCeS1/+y1CnytFZNG1ENdOuaJo1NimCRnmB/iXPvoOaSo6dOg==
@@ -1916,7 +1903,7 @@
     csstype "^3.1.2"
     prop-types "^15.8.1"
 
-"@mui/system@^5.0.6", "@mui/system@^5.12.1", "@mui/system@^5.8.0":
+"@mui/system@^5.12.1":
   version "5.12.1"
   resolved "https://registry.npmjs.org/@mui/system/-/system-5.12.1.tgz"
   integrity sha512-Po+sicdV3bbRYXdU29XZaHPZrW7HUYUqU1qCu77GCCEMbahC756YpeyefdIYuPMUg0OdO3gKIUfDISBrkjJL+w==
@@ -2087,28 +2074,6 @@
   resolved "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz"
   integrity sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==
 
-"@react-google-maps/api@^2.20.7":
-  version "2.20.7"
-  resolved "https://registry.npmjs.org/@react-google-maps/api/-/api-2.20.7.tgz"
-  integrity sha512-ys7uri3V6gjhYZUI43srHzSKDC6/jiKTwHNlwXFTvjeaJE3M3OaYBt9FZKvJs8qnOhL6i6nD1BKJoi1KrnkCkg==
-  dependencies:
-    "@googlemaps/js-api-loader" "1.16.8"
-    "@googlemaps/markerclusterer" "2.5.3"
-    "@react-google-maps/infobox" "2.20.0"
-    "@react-google-maps/marker-clusterer" "2.20.0"
-    "@types/google.maps" "3.58.1"
-    invariant "2.2.4"
-
-"@react-google-maps/infobox@2.20.0":
-  version "2.20.0"
-  resolved "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-2.20.0.tgz"
-  integrity sha512-03PJHjohhaVLkX6+NHhlr8CIlvUxWaXhryqDjyaZ8iIqqix/nV8GFdz9O3m5OsjtxtNho09F/15j14yV0nuyLQ==
-
-"@react-google-maps/marker-clusterer@2.20.0":
-  version "2.20.0"
-  resolved "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-2.20.0.tgz"
-  integrity sha512-tieX9Va5w1yP88vMgfH1pHTacDQ9TgDTjox3tLlisKDXRQWdjw+QeVVghhf5XqqIxXHgPdcGwBvKY6UP+SIvLw==
-
 "@react-leaflet/core@^2.1.0":
   version "2.1.0"
   resolved "https://registry.npmjs.org/@react-leaflet/core/-/core-2.1.0.tgz"
@@ -2308,16 +2273,6 @@
     "@svgr/babel-plugin-transform-react-native-svg" "^7.0.0"
     "@svgr/babel-plugin-transform-svg-component" "^7.0.0"
 
-"@svgr/core@*", "@svgr/core@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/@svgr/core/-/core-7.0.0.tgz"
-  integrity sha512-ztAoxkaKhRVloa3XydohgQQCb0/8x9T63yXovpmHzKMkHO6pkjdsIAWKOS4bE95P/2quVh1NtjSKlMRNzSBffw==
-  dependencies:
-    "@babel/core" "^7.21.3"
-    "@svgr/babel-preset" "^7.0.0"
-    camelcase "^6.2.0"
-    cosmiconfig "^8.1.3"
-
 "@svgr/core@^5.5.0":
   version "5.5.0"
   resolved "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz"
@@ -2327,6 +2282,16 @@
     camelcase "^6.2.0"
     cosmiconfig "^7.0.0"
 
+"@svgr/core@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/@svgr/core/-/core-7.0.0.tgz"
+  integrity sha512-ztAoxkaKhRVloa3XydohgQQCb0/8x9T63yXovpmHzKMkHO6pkjdsIAWKOS4bE95P/2quVh1NtjSKlMRNzSBffw==
+  dependencies:
+    "@babel/core" "^7.21.3"
+    "@svgr/babel-preset" "^7.0.0"
+    camelcase "^6.2.0"
+    cosmiconfig "^8.1.3"
+
 "@svgr/hast-util-to-babel-ast@^5.5.0":
   version "5.5.0"
   resolved "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz"
@@ -2430,7 +2395,7 @@
   resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14", "@types/babel__core@^7.1.9":
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
   version "7.1.19"
   resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz"
   integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
@@ -2543,11 +2508,6 @@
     "@types/qs" "*"
     "@types/serve-static" "*"
 
-"@types/google.maps@3.58.1":
-  version "3.58.1"
-  resolved "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.58.1.tgz"
-  integrity sha512-X9QTSvGJ0nCfMzYOnaVs/k6/4L+7F5uCS+4iUmkLEls6J9S/Phv+m/i3mDeyc49ZBgwab3EFO1HEoBY7k98EGQ==
-
 "@types/graceful-fs@^4.1.2":
   version "4.1.5"
   resolved "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.5.tgz"
@@ -2555,7 +2515,7 @@
   dependencies:
     "@types/node" "*"
 
-"@types/hoist-non-react-statics@^3.3.1", "@types/hoist-non-react-statics@>= 3.3.1":
+"@types/hoist-non-react-statics@^3.3.1":
   version "3.3.1"
   resolved "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz"
   integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
@@ -2621,7 +2581,7 @@
   resolved "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz"
   integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
 
-"@types/node@*", "@types/node@>= 12":
+"@types/node@*":
   version "17.0.31"
   resolved "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz"
   integrity sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==
@@ -2663,7 +2623,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16.8 || ^17.0 || ^18.0", "@types/react@^17.0.0 || ^18.0.0", "@types/react@>= 16", "@types/react@16 || 17 || 18":
+"@types/react@*", "@types/react@16 || 17 || 18":
   version "17.0.45"
   resolved "https://registry.npmjs.org/@types/react/-/react-17.0.45.tgz"
   integrity sha512-YfhQ22Lah2e3CHPsb93tRwIGNiSwkuz1/blk4e6QrWS0jQzCSNbGLtOEYhPg02W0yGTTmpajp7dCTbBAMN3qsg==
@@ -2752,7 +2712,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^4.0.0 || ^5.0.0", "@typescript-eslint/eslint-plugin@^5.5.0":
+"@typescript-eslint/eslint-plugin@^5.5.0":
   version "5.40.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.40.0.tgz"
   integrity sha512-FIBZgS3DVJgqPwJzvZTuH4HNsZhHMa9SjxTKAZTlMsPw/UzpEjcf9f4dfgDJEHjK+HboUJo123Eshl6niwEm/Q==
@@ -2773,7 +2733,7 @@
   dependencies:
     "@typescript-eslint/utils" "5.40.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.5.0":
+"@typescript-eslint/parser@^5.5.0":
   version "5.40.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.40.0.tgz"
   integrity sha512-Ah5gqyX2ySkiuYeOIDg7ap51/b63QgWZA7w6AHtFrag7aH0lRQPbLzUjk0c9o5/KZ6JRkTTDKShL4AUrQa6/hw==
@@ -3016,16 +2976,11 @@ acorn-walk@^7.0.0, acorn-walk@^7.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^7.0.0, acorn@^7.1.1:
+acorn@^7.0.0, acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8, acorn@^8.7.1:
-  version "8.8.0"
-  resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz"
-  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
-
 acorn@^8.2.4:
   version "8.8.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz"
@@ -3036,6 +2991,11 @@ acorn@^8.5.0:
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
 
+acorn@^8.7.1:
+  version "8.8.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz"
+  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
+
 acorn@^8.8.0:
   version "8.8.2"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz"
@@ -3085,7 +3045,7 @@ ajv-keywords@^5.0.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.9.1:
+ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3105,7 +3065,7 @@ ajv@^8.0.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ajv@^8.6.0, ajv@>=8:
+ajv@^8.6.0:
   version "8.11.0"
   resolved "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz"
   integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
@@ -3115,7 +3075,7 @@ ajv@^8.6.0, ajv@>=8:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ajv@^8.8.0, ajv@^8.8.2:
+ajv@^8.8.0:
   version "8.11.0"
   resolved "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz"
   integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
@@ -3384,13 +3344,6 @@ autoprefixer@^10.4.11:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
-autosuggest-highlight@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.npmjs.org/autosuggest-highlight/-/autosuggest-highlight-3.3.4.tgz"
-  integrity sha512-j6RETBD2xYnrVcoV1S5R4t3WxOlWZKyDQjkwnggDPSjF5L4jV98ZltBpvPvbkM1HtoSe5o+bNrTHyjPbieGeYA==
-  dependencies:
-    remove-accents "^0.4.2"
-
 available-typed-arrays@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
@@ -3747,7 +3700,7 @@ browserify-sign@^4.0.0:
     readable-stream "^3.6.0"
     safe-buffer "^5.2.0"
 
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.20.3, browserslist@^4.21.3, browserslist@^4.21.4, "browserslist@>= 4", "browserslist@>= 4.21.0", browserslist@>=4:
+browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.20.3, browserslist@^4.21.3, browserslist@^4.21.4:
   version "4.21.4"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz"
   integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
@@ -4556,14 +4509,14 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-date-fns@^2.25.0, date-fns@^2.28.0, "date-fns@>= 2.x":
+date-fns@^2.30.0:
   version "2.30.0"
   resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz"
   integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-dayjs@^1.10.7, dayjs@^1.11.1, dayjs@^1.11.10, "dayjs@>= 1.x":
+dayjs@^1.11.1, dayjs@^1.11.10:
   version "1.11.10"
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz"
   integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
@@ -5324,7 +5277,7 @@ eslint-webpack-plugin@^3.1.1:
     normalize-path "^3.0.0"
     schema-utils "^4.0.0"
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.5.0 || ^8.0.0", eslint@^8.0.0, eslint@^8.1.0, eslint@^8.3.0, eslint@^8.38.0, "eslint@>= 6", eslint@>=5, eslint@>=7.0.0, eslint@>=7.28.0:
+eslint@^8.3.0, eslint@^8.38.0:
   version "8.38.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.38.0.tgz"
   integrity sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==
@@ -6306,13 +6259,6 @@ intl-messageformat@10.3.4:
     "@formatjs/icu-messageformat-parser" "2.3.1"
     tslib "^2.4.0"
 
-invariant@2.2.4:
-  version "2.2.4"
-  resolved "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz"
-  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-  dependencies:
-    loose-envify "^1.0.0"
-
 ipaddr.js@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz"
@@ -6889,7 +6835,7 @@ jest-resolve-dependencies@^27.5.1:
     jest-regex-util "^27.5.1"
     jest-snapshot "^27.5.1"
 
-jest-resolve@*, jest-resolve@^27.4.2, jest-resolve@^27.5.1:
+jest-resolve@^27.4.2, jest-resolve@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz"
   integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
@@ -7099,7 +7045,7 @@ jest-worker@^28.0.2:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-"jest@^27.0.0 || ^28.0.0", jest@^27.4.3:
+jest@^27.4.3:
   version "27.5.1"
   resolved "https://registry.npmjs.org/jest/-/jest-27.5.1.tgz"
   integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
@@ -7274,11 +7220,6 @@ jwt-decode@^3.1.2:
   resolved "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz"
   integrity sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==
 
-kdbush@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.npmjs.org/kdbush/-/kdbush-4.0.2.tgz"
-  integrity sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==
-
 kind-of@^6.0.2:
   version "6.0.3"
   resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz"
@@ -7306,7 +7247,7 @@ language-tags@=1.0.5:
   dependencies:
     language-subtag-registry "~0.3.2"
 
-leaflet@^1.9.0, leaflet@^1.9.4:
+leaflet@^1.9.4:
   version "1.9.4"
   resolved "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz"
   integrity sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==
@@ -7423,7 +7364,7 @@ lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -8629,15 +8570,6 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-"postcss@^7.0.0 || ^8.0.1", postcss@^8, postcss@^8.0.0, postcss@^8.0.3, postcss@^8.0.9, postcss@^8.1.0, postcss@^8.1.4, postcss@^8.2, postcss@^8.2.14, postcss@^8.2.15, postcss@^8.2.2, postcss@^8.3, postcss@^8.3.3, postcss@^8.3.5, postcss@^8.4, postcss@^8.4.14, postcss@^8.4.4, postcss@^8.4.6, postcss@^8.4.7, "postcss@>= 8", postcss@>=8, postcss@>=8.0.9:
-  version "8.4.18"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz"
-  integrity sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==
-  dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 postcss@^7.0.35:
   version "7.0.39"
   resolved "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz"
@@ -8646,6 +8578,15 @@ postcss@^7.0.35:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
+postcss@^8.3.5, postcss@^8.4.14, postcss@^8.4.4, postcss@^8.4.7:
+  version "8.4.18"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz"
+  integrity sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -8663,7 +8604,7 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^2.8.7, prettier@>=2.0.0:
+prettier@^2.8.7:
   version "2.8.7"
   resolved "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz"
   integrity sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==
@@ -8725,7 +8666,7 @@ prompts@^2.0.1, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.5.0, prop-types@^15.6.2, prop-types@^15.8.1:
+prop-types@^15.6.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -9271,7 +9212,7 @@ react-dnd@^16.0.1:
     fast-deep-equal "^3.1.3"
     hoist-non-react-statics "^3.3.2"
 
-react-dom@*, "react-dom@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom@^16.8 || ^17 || ^18 || ^19", "react-dom@^16.8 || ^17.0 || ^18.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.0 || ^18.0.0", react-dom@^17.0.2, react-dom@^18.0.0, react-dom@^18.2.0, "react-dom@>= 0.14.0", "react-dom@>=16 || >=17 || >= 18", react-dom@>=16.0.0, react-dom@>=16.11.0, react-dom@>=16.6.0, react-dom@>=16.8, react-dom@>=16.8.0, react-dom@>=16.9.0, "react-dom@16.2.0 - 18":
+react-dom@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -9289,21 +9230,6 @@ react-fast-compare@^2.0.1:
   resolved "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz"
   integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
 
-react-geocode@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.npmjs.org/react-geocode/-/react-geocode-0.2.3.tgz"
-  integrity sha512-sIpbgmn1IUzAxO4haOZ6jeeFnMD8ya9PC38yiNrmJ9vPWbvAO2D/2yfCBzZjGZVUm4PRzKAc0KghXfaEnug0TQ==
-  dependencies:
-    regenerator-runtime "^0.13.3"
-
-react-google-autocomplete@^2.7.3:
-  version "2.7.3"
-  resolved "https://registry.npmjs.org/react-google-autocomplete/-/react-google-autocomplete-2.7.3.tgz"
-  integrity sha512-Nm+7/VDe7/NDWb8p/a39is7ktNqt5bNqAOoQv2Ev/XkuEvjsRk08VAPFmXUH03xKuM8IUuDrk2Lwfge44YEj6Q==
-  dependencies:
-    lodash.debounce "^4.0.8"
-    prop-types "^15.5.0"
-
 react-icons@^4.12.0:
   version "4.12.0"
   resolved "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz"
@@ -9373,7 +9299,7 @@ react-phone-number-input@^3.3.10:
     libphonenumber-js "^1.10.59"
     prop-types "^15.8.1"
 
-"react-redux@^7.2.1 || ^8.0.2", react-redux@^8.0.5:
+react-redux@^8.0.5:
   version "8.0.5"
   resolved "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz"
   integrity sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==
@@ -9385,7 +9311,7 @@ react-phone-number-input@^3.3.10:
     react-is "^18.0.0"
     use-sync-external-store "^1.0.0"
 
-react-refresh@^0.11.0, "react-refresh@>=0.10.0 <1.0.0":
+react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
@@ -9405,7 +9331,7 @@ react-router@^6.10.0, react-router@6.10.0:
   dependencies:
     "@remix-run/router" "1.5.0"
 
-react-scripts@^5.0.1, react-scripts@>=2.1.3:
+react-scripts@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz"
   integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
@@ -9485,7 +9411,7 @@ react-virtuoso@^4.7.0:
   resolved "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.7.0.tgz"
   integrity sha512-cpgvI1rSOETGDMhqVAVDuH+XHbWO1uIGKv5I6l4CyC71xWYUeGrE5n7sgTZklROB4+Vbv85pcgfWloTlY48HGQ==
 
-react@*, "react@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.6.0 || 17 || 18", "react@^16.8 || ^17 || ^18 || ^19", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.9.0 || ^17.0.0 || ^18", "react@^17.0.0 || ^18.0.0", react@^17.0.2, react@^18.0.0, react@^18.2.0, "react@>= 0.14.0", "react@>= 16", "react@>= 16.14", "react@>=16 || >=17 || >= 18", react@>=16.0.0, react@>=16.11.0, react@>=16.6.0, react@>=16.8, react@>=16.8.0, react@>=16.9.0, "react@16.2.0 - 18":
+react@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -9563,7 +9489,7 @@ redux-thunk@^2.4.2:
   resolved "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz"
   integrity sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==
 
-redux@^4, redux@^4.2.0, redux@^4.2.1:
+redux@^4.2.0, redux@^4.2.1:
   version "4.2.1"
   resolved "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz"
   integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
@@ -9582,7 +9508,7 @@ regenerate@^1.4.2:
   resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.3, regenerator-runtime@^0.13.9:
+regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
@@ -9642,11 +9568,6 @@ relateurl@^0.2.7:
   resolved "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz"
   integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
 
-remove-accents@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.4.tgz"
-  integrity sha512-EpFcOa/ISetVHEXqu+VwI96KZBmq+a8LJnGkaeFw45epGlxIZz5dhEEnNZMsQXgORu3qaMoLX4qJCzOik6ytAg==
-
 renderkid@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz"
@@ -9769,7 +9690,7 @@ rollup-plugin-terser@^7.0.0:
     serialize-javascript "^4.0.0"
     terser "^5.0.0"
 
-"rollup@^1.20.0 || ^2.0.0", rollup@^1.20.0||^2.0.0, rollup@^2.0.0, rollup@^2.43.1:
+rollup@^2.43.1:
   version "2.79.1"
   resolved "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz"
   integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
@@ -10380,18 +10301,11 @@ stylis-plugin-rtl@^2.1.1:
   dependencies:
     cssjanus "^2.0.1"
 
-stylis@^4.0.13, stylis@4.1.3, stylis@4.x:
+stylis@^4.0.13, stylis@4.1.3:
   version "4.1.3"
   resolved "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz"
   integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==
 
-supercluster@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.npmjs.org/supercluster/-/supercluster-8.0.1.tgz"
-  integrity sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==
-  dependencies:
-    kdbush "^4.0.2"
-
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
@@ -10730,7 +10644,7 @@ type-fest@^0.20.2:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-type-fest@^0.21.3, "type-fest@>=0.17.0 <4.0.0":
+type-fest@^0.21.3:
   version "0.21.3"
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
@@ -10755,11 +10669,6 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-"typescript@^3.2.1 || ^4", "typescript@^4.7 || 5", "typescript@>= 2.7", "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta":
-  version "4.9.5"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
 ua-parser-js@^1.0.33:
   version "1.0.35"
   resolved "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz"
@@ -10980,7 +10889,7 @@ webpack-dev-middleware@^5.3.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@^4.6.0, "webpack-dev-server@3.x || 4.x":
+webpack-dev-server@^4.6.0:
   version "4.11.1"
   resolved "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz"
   integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
@@ -11044,7 +10953,7 @@ webpack-sources@^3.2.3:
   resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-"webpack@^4.0.0 || ^5.0.0", "webpack@^4.37.0 || ^5.0.0", "webpack@^4.4.0 || ^5.9.0", "webpack@^4.44.2 || ^5.47.0", webpack@^5.0.0, webpack@^5.1.0, webpack@^5.20.0, webpack@^5.64.4, "webpack@>= 4", webpack@>=2, "webpack@>=4.43.0 <6.0.0":
+webpack@^5.64.4:
   version "5.74.0"
   resolved "https://registry.npmjs.org/webpack/-/webpack-5.74.0.tgz"
   integrity sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==