@abcagency/hc-ui-components 1.0.0

package/dist/index.js

@@ -0,0 +1,4644 @@
+import React, { useContext, useState, useEffect, createContext, useRef, forwardRef, memo, Fragment } from 'react';
+import { useLocation, useNavigate, Link, BrowserRouter } from 'react-router-dom';
+import { twMerge } from 'tailwind-merge';
+import { useScroll, useTransform, useSpring, motion } from 'framer-motion';
+import { Icon } from '@iconify/react';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { Combobox, Transition } from '@headlessui/react';
+import usePlacesAutocomplete, { getLatLng, getGeocode } from 'use-places-autocomplete';
+import * as Select from '@radix-ui/react-select';
+import * as Dialog from '@radix-ui/react-dialog';
+import { MarkerF, InfoWindow, Marker, InfoWindowF, GoogleMap, MarkerClustererF, useLoadScript } from '@react-google-maps/api';
+import * as Tabs from '@radix-ui/react-tabs';
+import { Provider as Provider$1 } from 'react-wrap-balancer';
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return e;
+  };
+  var t,
+    e = {},
+    r = Object.prototype,
+    n = r.hasOwnProperty,
+    o = Object.defineProperty || function (t, e, r) {
+      t[e] = r.value;
+    },
+    i = "function" == typeof Symbol ? Symbol : {},
+    a = i.iterator || "@@iterator",
+    c = i.asyncIterator || "@@asyncIterator",
+    u = i.toStringTag || "@@toStringTag";
+  function define(t, e, r) {
+    return Object.defineProperty(t, e, {
+      value: r,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), t[e];
+  }
+  try {
+    define({}, "");
+  } catch (t) {
+    define = function (t, e, r) {
+      return t[e] = r;
+    };
+  }
+  function wrap(t, e, r, n) {
+    var i = e && e.prototype instanceof Generator ? e : Generator,
+      a = Object.create(i.prototype),
+      c = new Context(n || []);
+    return o(a, "_invoke", {
+      value: makeInvokeMethod(t, r, c)
+    }), a;
+  }
+  function tryCatch(t, e, r) {
+    try {
+      return {
+        type: "normal",
+        arg: t.call(e, r)
+      };
+    } catch (t) {
+      return {
+        type: "throw",
+        arg: t
+      };
+    }
+  }
+  e.wrap = wrap;
+  var h = "suspendedStart",
+    l = "suspendedYield",
+    f = "executing",
+    s = "completed",
+    y = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var p = {};
+  define(p, a, function () {
+    return this;
+  });
+  var d = Object.getPrototypeOf,
+    v = d && d(d(values([])));
+  v && v !== r && n.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t) {
+    ["next", "throw", "return"].forEach(function (e) {
+      define(t, e, function (t) {
+        return this._invoke(e, t);
+      });
+    });
+  }
+  function AsyncIterator(t, e) {
+    function invoke(r, o, i, a) {
+      var c = tryCatch(t[r], t, o);
+      if ("throw" !== c.type) {
+        var u = c.arg,
+          h = u.value;
+        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+          invoke("next", t, i, a);
+        }, function (t) {
+          invoke("throw", t, i, a);
+        }) : e.resolve(h).then(function (t) {
+          u.value = t, i(u);
+        }, function (t) {
+          return invoke("throw", t, i, a);
+        });
+      }
+      a(c.arg);
+    }
+    var r;
+    o(this, "_invoke", {
+      value: function (t, n) {
+        function callInvokeWithMethodAndArg() {
+          return new e(function (e, r) {
+            invoke(t, n, e, r);
+          });
+        }
+        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(e, r, n) {
+    var o = h;
+    return function (i, a) {
+      if (o === f) throw Error("Generator is already running");
+      if (o === s) {
+        if ("throw" === i) throw a;
+        return {
+          value: t,
+          done: !0
+        };
+      }
+      for (n.method = i, n.arg = a;;) {
+        var c = n.delegate;
+        if (c) {
+          var u = maybeInvokeDelegate(c, n);
+          if (u) {
+            if (u === y) continue;
+            return u;
+          }
+        }
+        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+          if (o === h) throw o = s, n.arg;
+          n.dispatchException(n.arg);
+        } else "return" === n.method && n.abrupt("return", n.arg);
+        o = f;
+        var p = tryCatch(e, r, n);
+        if ("normal" === p.type) {
+          if (o = n.done ? s : l, p.arg === y) continue;
+          return {
+            value: p.arg,
+            done: n.done
+          };
+        }
+        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(e, r) {
+    var n = r.method,
+      o = e.iterator[n];
+    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+    var i = tryCatch(o, e.iterator, r.arg);
+    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+    var a = i.arg;
+    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+  }
+  function pushTryEntry(t) {
+    var e = {
+      tryLoc: t[0]
+    };
+    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  }
+  function resetTryEntry(t) {
+    var e = t.completion || {};
+    e.type = "normal", delete e.arg, t.completion = e;
+  }
+  function Context(t) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], t.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(e) {
+    if (e || "" === e) {
+      var r = e[a];
+      if (r) return r.call(e);
+      if ("function" == typeof e.next) return e;
+      if (!isNaN(e.length)) {
+        var o = -1,
+          i = function next() {
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+            return next.value = t, next.done = !0, next;
+          };
+        return i.next = i;
+      }
+    }
+    throw new TypeError(typeof e + " is not iterable");
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), o(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+    var e = "function" == typeof t && t.constructor;
+    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+  }, e.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+  }, e.awrap = function (t) {
+    return {
+      __await: t
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+    return this;
+  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+    void 0 === i && (i = Promise);
+    var a = new AsyncIterator(wrap(t, r, n, o), i);
+    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+      return t.done ? t.value : a.next();
+    });
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+    return this;
+  }), define(g, "toString", function () {
+    return "[object Generator]";
+  }), e.keys = function (t) {
+    var e = Object(t),
+      r = [];
+    for (var n in e) r.push(n);
+    return r.reverse(), function next() {
+      for (; r.length;) {
+        var t = r.pop();
+        if (t in e) return next.value = t, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, e.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (e) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    },
+    stop: function () {
+      this.done = !0;
+      var t = this.tryEntries[0].completion;
+      if ("throw" === t.type) throw t.arg;
+      return this.rval;
+    },
+    dispatchException: function (e) {
+      if (this.done) throw e;
+      var r = this;
+      function handle(n, o) {
+        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+      }
+      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+        var i = this.tryEntries[o],
+          a = i.completion;
+        if ("root" === i.tryLoc) return handle("end");
+        if (i.tryLoc <= this.prev) {
+          var c = n.call(i, "catchLoc"),
+            u = n.call(i, "finallyLoc");
+          if (c && u) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          } else if (c) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+          } else {
+            if (!u) throw Error("try statement without catch or finally");
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (t, e) {
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var o = this.tryEntries[r];
+        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+          var i = o;
+          break;
+        }
+      }
+      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+      var a = i ? i.completion : {};
+      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+    },
+    complete: function (t, e) {
+      if ("throw" === t.type) throw t.arg;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+    },
+    finish: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      }
+    },
+    catch: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.tryLoc === t) {
+          var n = r.completion;
+          if ("throw" === n.type) {
+            var o = n.arg;
+            resetTryEntry(r);
+          }
+          return o;
+        }
+      }
+      throw Error("illegal catch attempt");
+    },
+    delegateYield: function (e, r, n) {
+      return this.delegate = {
+        iterator: values(e),
+        resultName: r,
+        nextLoc: n
+      }, "next" === this.method && (this.arg = t), y;
+    }
+  }, e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _createForOfIteratorHelper(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (!it) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike  ) {
+      if (it) o = it;
+      var i = 0;
+      var F = function () {};
+      return {
+        s: F,
+        n: function () {
+          if (i >= o.length) return {
+            done: true
+          };
+          return {
+            done: false,
+            value: o[i++]
+          };
+        },
+        e: function (e) {
+          throw e;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var normalCompletion = true,
+    didErr = false,
+    err;
+  return {
+    s: function () {
+      it = it.call(o);
+    },
+    n: function () {
+      var step = it.next();
+      normalCompletion = step.done;
+      return step;
+    },
+    e: function (e) {
+      didErr = true;
+      err = e;
+    },
+    f: function () {
+      try {
+        if (!normalCompletion && it.return != null) it.return();
+      } finally {
+        if (didErr) throw err;
+      }
+    }
+  };
+}
+
+var clientAuthKey = null;
+var setClientAuthKey = function setClientAuthKey(key) {
+  clientAuthKey = key;
+};
+var getClientAuthKey = function getClientAuthKey() {
+  return clientAuthKey;
+};
+
+var baseURL = "https://https://api.myhirecontrol.com";
+var login = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var clientAuthKey, response, data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          clientAuthKey = getClientAuthKey();
+          _context.prev = 1;
+          _context.next = 4;
+          return fetch("".concat(baseURL, "/auth/login"), {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+              clientAuthKey: clientAuthKey
+            })
+          });
+        case 4:
+          response = _context.sent;
+          _context.next = 7;
+          return response.json();
+        case 7:
+          data = _context.sent;
+          if (!(data.token && data.expiration)) {
+            _context.next = 12;
+            break;
+          }
+          sessionStorage.setItem('authToken', data.token);
+          sessionStorage.setItem('tokenExpiration', data.expiration);
+          return _context.abrupt("return", {
+            token: data.token,
+            expiration: data.expiration
+          });
+        case 12:
+          _context.next = 18;
+          break;
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](1);
+          console.error('Login failed:', _context.t0);
+          throw _context.t0;
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 14]]);
+  }));
+  return function login() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var fetchWithAuth = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(url) {
+    var options,
+      token,
+      expirationDateTime,
+      currentTime,
+      authResponse,
+      headers,
+      finalOptions,
+      response,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          options = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+          token = sessionStorage.getItem('authToken');
+          expirationDateTime = sessionStorage.getItem('tokenExpiration');
+          currentTime = new Date();
+          if (!(!token || !expirationDateTime || new Date(expirationDateTime) <= currentTime)) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 7;
+          return login();
+        case 7:
+          authResponse = _context2.sent;
+          token = authResponse.token;
+        case 9:
+          headers = new Headers(options.headers || {});
+          headers.append('Authorization', "Bearer ".concat(token));
+          finalOptions = _objectSpread2(_objectSpread2({}, options), {}, {
+            headers: headers
+          });
+          _context2.next = 14;
+          return fetch("".concat(baseURL).concat(url), finalOptions);
+        case 14:
+          response = _context2.sent;
+          if (response.ok) {
+            _context2.next = 17;
+            break;
+          }
+          throw new Error('Network response was not ok.');
+        case 17:
+          return _context2.abrupt("return", response);
+        case 18:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function fetchWithAuth(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var api = {
+  get: function () {
+    var _get = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return fetchWithAuth(url);
+          case 2:
+            response = _context3.sent;
+            return _context3.abrupt("return", response.json());
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    function get(_x2) {
+      return _get.apply(this, arguments);
+    }
+    return get;
+  }(),
+  post: function () {
+    var _post = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(url, data) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return fetchWithAuth(url, {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/json'
+              },
+              body: JSON.stringify(data)
+            });
+          case 2:
+            response = _context4.sent;
+            return _context4.abrupt("return", response.json());
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    function post(_x3, _x4) {
+      return _post.apply(this, arguments);
+    }
+    return post;
+  }()
+};
+
+var getListings = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(companyId) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 4;
+          return api.get("/Listings");
+        case 4:
+          response = _context.sent;
+          return _context.abrupt("return", response);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          console.error(_context.t0);
+          throw _context.t0;
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 8]]);
+  }));
+  return function getListings(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getRecruiters = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(recruiterIds) {
+    var params, response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          params = recruiterIds.map(function (id) {
+            return "recruiterIds=".concat(id);
+          }).join("&");
+          _context.next = 4;
+          return api.get("/Recruiters?".concat(params));
+        case 4:
+          response = _context.sent;
+          return _context.abrupt("return", response.data);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          console.error("Error fetching recruiters:", _context.t0);
+          throw _context.t0;
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 8]]);
+  }));
+  return function getRecruiters(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getListingEntities = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(entityIds) {
+    var origin,
+      response,
+      _args = arguments;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          origin = _args.length > 1 && _args[1] !== undefined ? _args[1] : '';
+          _context.prev = 1;
+          _context.next = 4;
+          return api.post("/ListingEntities?origin=".concat(origin), entityIds);
+        case 4:
+          response = _context.sent;
+          return _context.abrupt("return", response);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+          console.error("Error fetching listing entities:", _context.t0);
+          throw _context.t0;
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return function getListingEntities(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getDistinctItemsByProximity = function getDistinctItemsByProximity(items, listingEntitiesDetails) {
+  var clusters = {};
+  if (!listingEntitiesDetails) return [];
+  var closeItemPairs = findCloseItems(listingEntitiesDetails);
+  if (closeItemPairs.length > 0) {
+    listingEntitiesDetails = adjustItemPositions(listingEntitiesDetails, closeItemPairs);
+  }
+  items === null || items === void 0 || items.forEach(function (item) {
+    if (item.entityId !== -1) {
+      var entityDetails = listingEntitiesDetails[item.entityId];
+      if (!entityDetails) {
+        console.error("Details not found for entityId: ".concat(item.entityId));
+        return;
+      }
+      item.mapDetails = entityDetails;
+      if (!clusters[item.entityId]) {
+        clusters[item.entityId] = _objectSpread2(_objectSpread2({}, item.mapDetails), {}, {
+          items: _defineProperty({}, item.id, item)
+        });
+      } else {
+        clusters[item.entityId].items[item.id] = item;
+      }
+    }
+  });
+  return Object.values(clusters);
+};
+var findCloseItems = function findCloseItems(itemsObj) {
+  var closeItems = [];
+  var items = Object.values(itemsObj); // Convert object to array for iteration
+  var proximityThreshold = 0.0001;
+  for (var i = 0; i < items.length; i++) {
+    for (var j = i + 1; j < items.length; j++) {
+      var distanceLat = Math.abs(items[i].latitude - items[j].latitude);
+      var distanceLng = Math.abs(items[i].longitude - items[j].longitude);
+      if (distanceLat < proximityThreshold && distanceLng < proximityThreshold) {
+        closeItems.push({
+          item1: items[i],
+          item2: items[j]
+        });
+      }
+    }
+  }
+  return closeItems;
+};
+var adjustItemPositions = function adjustItemPositions(itemsObj, closeItemPairs) {
+  var adjustmentValue = 0.0001;
+  var adjustedItems = _objectSpread2({}, itemsObj); // Create a shallow copy of the object
+
+  closeItemPairs.forEach(function (pair) {
+    if (adjustedItems[pair.item1.id] && adjustedItems[pair.item2.id]) {
+      adjustedItems[pair.item2.id].latitude += adjustmentValue;
+      adjustedItems[pair.item2.id].longitude += adjustmentValue;
+    }
+  });
+  return adjustedItems;
+};
+var clusterOptions = function clusterOptions(clusterGridSize, fillColor) {
+  return {
+    gridSize: clusterGridSize,
+    styles: [{
+      url: createSvgDataUri(fillColor),
+      textColor: 'white',
+      height: 40,
+      width: 40
+    }]
+  };
+};
+function createSvgDataUri(fillColor) {
+  var svg = "<svg width=\"50\" height=\"50\" xmlns=\"http://www.w3.org/2000/svg\">\n\t  <circle cx=\"25\" cy=\"25\" r=\"20\" fill=\"".concat(fillColor, "\" />\n\t</svg>");
+  return "data:image/svg+xml;base64,".concat(btoa(svg));
+}
+
+var fetchListings = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query, siteConfig) {
+    var listingsResult, recruiterIds, fetchedRecruiters, distinctEntityIds, fetchedEntities, distinctItems;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return getListings(siteConfig.companyId, 5000, 1, query);
+        case 3:
+          listingsResult = _context.sent;
+          recruiterIds = _toConsumableArray(new Set(listingsResult.map(function (listing) {
+            return listing.recruiterId;
+          })));
+          _context.next = 7;
+          return getRecruiters(recruiterIds);
+        case 7:
+          fetchedRecruiters = _context.sent;
+          distinctEntityIds = _toConsumableArray(new Set(listingsResult.map(function (listing) {
+            return listing.entityId;
+          })));
+          _context.next = 11;
+          return getListingEntities(distinctEntityIds);
+        case 11:
+          fetchedEntities = _context.sent;
+          distinctItems = getDistinctItemsByProximity(listingsResult, fetchedEntities);
+          return _context.abrupt("return", {
+            listingsResult: listingsResult,
+            fetchedRecruiters: fetchedRecruiters,
+            fetchedEntities: fetchedEntities,
+            distinctItems: distinctItems
+          });
+        case 16:
+          _context.prev = 16;
+          _context.t0 = _context["catch"](0);
+          console.error("Error fetching listings:", _context.t0);
+          throw _context.t0;
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 16]]);
+  }));
+  return function fetchListings(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getFilterOptions = function getFilterOptions(listings, filteredListings, field) {
+  var excludeZeroCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  var options = new Set();
+  listings.forEach(function (listing) {
+    if (listing.fields[field]) {
+      options.add(listing.fields[field]);
+    }
+  });
+  var optionCounts = {};
+  options.forEach(function (option) {
+    optionCounts[option] = 0;
+  });
+  filteredListings.forEach(function (listing) {
+    var value = listing.fields[field];
+    if (value && optionCounts.hasOwnProperty(value)) {
+      optionCounts[value] += 1;
+    }
+  });
+  return Array.from(options).sort().map(function (option) {
+    return {
+      name: option,
+      count: optionCounts[option] || 0
+    };
+  }).filter(function (option) {
+    return !(excludeZeroCount === true && option.count === 0);
+  });
+};
+var getSpecialFeatureOptions = function getSpecialFeatureOptions(listings, filteredListings, siteConfig, favorites) {
+  var specialFeatures = siteConfig.specialFeatures;
+  var featureCounts = Object.keys(specialFeatures).sort().reduce(function (acc, key) {
+    acc[specialFeatures[key]] = 0;
+    return acc;
+  }, {});
+  filteredListings.forEach(function (listing) {
+    Object.entries(specialFeatures).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        featureKey = _ref2[0],
+        featureName = _ref2[1];
+      if (listing.fields[featureKey] === 1) {
+        featureCounts[featureName] += 1;
+      }
+    });
+  });
+  var specialFeatureOptions = Object.entries(featureCounts).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      name = _ref4[0],
+      count = _ref4[1];
+    return {
+      name: name,
+      count: count
+    };
+  });
+  var _iterator = _createForOfIteratorHelper(specialFeatureOptions),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var option = _step.value;
+      if (option.name === 'Favorite') {
+        option.count = filteredListings.filter(function (x) {
+          return favorites.includes(x.id);
+        }).length;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return specialFeatureOptions;
+};
+var getPointsOfInterestOptions = function getPointsOfInterestOptions(pointsOfInterestNames) {
+  return Object.entries(pointsOfInterestNames).sort().map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      key = _ref6[0],
+      name = _ref6[1];
+    return {
+      key: key,
+      name: name
+    };
+  });
+};
+var generateFilterOptions = function generateFilterOptions(filteredListings, allListings, siteConfig, filterOptions) {
+  var parentField = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+  var favorites = arguments.length > 5 ? arguments[5] : undefined;
+  if (allListings.length > 0) {
+    var dynamicFilters = siteConfig.fieldFiltersShown.map(function (fieldName) {
+      if (fieldName === parentField && filterOptions !== null && filterOptions !== void 0 && filterOptions.filters) {
+        return filterOptions.filters.find(function (filter) {
+          return filter.id === fieldName;
+        });
+      }
+      if (fieldName == "specialFeatures") {
+        return {
+          id: fieldName,
+          title: siteConfig.fieldNames[fieldName],
+          items: getSpecialFeatureOptions(allListings, filteredListings, siteConfig, favorites).sort()
+        };
+      }
+      return {
+        id: fieldName,
+        title: siteConfig.fieldNames[fieldName],
+        items: getFilterOptions(allListings, filteredListings, fieldName)
+      };
+    });
+    var locations = siteConfig.locationFiltersShown.map(function (fieldName, index) {
+      if (index === 0 && filterOptions !== null && filterOptions !== void 0 && filterOptions.locations) {
+        return filterOptions.locations.find(function (filter) {
+          return filter.id === fieldName;
+        });
+      }
+      return {
+        id: fieldName,
+        title: siteConfig.fieldNames[fieldName],
+        items: getFilterOptions(allListings, filteredListings, fieldName, true)
+      };
+    });
+    var pointsOfInterest = {
+      id: "pointsOfInterest",
+      title: siteConfig.pointsOfInterestConfig.title,
+      items: getPointsOfInterestOptions(siteConfig.pointsOfInterestConfig.pointsOfInterestNames)
+    };
+    return {
+      filters: dynamicFilters,
+      locations: locations,
+      pointsOfInterest: pointsOfInterest
+    };
+  }
+  return null;
+};
+var applyFilters = function applyFilters(allListings, selectedFilters, query, listingEntities, favorites, siteConfig) {
+  var results = allListings;
+  var invertedSpecialFeaturesMap;
+  if (siteConfig.specialFeatures) {
+    invertedSpecialFeaturesMap = Object.entries(siteConfig.specialFeatures).reduce(function (acc, _ref7) {
+      var _ref8 = _slicedToArray(_ref7, 2),
+        key = _ref8[0],
+        value = _ref8[1];
+      acc[value] = key;
+      return acc;
+    }, {});
+  }
+  var hasFavorite = !!selectedFilters.specialFeatures && !!selectedFilters.specialFeatures.Favorite;
+  if (hasFavorite && selectedFilters.specialFeatures.Favorite == true) {
+    results = results.filter(function (x) {
+      return favorites.includes(x.id);
+    });
+  }
+  var favorite;
+  if (hasFavorite) {
+    favorite = selectedFilters.specialFeatures.Favorite;
+    delete selectedFilters.specialFeatures.Favorite;
+  }
+  var _loop = function _loop() {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      field = _Object$entries$_i[0],
+      filterItems = _Object$entries$_i[1];
+    var formattedField = field;
+    if (field === "pointsOfInterest") return 1; // continue
+    if (field === "specialFeatures" && invertedSpecialFeaturesMap && Object.keys(filterItems).length > 0) {
+      results = results.filter(function (listing) {
+        return Object.entries(filterItems).some(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 2),
+            filterName = _ref10[0],
+            filterValue = _ref10[1];
+          var listingFieldName = invertedSpecialFeaturesMap[filterName];
+          return filterValue && listing.fields[listingFieldName] === 1;
+        });
+      });
+    } else if (Object.keys(filterItems).length > 0) {
+      results = results.filter(function (listing) {
+        return filterItems.hasOwnProperty(listing.fields[formattedField]);
+      });
+    }
+  };
+  for (var _i = 0, _Object$entries = Object.entries(selectedFilters); _i < _Object$entries.length; _i++) {
+    if (_loop()) continue;
+  }
+  if (query) {
+    results = results.filter(function (listing) {
+      var _Object$values;
+      return (_Object$values = Object.values(listing.fields)) === null || _Object$values === void 0 ? void 0 : _Object$values.some(function (value) {
+        return value === null || value === void 0 ? void 0 : value.toString().toLowerCase().includes(query.toLowerCase());
+      });
+    });
+  }
+  var distinctItems = getDistinctItemsByProximity(results, listingEntities);
+  if (hasFavorite) {
+    selectedFilters.specialFeatures.Favorite = favorite;
+  }
+  return {
+    filteredListings: results,
+    mapItems: distinctItems
+  };
+};
+var filterListingsByLocation = function filterListingsByLocation(allListings, selectedLocation, listingEntities) {
+  var results = allListings;
+  if (selectedLocation !== null) {
+    results = results.filter(function (item) {
+      return selectedLocation.items.hasOwnProperty(item.id);
+    });
+  }
+  var mapItems = getDistinctItemsByProximity(results, listingEntities);
+  return {
+    filteredListings: results,
+    mapItems: mapItems
+  };
+};
+
+var getStorageObject = function getStorageObject(item) {
+  var _JSON$parse;
+  var defaultItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  if (typeof window == 'undefined') return defaultItem;
+  if (localStorage.getItem(item) == null) return defaultItem;
+  if (localStorage.getItem(item) == 'undefined') {
+    localStorage.removeItem(item);
+  }
+  return (_JSON$parse = JSON.parse(localStorage.getItem(item))) !== null && _JSON$parse !== void 0 ? _JSON$parse : defaultItem;
+};
+var getStorageItem = function getStorageItem(item) {
+  var _localStorage$getItem;
+  var defaultItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  if (typeof window == 'undefined') return defaultItem;
+  if (localStorage.getItem(item) == null) return defaultItem;
+  if (localStorage.getItem(item) == 'undefined') {
+    localStorage.removeItem(item);
+  }
+  return (_localStorage$getItem = localStorage.getItem(item)) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : defaultItem;
+};
+var setStorageObject = function setStorageObject(key, item) {
+  if (typeof window == 'undefined') return;
+  if (item == undefined) return;
+  try {
+    localStorage.setItem(key, JSON.stringify(item));
+  } catch (err) {
+    console.log(err);
+  }
+};
+
+var updateURLWithFilters = function updateURLWithFilters(filters, location, navigate, query) {
+  console.log("attempting to update url");
+  console.log(filters);
+  console.log(location);
+  console.log(navigate);
+  console.log(query);
+  var searchParams = new URLSearchParams();
+
+  // Add the new filters to search params
+  Object.keys(filters).forEach(function (category) {
+    Object.keys(filters[category]).forEach(function (filter) {
+      if (filters[category][filter]) {
+        var key = "".concat(category, ".").concat(filter);
+        searchParams.set(key, 'true');
+      }
+    });
+  });
+
+  // Add the query to search params if it exists
+  if (query) {
+    searchParams.set('query', query);
+  }
+  navigate({
+    search: searchParams.toString()
+  }, {
+    replace: true
+  });
+  notifyParentOfUrlChange();
+};
+function notifyParentOfUrlChange() {
+  setTimeout(function () {
+    var message = {
+      type: 'URL_CHANGE',
+      url: window.location.href
+    };
+    window.parent.postMessage(message, "*");
+  }, 500);
+}
+var parseQueryParams = function parseQueryParams(search) {
+  var queryParams = {};
+  if (!search) return queryParams;
+  var queryString = search.split('?')[1];
+  if (!queryString) {
+    return queryParams;
+  }
+  queryString = queryString.replaceAll('+', ' ');
+  queryString.split('&').forEach(function (param) {
+    var _param$split = param.split('='),
+      _param$split2 = _slicedToArray(_param$split, 2),
+      key = _param$split2[0],
+      value = _param$split2[1];
+    queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
+  });
+  return queryParams;
+};
+var filtersFromURL = function filtersFromURL(location) {
+  if (!location || !location.search) return;
+  var filters = {};
+  var queryParam = null;
+  var queryParams = parseQueryParams(location.search);
+  if (!queryParams) return;
+  Object.keys(queryParams).forEach(function (key) {
+    if (key && key.includes('.')) {
+      var _key$split = key.split('.'),
+        _key$split2 = _slicedToArray(_key$split, 2),
+        category = _key$split2[0],
+        filter = _key$split2[1];
+      if (!filters[category]) {
+        filters[category] = {};
+      }
+      filters[category][filter] = queryParams[key] === 'true';
+    } else if (key === 'query') {
+      queryParam = queryParams[key];
+    }
+  });
+  return {
+    filters: filters,
+    query: queryParam
+  };
+};
+var hasFiltersInURL = function hasFiltersInURL(location) {
+  if (!location || !location.search) return;
+  var queryParams = parseQueryParams(location.search);
+  if (!queryParams) return;
+  return Object.keys(queryParams).some(function (key) {
+    return key.includes('.');
+  });
+};
+var hasQueryInUrl = function hasQueryInUrl(location) {
+  console.log(location);
+  if (!location || !location.search) return;
+  var queryParams = parseQueryParams(location.search);
+  if (!queryParams) return;
+  return Object.keys(queryParams).includes('query');
+};
+
+var MapListContext = /*#__PURE__*/createContext();
+var useMapList = function useMapList() {
+  return useContext(MapListContext);
+};
+var getQuery = function getQuery(location) {
+  var query;
+  if (!hasQueryInUrl(location)) {
+    query = typeof window !== 'undefined' ? localStorage.getItem('query') : '';
+  } else {
+    query = filtersFromURL(location).query;
+  }
+  return query;
+};
+var MapListProvider = function MapListProvider(_ref) {
+  var children = _ref.children,
+    siteConfig = _ref.siteConfig,
+    resetFilters = _ref.resetFilters;
+  var location = useLocation();
+  var navigate = useNavigate();
+  var _useState = useState(getStorageObject("listings", [])),
+    _useState2 = _slicedToArray(_useState, 2),
+    allListings = _useState2[0],
+    setAllListings = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredListings = _useState4[0],
+    setFilteredListings = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = useState(getStorageObject('mapItems', [])),
+    _useState8 = _slicedToArray(_useState7, 2),
+    mapItems = _useState8[0],
+    setMapItems = _useState8[1];
+  var _useState9 = useState(function () {
+      return resetFilters ? null : getQuery(location);
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var _useState11 = useState(getStorageObject("listingEntities", null)),
+    _useState12 = _slicedToArray(_useState11, 2),
+    listingEntities = _useState12[0],
+    setListingEntities = _useState12[1];
+  var _useState13 = useState(true),
+    _useState14 = _slicedToArray(_useState13, 2),
+    firstLoad = _useState14[0],
+    setFirstLoad = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    commuteLocation = _useState16[0],
+    setCommuteLocation = _useState16[1];
+  var _useState17 = useState(function () {
+      return resetFilters ? {} : hasFiltersInURL(location) ? filtersFromURL(location).filters : getStorageObject('selectedFilters', {});
+    }),
+    _useState18 = _slicedToArray(_useState17, 2),
+    selectedFilters = _useState18[0],
+    setSelectedFilters = _useState18[1];
+  var _useState19 = useState(),
+    _useState20 = _slicedToArray(_useState19, 2),
+    filterOptions = _useState20[0],
+    setFilterOptions = _useState20[1];
+  var _useState21 = useState(getStorageObject("recruiters", {})),
+    _useState22 = _slicedToArray(_useState21, 2),
+    recruiters = _useState22[0],
+    setRecruiters = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    filterDialogIsOpen = _useState24[0],
+    setFilterDialogIsOpen = _useState24[1];
+  var _useState25 = useState("listTab"),
+    _useState26 = _slicedToArray(_useState25, 2),
+    mobileTab = _useState26[0],
+    setMobileTab = _useState26[1];
+  var _useState27 = useState([]),
+    _useState28 = _slicedToArray(_useState27, 2),
+    favorites = _useState28[0],
+    setFavorites = _useState28[1];
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    filterByFavorites = _useState30[0],
+    setFilterByFavorites = _useState30[1];
+  useEffect(function () {
+    var loadedFavorites = JSON.parse(localStorage.getItem('favorites')) || [];
+    setFavorites(loadedFavorites);
+  }, []);
+  useEffect(function () {
+    if (commuteLocation === null || commuteLocation === '') return;
+    function fetchEntities() {
+      return _fetchEntities.apply(this, arguments);
+    }
+    function _fetchEntities() {
+      _fetchEntities = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var distinctEntityIds, fetchedEntities, newFilteredListings, i;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              distinctEntityIds = _toConsumableArray(new Set(allListings.map(function (listing) {
+                return listing.entityId;
+              })));
+              _context.prev = 1;
+              _context.next = 4;
+              return getListingEntities(distinctEntityIds, "".concat(commuteLocation.lat, ", ").concat(commuteLocation.lng));
+            case 4:
+              fetchedEntities = _context.sent;
+              setListingEntities(fetchedEntities);
+              newFilteredListings = filteredListings;
+              for (i = 0; i < allListings.length; i++) {
+                if (newFilteredListings[i].entityId != -1) {
+                  newFilteredListings[i].fields.travelTime = fetchedEntities[newFilteredListings[i].entityId].travelTime;
+                }
+              }
+              for (i = 0; i < newFilteredListings.length; i++) {
+                if (newFilteredListings[i].entityId != -1) {
+                  newFilteredListings[i].fields.travelTime = fetchedEntities[newFilteredListings[i].entityId].travelTime;
+                }
+              }
+              setFilteredListings(newFilteredListings);
+              _context.next = 15;
+              break;
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](1);
+              console.error("Failed to fetch listing entities:", _context.t0);
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1, 12]]);
+      }));
+      return _fetchEntities.apply(this, arguments);
+    }
+    fetchEntities();
+  }, [commuteLocation, allListings, siteConfig.companyId]);
+  useEffect(function () {
+    var handleFetchListings = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _yield$fetchListings, listingsResult, fetchedRecruiters, fetchedEntities, distinctItems;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!getStorageObject('listings', []).length > 0) {
+                setLoading(true);
+              }
+              _context2.prev = 1;
+              _context2.next = 4;
+              return fetchListings(query, siteConfig);
+            case 4:
+              _yield$fetchListings = _context2.sent;
+              listingsResult = _yield$fetchListings.listingsResult;
+              fetchedRecruiters = _yield$fetchListings.fetchedRecruiters;
+              fetchedEntities = _yield$fetchListings.fetchedEntities;
+              distinctItems = _yield$fetchListings.distinctItems;
+              setAllListings(listingsResult);
+              setRecruiters(fetchedRecruiters);
+              setListingEntities(fetchedEntities);
+              setMapItems(distinctItems);
+              setStorageObject("mapItems", distinctItems);
+              setStorageObject("listingEntities", fetchedEntities);
+              setStorageObject("recruiters", fetchedRecruiters);
+              setStorageObject("listings", listingsResult);
+              _context2.next = 22;
+              break;
+            case 19:
+              _context2.prev = 19;
+              _context2.t0 = _context2["catch"](1);
+              console.log(_context2.t0);
+            case 22:
+              setLoading(false);
+            case 23:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[1, 19]]);
+      }));
+      return function handleFetchListings() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    handleFetchListings();
+  }, [query, siteConfig]);
+  useEffect(function () {
+    var processListings = function processListings() {
+      var _applyFilters = applyFilters(allListings, selectedFilters, query, listingEntities, favorites, siteConfig),
+        filteredListings = _applyFilters.filteredListings,
+        mapItems = _applyFilters.mapItems;
+      if (filterByFavorites) {
+        filteredListings = filteredListings.filter(function (x) {
+          return favorites.includes(x.id);
+        });
+      }
+      setFilteredListings(filteredListings);
+      if (firstLoad && hasFiltersInURL(location)) {
+        var _filtersFromURL = filtersFromURL(location),
+          filters = _filtersFromURL.filters;
+        setSelectedFilters(filters);
+      }
+      if (firstLoad && selectedFilters) {
+        updateURLWithFilters(selectedFilters, location, navigate, query);
+      } else if (Object.keys(selectedFilters).length === 0 && !firstLoad) {
+        localStorage.removeItem('selectedFilters');
+        updateURLWithFilters(selectedFilters, location, navigate, query);
+      } else if (!firstLoad) {
+        setStorageObject('selectedFilters', selectedFilters);
+        updateURLWithFilters(selectedFilters, location, navigate, query);
+      }
+      query != null ? localStorage.setItem('query', query) : localStorage.removeItem('query');
+      setMapItems(mapItems);
+      if (selectedFilters) {
+        var keys = Object.keys(selectedFilters);
+        var lastKey = keys[keys.length - 1];
+        var options = generateFilterOptions(firstLoad ? allListings : filteredListings, allListings, siteConfig, filterOptions, lastKey, favorites);
+        if (options) {
+          setFilterOptions(options);
+          if (firstLoad) setFirstLoad(false);
+        }
+      }
+    };
+    processListings();
+  }, [selectedFilters, query, listingEntities, filterByFavorites, favorites]);
+  var handleFilterListingsByLocation = function handleFilterListingsByLocation(selectedLocation) {
+    var _filterListingsByLoca = filterListingsByLocation(allListings, selectedLocation, listingEntities),
+      filteredListings = _filterListingsByLoca.filteredListings;
+    setFilteredListings(filteredListings);
+    //setMapItems(mapItems);
+  };
+  var handleSettingFavorites = function handleSettingFavorites(newFavorites) {
+    if (newFavorites == null) {
+      localStorage.removeItem('favorites');
+    } else {
+      setFavorites(newFavorites);
+      localStorage.setItem('favorites', JSON.stringify(newFavorites));
+    }
+  };
+  return /*#__PURE__*/React.createElement(MapListContext.Provider, {
+    value: {
+      loading: loading,
+      allListings: allListings,
+      filteredListings: filteredListings,
+      mapItems: mapItems,
+      query: query,
+      setFilteredListings: setFilteredListings,
+      setQuery: setQuery,
+      listingEntities: listingEntities,
+      selectedFilters: selectedFilters,
+      setSelectedFilters: setSelectedFilters,
+      filterOptions: filterOptions,
+      recruiters: recruiters,
+      handleFilterListingsByLocation: handleFilterListingsByLocation,
+      filterDialogIsOpen: filterDialogIsOpen,
+      setFilterDialogIsOpen: setFilterDialogIsOpen,
+      setMobileTab: setMobileTab,
+      mobileTab: mobileTab,
+      siteConfig: siteConfig,
+      favorites: favorites,
+      handleSettingFavorites: handleSettingFavorites,
+      setFilterByFavorites: setFilterByFavorites,
+      filterByFavorites: filterByFavorites,
+      commuteLocation: commuteLocation,
+      setCommuteLocation: setCommuteLocation
+    }
+  }, children);
+};
+
+var PageHead = function PageHead(_ref) {
+  var _siteConfig$colors$ma, _siteConfig$colors;
+  var description = _ref.description,
+    keywords = _ref.keywords,
+    title = _ref.title;
+  var _useMapList = useMapList(),
+    siteConfig = _useMapList.siteConfig;
+  //const router = useRouter();
+  var defaultTitle = siteConfig.title;
+  var pageTitle = title || defaultTitle;
+  var metaDescription = description || siteConfig.description;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("title", null, title ? "".concat(title, " | ").concat(defaultTitle) : defaultTitle), /*#__PURE__*/React.createElement("meta", {
+    name: "description",
+    content: metaDescription
+  }), (keywords === null || keywords === void 0 ? void 0 : keywords.length) > 0 ? /*#__PURE__*/React.createElement("meta", {
+    name: "keywords",
+    content: "".concat(keywords.join(', '))
+  }) : null, /*#__PURE__*/React.createElement("meta", {
+    property: "og:title",
+    content: pageTitle
+  }), /*#__PURE__*/React.createElement("meta", {
+    property: "og:description",
+    content: metaDescription
+  }), (siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.shareImage) && /*#__PURE__*/React.createElement("meta", {
+    property: "og:image",
+    content: "/".concat(siteConfig.shareImage)
+  }), /*#__PURE__*/React.createElement("meta", {
+    property: "og:type",
+    content: "website"
+  }), /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:card",
+    content: "summary"
+  }), /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:creator",
+    content: siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.author
+  }), /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:title",
+    content: pageTitle
+  }), /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:description",
+    content: metaDescription
+  }), /*#__PURE__*/React.createElement("script", {
+    type: "application/ld+json"
+  }, "\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"@context\": \"https://schema.org\",\n\t\t\t\t\t\t\t\"@type\": \"WebPage\",\n\t\t\t\t\t\t\t\"url\": \"pathame\",\n\t\t\t\t\t\t\t\"legalName\": \"".concat(defaultTitle, "\",\n\t\t\t\t\t\t\t\"name\": \"").concat(pageTitle, "\",\n\t\t\t\t\t\t\t\"about\": \"").concat(metaDescription, "\",\n\t\t\t\t\t\t\t\"brand\": \"").concat(defaultTitle, "\"\n\t\t\t\t\t\t}\n\t\t\t\t")), /*#__PURE__*/React.createElement("link", {
+    rel: "icon",
+    href: "/favicon.svg",
+    type: "image/svg+xml"
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
+    rel: "icon",
+    href: "/favicon.ico",
+    sizes: "any"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "apple-touch-icon",
+    href: "/apple-touch-icon.png"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "manifest",
+    href: "/manifest.webmanifest"
+  }), /*#__PURE__*/React.createElement("meta", {
+    name: "msapplication-TileColor",
+    content: (_siteConfig$colors$ma = siteConfig === null || siteConfig === void 0 || (_siteConfig$colors = siteConfig.colors) === null || _siteConfig$colors === void 0 || (_siteConfig$colors = _siteConfig$colors.manifest) === null || _siteConfig$colors === void 0 ? void 0 : _siteConfig$colors.tileColor) !== null && _siteConfig$colors$ma !== void 0 ? _siteConfig$colors$ma : '#000'
+  })));
+};
+
+var _excluded$f = ["as", "children", "delay", "opacity", "scale", "y"];
+var SlideIn = function SlideIn(_ref) {
+  _ref.as;
+    var children = _ref.children;
+    _ref.delay;
+    _ref.opacity;
+    var _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 0.95 : _ref$scale;
+    _ref.y;
+    var rest = _objectWithoutProperties(_ref, _excluded$f);
+  var ref = useRef();
+  var _useScroll = useScroll({
+      target: ref,
+      offset: ["start end", "start 0.85"]
+    }),
+    scrollYProgress = _useScroll.scrollYProgress;
+  var scaleContained = useTransform(scrollYProgress, [0, 1], [scale, 1]);
+  var scaleSpring = useSpring(scaleContained, {
+    damping: 100,
+    stiffness: 1000
+  });
+  return /*#__PURE__*/React.createElement(motion.div, _extends({
+    ref: ref,
+    className: "h-full",
+    style: {
+      scale: scaleSpring
+    }
+  }, rest), children);
+};
+
+var _excluded$e = ["as", "isAnimated", "children", "className", "autoRows", "columns", "gap"];
+var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    as = _props$as === void 0 ? 'div' : _props$as,
+    _props$isAnimated = props.isAnimated,
+    isAnimated = _props$isAnimated === void 0 ? true : _props$isAnimated,
+    children = props.children,
+    className = props.className,
+    _props$autoRows = props.autoRows,
+    autoRows = _props$autoRows === void 0 ? true : _props$autoRows,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 'md:grid-cols-2' : _props$columns,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 'gap-12 lg:gap-16' : _props$gap,
+    rest = _objectWithoutProperties(props, _excluded$e);
+  var Container = as;
+  return isAnimated ? /*#__PURE__*/React.createElement(SlideIn, null, /*#__PURE__*/React.createElement(Container, _extends({
+    ref: ref,
+    className: twMerge('grid', gap, autoRows ? 'auto-rows-min' : '', 'grid-cols-1', columns, className !== null && className !== void 0 ? className : '')
+  }, rest), children)) : /*#__PURE__*/React.createElement(Container, _extends({
+    ref: ref,
+    className: twMerge('grid', gap, autoRows ? 'auto-rows-min' : '', 'grid-cols-1', columns, className !== null && className !== void 0 ? className : '')
+  }, rest), children);
+});
+var GridItem = function GridItem(_ref) {
+  var _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    children = _ref.children,
+    className = _ref.className;
+  var Container = as;
+  return /*#__PURE__*/React.createElement(Container, {
+    className: className !== null && className !== void 0 ? className : ''
+  }, children);
+};
+Grid.Item = GridItem;
+Grid.displayName = 'Grid';
+
+var _excluded$d = ["className", "size", "icon", "iconClasses", "title"];
+var IconContained = function IconContained(_ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    icon = _ref.icon,
+    iconClasses = _ref.iconClasses,
+    title = _ref.title,
+    iconProps = _objectWithoutProperties(_ref, _excluded$d);
+  return /*#__PURE__*/React.createElement("span", {
+    title: title,
+    className: "\n\t\t\t\tinline-block align-middle\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t\t").concat(size !== null && size !== void 0 ? size : '', "\n\t\t\t")
+  }, /*#__PURE__*/React.createElement(Icon, _extends({
+    icon: icon,
+    className: "\n\t\t\t\t\t".concat(iconClasses !== null && iconClasses !== void 0 ? iconClasses : '', "\n\t\t\t\t\t").concat(size !== null && size !== void 0 ? size : '', "\n\t\t\t\t")
+  }, iconProps)));
+};
+
+var _excluded$c = ["children", "href", "className", "size", "variant", "isBlock", "hasUnderline", "target"],
+  _excluded2$3 = ["children", "href", "className", "activeClassName", "partiallyActive", "size", "variant", "isBlock", "hasUnderline"],
+  _excluded3$2 = ["children", "href", "className", "size", "variant", "isBlock", "hasUnderline"],
+  _excluded4$2 = ["children", "type", "className", "size", "variant", "isBlock", "hasUnderline"];
+var linkDefaultClasses = "normal-case text-inherit !font-[inherit] [font-weight:inherit] !p-0 rounded-none";
+var underlineClasses = "!underline decoration-1 underline-offset-2 hover:!no-underline focus:!no-underline";
+var ButtonVariant = {
+  none: '',
+  primary: 'bg-primary border border-primary text-white hover:bg-opacity-70 focus:bg-opacity-70',
+  secondary: 'bg-secondary border border-secondary text-white hover:bg-opacity-70 focus:bg-opacity-70',
+  outline: 'bg-transparent border border-primary text-primary hover:bg-primaryDark hover:border-primaryDark hover:text-white focus:bg-primaryDark focus:border-primaryDark  focus:text-white',
+  link: "".concat(linkDefaultClasses, " text-primary hover:text-uiText focus:text-uiText"),
+  icon: 'opacity-100 hover:opacity-70 focus:opacity-70'
+};
+var ButtonSize = {
+  none: '',
+  "default": 'py-2 px-6 text-base',
+  sq: 'p-2.5',
+  sqsm: 'p-1',
+  xs: 'py-1.5 px-3 text-xs',
+  sm: 'py-1.5 px-4 text-sm',
+  lg: 'py-4 px-10 text-lg'
+};
+var ButtonDefaults = {
+  style: 'group font-medium uppercase text-center rounded transition',
+  size: ButtonSize["default"],
+  variant: ButtonVariant.primary,
+  block: 'block w-full'
+};
+var linkVariants = function linkVariants(variant) {
+  return variant === 'link';
+};
+var buttonClasses = function buttonClasses(variant, size, isBlock, hasUnderline, className) {
+  return twMerge(isBlock ? ButtonDefaults.block : linkVariants(variant) ? 'inline' : 'inline-block', ButtonDefaults.style, variant ? ButtonVariant[variant] : ButtonDefaults.variant, size ? ButtonSize[size] : ButtonDefaults.size, hasUnderline ? underlineClasses : '', className !== null && className !== void 0 ? className : '');
+};
+var Button = function Button(_ref) {
+  var children = _ref.children;
+  return {
+    children: children
+  };
+};
+var Anchor = function Anchor(_ref2) {
+  var children = _ref2.children,
+    href = _ref2.href,
+    className = _ref2.className,
+    size = _ref2.size,
+    variant = _ref2.variant,
+    isBlock = _ref2.isBlock,
+    hasUnderline = _ref2.hasUnderline,
+    _ref2$target = _ref2.target,
+    target = _ref2$target === void 0 ? '_blank' : _ref2$target,
+    rest = _objectWithoutProperties(_ref2, _excluded$c);
+  return /*#__PURE__*/React.createElement("a", _extends({
+    href: href,
+    target: target,
+    className: buttonClasses(variant, size, isBlock, hasUnderline, className),
+    onClick: href === '#' ? function (e) {
+      e.preventDefault();
+    } : null
+  }, rest), children);
+};
+var AnchorLink = function AnchorLink(_ref3) {
+  var children = _ref3.children,
+    href = _ref3.href,
+    className = _ref3.className,
+    activeClassName = _ref3.activeClassName,
+    _ref3$partiallyActive = _ref3.partiallyActive,
+    partiallyActive = _ref3$partiallyActive === void 0 ? false : _ref3$partiallyActive,
+    size = _ref3.size,
+    variant = _ref3.variant,
+    isBlock = _ref3.isBlock,
+    hasUnderline = _ref3.hasUnderline,
+    rest = _objectWithoutProperties(_ref3, _excluded2$3);
+  var router = useRouter();
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    href: href,
+    className: "\n\t\t\t\t".concat(buttonClasses(variant, size, isBlock, hasUnderline, className), "\n\t\t\t\t").concat(activeClassName && router.pathname === href || router.pathname.startsWith(href) && partiallyActive ? activeClassName : '', "\n\t\t\t")
+  }, rest), children);
+};
+var ScrollAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    href = props.href,
+    className = props.className,
+    size = props.size,
+    variant = props.variant,
+    isBlock = props.isBlock,
+    hasUnderline = props.hasUnderline,
+    rest = _objectWithoutProperties(props, _excluded3$2);
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    ref: ref,
+    href: "#".concat(href),
+    scroll: false,
+    className: buttonClasses(variant, size, isBlock, hasUnderline, className)
+  }, rest), children);
+});
+var Btn = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'button' : _props$type,
+    className = props.className,
+    size = props.size,
+    variant = props.variant,
+    isBlock = props.isBlock,
+    hasUnderline = props.hasUnderline,
+    rest = _objectWithoutProperties(props, _excluded4$2);
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: ref,
+    type: type,
+    className: buttonClasses(variant, size, isBlock, hasUnderline, className)
+  }, rest), children);
+});
+var ButtonBody = function ButtonBody(_ref4) {
+  var children = _ref4.children,
+    className = _ref4.className;
+  return /*#__PURE__*/React.createElement("span", {
+    className: twMerge('inline-flex w-full items-center justify-between gap-1.5', className !== null && className !== void 0 ? className : '')
+  }, children);
+};
+var ButtonIcon = function ButtonIcon(_ref5) {
+  var icon = _ref5.icon,
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? 'w-4 h-4' : _ref5$size,
+    className = _ref5.className;
+  return /*#__PURE__*/React.createElement(IconContained, {
+    icon: icon,
+    size: size,
+    className: className !== null && className !== void 0 ? className : ''
+  });
+};
+Button.Anchor = Anchor;
+Button.Link = AnchorLink;
+Button.Scroll = ScrollAnchor;
+Button.Btn = Btn;
+Button.Body = ButtonBody;
+Button.Icon = ButtonIcon;
+Btn.displayName = 'Button:Button';
+ScrollAnchor.displayName = 'Button:ScrollAnchor';
+
+var _excluded$b = ["as", "className", "hasShadow", "image", "body", "children", "footer"],
+  _excluded2$2 = ["as", "href", "className", "hasShadow", "image", "body", "children", "footer"],
+  _excluded3$1 = ["image", "alt", "className", "imageClassName"],
+  _excluded4$1 = ["as", "children", "className"];
+var cardClasses = function cardClasses(className, hasShadow) {
+  return twMerge('relative flex flex-wrap flex-col bg-clip-border break-words bg-white border border-gray-100', hasShadow ? 'shadow-lg' : '', className !== null && className !== void 0 ? className : '');
+};
+var Card = function Card(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+var CardDefault = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var _ref2$as = _ref2.as,
+    as = _ref2$as === void 0 ? 'div' : _ref2$as,
+    className = _ref2.className,
+    _ref2$hasShadow = _ref2.hasShadow,
+    hasShadow = _ref2$hasShadow === void 0 ? false : _ref2$hasShadow,
+    image = _ref2.image,
+    body = _ref2.body,
+    children = _ref2.children,
+    footer = _ref2.footer,
+    rest = _objectWithoutProperties(_ref2, _excluded$b);
+  var Container = as;
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    ref: ref,
+    className: cardClasses(className, hasShadow)
+  }, rest), image, children, body, footer);
+});
+var CardLink = function CardLink(_ref3) {
+  var _ref3$as = _ref3.as,
+    as = _ref3$as === void 0 ? 'link' : _ref3$as,
+    href = _ref3.href,
+    className = _ref3.className,
+    _ref3$hasShadow = _ref3.hasShadow,
+    hasShadow = _ref3$hasShadow === void 0 ? false : _ref3$hasShadow,
+    image = _ref3.image,
+    body = _ref3.body,
+    children = _ref3.children,
+    footer = _ref3.footer,
+    rest = _objectWithoutProperties(_ref3, _excluded2$2);
+  var Container = as === 'link' ? Link : as;
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    to: href,
+    className: twMerge(cardClasses(className, hasShadow), 'group transition hover:shadow-xl hover:border-indigo-300 focus:shadow-xl focus:border-indigo-300')
+  }, rest), image && image, children, body && body, footer && footer);
+};
+var CardImage = function CardImage(_ref4) {
+  var image = _ref4.image,
+    alt = _ref4.alt,
+    className = _ref4.className,
+    imageClassName = _ref4.imageClassName,
+    rest = _objectWithoutProperties(_ref4, _excluded3$1);
+  return /*#__PURE__*/React.createElement("div", {
+    className: twMerge('w-full', className !== null && className !== void 0 ? className : '')
+  }, /*#__PURE__*/React.createElement("img", _extends({
+    src: typeof image === 'string' ? image : image.src,
+    width: image.width ? image.width : null,
+    height: image.height ? image.height : null,
+    alt: alt !== null && alt !== void 0 ? alt : '',
+    className: twMerge('w-full h-auto', imageClassName !== null && imageClassName !== void 0 ? imageClassName : '')
+  }, rest)));
+};
+var CardBody = function CardBody(_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: twMerge('flex-auto p-4 md:px-6 lg:px-8', className !== null && className !== void 0 ? className : '')
+  }, children);
+};
+var CardTitle$1 = function CardTitle(_ref6) {
+  var _ref6$as = _ref6.as,
+    as = _ref6$as === void 0 ? 'h3' : _ref6$as,
+    children = _ref6.children,
+    className = _ref6.className,
+    rest = _objectWithoutProperties(_ref6, _excluded4$1);
+  var Title = as;
+  return /*#__PURE__*/React.createElement(Title, _extends({
+    className: twMerge('text-2xl font-bold', className !== null && className !== void 0 ? className : '')
+  }, rest), children);
+};
+var CardFooter = function CardFooter(_ref7) {
+  var children = _ref7.children,
+    className = _ref7.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: twMerge('py-2 px-4 md:px-6 lg:px-8 bg-gray-100', className !== null && className !== void 0 ? className : '')
+  }, children);
+};
+Card.Default = CardDefault;
+Card.Link = CardLink;
+Card.Image = CardImage;
+Card.Body = CardBody;
+Card.Title = CardTitle$1;
+Card.Footer = CardFooter;
+CardDefault.displayName = 'Card:Default';
+
+var _excluded$a = ["as", "className", "children"],
+  _excluded2$1 = ["as", "children", "icon", "className"];
+var CardFilter = function CardFilter(_ref) {
+  var as = _ref.as,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded$a);
+  return /*#__PURE__*/React.createElement(Card.Default, _extends({
+    as: as,
+    className: "\n\t\t\t\tbg-uiAccent/5 border border-uiAccent/20 rounded\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t")
+  }, rest), /*#__PURE__*/React.createElement(Card.Body, {
+    className: "!p-3"
+  }, children));
+};
+var CardTitle = function CardTitle(_ref2) {
+  var as = _ref2.as,
+    children = _ref2.children,
+    icon = _ref2.icon,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded2$1);
+  return /*#__PURE__*/React.createElement(Card.Title, _extends({
+    as: as,
+    className: "\n\t\t\t\tflex items-center gap-2 mb-2 text-xs uppercase font-bold text-uiText\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t")
+  }, rest), /*#__PURE__*/React.createElement(IconContained, {
+    icon: icon,
+    size: "w-5 h-5",
+    className: "text-uiAccent/30"
+  }), children);
+};
+CardFilter.Title = CardTitle;
+
+var Search = function Search(_ref) {
+  var _ref$inputPlaceholder = _ref.inputPlaceholder,
+    inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Keywords" : _ref$inputPlaceholder,
+    _ref$showSearchIcon = _ref.showSearchIcon,
+    showSearchIcon = _ref$showSearchIcon === void 0 ? false : _ref$showSearchIcon,
+    className = _ref.className,
+    labelClassName = _ref.labelClassName;
+  var _useState = useState(query != null ? query : ""),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var debounceTimer = useRef(null);
+  var _useMapList = useMapList(),
+    query = _useMapList.query,
+    setQuery = _useMapList.setQuery,
+    siteConfig = _useMapList.siteConfig;
+  var handleInputChange = function handleInputChange(e) {
+    setInputValue(e.target.value);
+    if (debounceTimer.current) {
+      clearTimeout(debounceTimer.current);
+    }
+    debounceTimer.current = setTimeout(function () {
+      setQuery(e.target.value);
+    }, 500);
+  };
+  var handleReset = function handleReset() {
+    setInputValue("");
+    setQuery("");
+  };
+  useEffect(function () {
+    if (query == null) {
+      setInputValue("");
+    }
+  }, [query]);
+  inputPlaceholder = siteConfig.searchConfig.placeholder;
+  return /*#__PURE__*/React.createElement(CardFilter, {
+    as: "form",
+    className: className !== null && className !== void 0 ? className : ""
+  }, /*#__PURE__*/React.createElement(CardFilter.Title, {
+    as: "label",
+    icon: "fluent:search-12-filled",
+    className: labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""
+  }, /*#__PURE__*/React.createElement("span", null, siteConfig.searchConfig.label)), /*#__PURE__*/React.createElement("div", {
+    className: "relative flex items-center px-2 rounded bg-white border border-uiAccent/20 focus-within:ring-1 focus-within:ring-uiAccent"
+  }, showSearchIcon && /*#__PURE__*/React.createElement(IconContained, {
+    icon: "fluent:search-12-filled",
+    size: "w-4 h-4",
+    className: "mr-2 text-uiAccent/50"
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    name: "search",
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+      }
+    },
+    placeholder: inputPlaceholder,
+    value: inputValue,
+    className: "w-full px-0 py-2 text-sm border-0 transition-colors placeholder:text-uiText/50 focus:ring-0 focus:outline-none",
+    onChange: handleInputChange
+  }), /*#__PURE__*/React.createElement(Button.Btn, {
+    type: "reset",
+    variant: "icon",
+    size: "sqsm",
+    className: "transition-opacity ".concat(inputValue ? "opacity-100" : "opacity-0 pointer-events-none"),
+    onClick: handleReset
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Clear"), /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "uil:times",
+    className: "text-uiAccent"
+  }))));
+};
+
+var isBrowser = typeof window !== 'undefined';
+if (isBrowser) {
+  window.dataLayer = window.dataLayer || [];
+}
+var trackEvent = function trackEvent(category, action, label, value) {
+  if (isBrowser && window.dataLayer) {
+    window.dataLayer.push({
+      'event': 'eventTracking',
+      'category': category,
+      'action': action,
+      'label': label,
+      'value': value
+    });
+  }
+};
+
+var _excluded$9 = ["id", "children", "className"],
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["header", "headerClassName", "iconClassName", "children", "className"],
+  _excluded4 = ["children", "className"],
+  _excluded5 = ["children", "className", "bodyClassName"];
+var Accordion = function Accordion(_ref) {
+  var className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'single' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    _ref$collapsible = _ref.collapsible,
+    collapsible = _ref$collapsible === void 0 ? true : _ref$collapsible,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(RadixAccordion.Root, {
+    type: type,
+    value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : null,
+    collapsible: collapsible,
+    className: className !== null && className !== void 0 ? className : '',
+    onValueChange: function onValueChange(value) {
+      return trackEvent('Engagement', 'Open Accordion', value);
+    }
+  }, children);
+};
+var AccordionItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
+  var id = _ref2.id,
+    children = _ref2.children,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded$9);
+  return /*#__PURE__*/React.createElement(RadixAccordion.Item, _extends({
+    ref: forwardedRef,
+    value: id,
+    className: className !== null && className !== void 0 ? className : ''
+  }, props), children);
+});
+var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref3, forwardedRef) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/React.createElement(RadixAccordion.Header, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(RadixAccordion.Trigger, _extends({
+    ref: forwardedRef,
+    className: twMerge('group flex justify-between w-full p-4 font-bold text-left text-uiText focus:outline-none focus-visible:ring focus-visible:ring-uiAccent focus-visible:ring-opacity-75 hover:text-primary focus:text-primary transition data-[state=open]:text-primary', className !== null && className !== void 0 ? className : '')
+  }, props), children, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "uil:angle-down",
+    size: "w-5 h-5",
+    className: "transition-transform group-data-[state=open]:!rotate-180",
+    "aria-hidden": "true"
+  })));
+});
+var AccordionTriggerHasHeader = /*#__PURE__*/forwardRef(function (_ref4, forwardedRef) {
+  var header = _ref4.header,
+    headerClassName = _ref4.headerClassName,
+    iconClassName = _ref4.iconClassName,
+    children = _ref4.children,
+    className = _ref4.className,
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return /*#__PURE__*/React.createElement(RadixAccordion.Header, {
+    className: twMerge('group flex items-start justify-between w-full p-4 pr-3 font-bold text-left text-uiText focus:outline-none focus-visible:ring focus-visible:ring-uiAccent focus-visible:ring-opacity-75 hover:text-primary focus:text-primary transition data-[state=open]:text-primary', headerClassName !== null && headerClassName !== void 0 ? headerClassName : '')
+  }, /*#__PURE__*/React.createElement(RadixAccordion.Trigger, _extends({
+    ref: forwardedRef,
+    className: twMerge('flex items-center justify-between w-full', className !== null && className !== void 0 ? className : '')
+  }, props), children, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "uil:angle-down",
+    size: "w-5 h-5",
+    className: twMerge('transition-transform group-data-[state=open]:!rotate-180', iconClassName !== null && iconClassName !== void 0 ? iconClassName : ''),
+    "aria-hidden": "true"
+  }), header));
+});
+var AccordionTriggerBlank = /*#__PURE__*/forwardRef(function (_ref5, forwardedRef) {
+  var children = _ref5.children;
+    _ref5.className;
+    var props = _objectWithoutProperties(_ref5, _excluded4);
+  return /*#__PURE__*/React.createElement(RadixAccordion.Header, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(RadixAccordion.Trigger, _extends({
+    asChild: true,
+    ref: forwardedRef
+  }, props), children));
+});
+var AccordionContent = /*#__PURE__*/forwardRef(function (_ref6, forwardedRef) {
+  var children = _ref6.children,
+    className = _ref6.className,
+    bodyClassName = _ref6.bodyClassName,
+    props = _objectWithoutProperties(_ref6, _excluded5);
+  return /*#__PURE__*/React.createElement(RadixAccordion.Content, _extends({
+    ref: forwardedRef,
+    className: twMerge('data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp overflow-hidden', className !== null && className !== void 0 ? className : '')
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: twMerge('p-4 pt-0.5', bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : '')
+  }, children));
+});
+Accordion.Item = AccordionItem;
+Accordion.Trigger = AccordionTrigger;
+Accordion.Trigger.Blank = AccordionTriggerBlank;
+Accordion.Trigger.HasHeader = AccordionTriggerHasHeader;
+Accordion.Content = AccordionContent;
+AccordionItem.displayName = 'AccordionItem';
+AccordionTrigger.displayName = 'AccordionTrigger';
+AccordionTriggerBlank.displayName = 'AccordionTriggerBlank';
+AccordionTriggerHasHeader.displayName = 'AccordionTriggerHasHeader';
+AccordionContent.displayName = 'AccordionContent';
+
+var _excluded$8 = ["className", "item", "type", "itemKey", "hasCount", "field", "selectedFilters", "setSelectedFilters"];
+var FilterItem = function FilterItem(_ref) {
+  var _selectedFilters$fiel;
+  var className = _ref.className,
+    item = _ref.item,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'checkbox' : _ref$type,
+    _ref$itemKey = _ref.itemKey,
+    itemKey = _ref$itemKey === void 0 ? null : _ref$itemKey,
+    _ref$hasCount = _ref.hasCount,
+    hasCount = _ref$hasCount === void 0 ? true : _ref$hasCount,
+    field = _ref.field,
+    selectedFilters = _ref.selectedFilters,
+    setSelectedFilters = _ref.setSelectedFilters,
+    rest = _objectWithoutProperties(_ref, _excluded$8);
+  var itemName = item.name ? item.name : item;
+  itemKey = itemKey === null ? itemName : itemKey;
+  var isActive = selectedFilters != undefined && !!((_selectedFilters$fiel = selectedFilters[field]) !== null && _selectedFilters$fiel !== void 0 && _selectedFilters$fiel[itemKey]);
+  var changeHandler = function changeHandler() {
+    setSelectedFilters(function (prevFilters) {
+      var updatedFilters = _objectSpread2({}, prevFilters);
+      if (!isActive) {
+        if (!updatedFilters[field]) {
+          updatedFilters[field] = {};
+        }
+        updatedFilters[field][itemKey] = true;
+        return updatedFilters;
+      }
+      delete updatedFilters[field][itemKey];
+      if (Object.keys(updatedFilters[field]).length === 0) {
+        delete updatedFilters[field];
+      }
+      return updatedFilters;
+    });
+  };
+  var _useState = useState(isActive),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeItem = _useState2[0],
+    setActiveItem = _useState2[1];
+  useEffect(function () {
+    var _Object$keys;
+    if (selectedFilters && selectedFilters[field] && ((_Object$keys = Object.keys(selectedFilters[field])) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) return;else if (activeItem === true) {
+      setActiveItem(false);
+    }
+  }, [selectedFilters]);
+  return /*#__PURE__*/React.createElement("label", _extends({
+    className: "\n                flex items-start gap-2 px-2 py-1.5 rounded-sm text-sm cursor-pointer transition hover:bg-uiAccent/5\n                ".concat(className !== null && className !== void 0 ? className : "", "\n            ")
+  }, rest), /*#__PURE__*/React.createElement("input", {
+    id: itemKey,
+    name: field,
+    disabled: item.count == 0,
+    value: itemName,
+    type: type,
+    className: "h-4 w-4 mt-px text-primary border-uiAccent/30 transition-colors rounded-sm",
+    checked: activeItem,
+    onChange: function onChange() {
+      setActiveItem(!activeItem);
+      changeHandler();
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, itemName), hasCount && /*#__PURE__*/React.createElement("span", {
+    className: "inline-block mt-1 ml-auto text-xs leading-none text-primary"
+  }, "(", item.count, ")"));
+};
+
+var _excluded$7 = ["className", "activeItemsCount"];
+var ButtonItemsPill = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  _ref.className;
+    var activeItemsCount = _ref.activeItemsCount,
+    props = _objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/React.createElement(Button.Btn, _extends({
+    ref: ref,
+    size: "none",
+    variant: "none",
+    className: "relative z-[2] group inline-flex items-center gap-px ml-auto mr-1.5 pl-1.5 pr-1 py-0.5 rounded bg-primary/10 text-xs font-bold text-primary ring-1 ring-inset ring-primary/20"
+  }, props), activeItemsCount > 9 ? '9+' : activeItemsCount, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "uil:times",
+    size: "w-3.5 h-3.5"
+  }));
+});
+ButtonItemsPill.displayName = 'ButtonItemsPill';
+
+var AccordionFilterItem = /*#__PURE__*/memo(function (_ref) {
+  var filter = _ref.filter,
+    setDefaultValue = _ref.setDefaultValue,
+    setSelectedFilters = _ref.setSelectedFilters,
+    selectedFilters = _ref.selectedFilters;
+  var fieldKey = filter.id;
+  var activeItemsCount = selectedFilters != null && selectedFilters[fieldKey] ? Object.keys(selectedFilters[fieldKey]).length : 0;
+  var handleClearFilters = function handleClearFilters() {
+    setSelectedFilters(function (prevFilters) {
+      var updatedFilters = _objectSpread2({}, prevFilters);
+      delete updatedFilters[fieldKey];
+      return updatedFilters;
+    });
+  };
+  return /*#__PURE__*/React.createElement(Accordion.Item, {
+    key: filter.id,
+    id: filter.id
+  }, /*#__PURE__*/React.createElement(Accordion.Trigger.HasHeader, {
+    onClick: function onClick() {
+      return setDefaultValue(filter.id);
+    },
+    className: "stretched-link text-left",
+    iconClassName: "order-last",
+    headerClassName: "relative py-2 rounded border border-uiAccent/20 bg-white text-sm transition data-[state=open]:border-b-transparent data-[state=open]:rounded-b-none",
+    header: activeItemsCount > 0 && /*#__PURE__*/React.createElement(ButtonItemsPill, {
+      activeItemsCount: activeItemsCount,
+      onClick: handleClearFilters
+    })
+  }, filter.title), /*#__PURE__*/React.createElement(Accordion.Content, {
+    bodyClassName: "px-2 py-1 bg-white rounded-b border border-uiAccent/20 border-t-0 max-h-[20vh] md:max-h-[25vh] overflow-auto"
+  }, filter.items.sort().map(function (item) {
+    return /*#__PURE__*/React.createElement(FilterItem, {
+      key: item.name,
+      item: item,
+      field: filter.id,
+      selectedFilters: selectedFilters,
+      setSelectedFilters: setSelectedFilters
+    });
+  })));
+});
+AccordionFilterItem.displayName = 'AccordionItem';
+
+var Loading = function Loading(_ref) {
+  _ref.color;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-center w-full h-full"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "ph:spinner",
+    className: "animate-spin text-gray-300",
+    width: "40",
+    height: "40"
+  }));
+};
+
+var AccordionFilters = function AccordionFilters(_ref) {
+  var className = _ref.className,
+    defaultValue = _ref.defaultValue,
+    setDefaultValue = _ref.setDefaultValue,
+    setLocation = _ref.setLocation,
+    setSelectedListItem = _ref.setSelectedListItem;
+  var _useMapList = useMapList(),
+    filterOptions = _useMapList.filterOptions,
+    selectedFilters = _useMapList.selectedFilters,
+    _setSelectedFilters = _useMapList.setSelectedFilters;
+    _useMapList.favorites;
+    _useMapList.filterByFavorites;
+    _useMapList.setFilterByFavorites;
+  return /*#__PURE__*/React.createElement(CardFilter, {
+    className: className !== null && className !== void 0 ? className : ""
+  }, /*#__PURE__*/React.createElement(CardFilter.Title, {
+    icon: "fa-solid:sliders-h"
+  }, /*#__PURE__*/React.createElement("span", null, "Filter ", /*#__PURE__*/React.createElement("span", {
+    className: "md:hidden lg:inline"
+  }, "your search"))), /*#__PURE__*/React.createElement(Accordion, {
+    defaultValue: defaultValue,
+    className: "space-y-4"
+  }, !(filterOptions !== null && filterOptions !== void 0 && filterOptions.filters) && /*#__PURE__*/React.createElement(Accordion.Item, null, /*#__PURE__*/React.createElement(Loading, null)), (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filters) && (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filters.map(function (filter) {
+    return /*#__PURE__*/React.createElement(AccordionFilterItem, {
+      key: filter.id,
+      filter: filter,
+      setDefaultValue: setDefaultValue,
+      selectedFilters: selectedFilters,
+      setSelectedFilters: function setSelectedFilters(prevFilters) {
+        _setSelectedFilters(prevFilters);
+        setLocation(null);
+        setSelectedListItem(null);
+      }
+    });
+  }))));
+};
+
+var MapContext = /*#__PURE__*/createContext();
+var useMap = function useMap() {
+  var context = useContext(MapContext);
+  if (!context) {
+    throw new Error("useMap must be used within a MapProvider");
+  }
+  return context;
+};
+var MapProvider = function MapProvider(_ref) {
+  var _getStorageObject;
+  var children = _ref.children,
+    resetFilters = _ref.resetFilters;
+  var _useState = useState(getStorageObject('selectedListItem')),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedListItem = _useState2[0],
+    setSelectedListItem = _useState2[1];
+  var _useState3 = useState(getStorageObject('location')),
+    _useState4 = _slicedToArray(_useState3, 2),
+    location = _useState4[0],
+    setLocation = _useState4[1];
+  var _useState5 = useState(getStorageObject("center", {
+      lat: 39.8283,
+      lng: -98.5795
+    })),
+    _useState6 = _slicedToArray(_useState5, 2),
+    center = _useState6[0],
+    setCenter = _useState6[1];
+  var _useState7 = useState(getStorageObject("zoom", 10)),
+    _useState8 = _slicedToArray(_useState7, 2),
+    zoom = _useState8[0],
+    setZoom = _useState8[1];
+  var _useState9 = useState(getStorageObject('commuteLocation')),
+    _useState10 = _slicedToArray(_useState9, 2),
+    commuteLocation = _useState10[0],
+    setCommuteLocation = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedPlaces = _useState12[0],
+    setSelectedPlaces = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    mapInteracted = _useState14[0],
+    setMapInteracted = _useState14[1];
+  var _useState15 = useState((_getStorageObject = getStorageObject('selectedListItem')) !== null && _getStorageObject !== void 0 ? _getStorageObject : {
+      id: "defaultId"
+    }),
+    _useState16 = _slicedToArray(_useState15, 1),
+    firstLoadListItem = _useState16[0];
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    travelTime = _useState18[0],
+    setTravelTime = _useState18[1];
+  var userSetZoom = useRef(true);
+  useEffect(function () {
+    setStorageObject("commuteLocation", commuteLocation);
+    if (!commuteLocation) {
+      setTravelTime(null);
+    }
+  }, [commuteLocation]);
+  useEffect(function () {
+    setStorageObject("selectedListItem", selectedListItem);
+  }, [selectedListItem]);
+  useEffect(function () {
+    localStorage.setItem("zoom", zoom);
+  }, [zoom]);
+  useEffect(function () {
+    if (location == null) {
+      localStorage.removeItem("location");
+    } else {
+      setStorageObject("location", location);
+    }
+  }, [location]);
+  useEffect(function () {
+    setStorageObject("center", center);
+  }, [center]);
+  var selectItem = function selectItem(item, itemLocation, zoom, center) {
+    setSelectedListItem(item);
+    if (mapInteracted === false && itemLocation != null) {
+      setLocation(itemLocation);
+    }
+    if (mapInteracted === false || itemLocation != null) {
+      setLocation(itemLocation);
+      setCenter(center);
+    }
+    if (mapInteracted === false) {
+      setZoom(zoom);
+    }
+  };
+  var filterReset = function filterReset() {
+    setSelectedPlaces({});
+    setSelectedListItem(null);
+    setLocation(null);
+    setZoom(8);
+    setMapInteracted(false);
+  };
+  if (resetFilters === true) {
+    filterReset();
+  }
+  var selectLocationEntity = function selectLocationEntity(location) {
+    localStorage.removeItem("selectedListItem");
+    setTimeout(function () {
+      return setLocation(location);
+    }, 200);
+    setSelectedListItem(null);
+  };
+  return /*#__PURE__*/React.createElement(MapContext.Provider, {
+    value: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      selectedListItem: selectedListItem,
+      setSelectedListItem: setSelectedListItem,
+      location: location,
+      center: center,
+      zoom: zoom,
+      setZoom: setZoom,
+      selectItem: selectItem,
+      commuteLocation: commuteLocation,
+      setCommuteLocation: setCommuteLocation,
+      setSelectedPlaces: setSelectedPlaces,
+      selectedPlaces: selectedPlaces,
+      selectLocationEntity: selectLocationEntity,
+      setLocation: setLocation,
+      setMapInteracted: setMapInteracted,
+      mapInteracted: mapInteracted,
+      userSetZoom: userSetZoom
+    }, "setLocation", setLocation), "location", location), "firstLoadListItem", firstLoadListItem), "travelTime", travelTime), "setTravelTime", setTravelTime), "filterReset", filterReset)
+  }, children);
+};
+
+var FilterCommute = function FilterCommute(_ref) {
+  var className = _ref.className;
+  var _usePlacesAutocomplet = usePlacesAutocomplete(),
+    ready = _usePlacesAutocomplet.ready;
+    _usePlacesAutocomplet.value;
+    var _usePlacesAutocomplet2 = _usePlacesAutocomplet.suggestions,
+    status = _usePlacesAutocomplet2.status,
+    data = _usePlacesAutocomplet2.data,
+    setValue = _usePlacesAutocomplet.setValue,
+    clearSuggestions = _usePlacesAutocomplet.clearSuggestions;
+  var _useState = useState(getStorageItem('selectedCommute', '')),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var inputRef = useRef(null);
+  var _useMapList = useMapList(),
+    setCommuteLocation = _useMapList.setCommuteLocation,
+    commuteLocation = _useMapList.commuteLocation;
+  var _useState3 = useState(getStorageItem('isCurrentLocation', false)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isCurrentLocation = _useState4[0],
+    setIsCurrentLocation = _useState4[1];
+  useEffect(function () {
+    if (commuteLocation !== null && commuteLocation != '') return;
+    setIsCurrentLocation(false);
+    localStorage.removeItem('isCurrentLocation');
+    localStorage.removeItem('selectedCommute');
+    setSelected("");
+  }, [commuteLocation]);
+  var handleSelect = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(val) {
+      var isCurrLocation,
+        results,
+        _yield$getLatLng,
+        lat,
+        lng,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            isCurrLocation = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
+            setValue(val, false);
+            setSelected(val);
+            localStorage.setItem('selectedCommute', val);
+            clearSuggestions();
+            if (!isCurrLocation) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return");
+          case 7:
+            _context.prev = 7;
+            _context.next = 10;
+            return getGeocode({
+              address: val
+            });
+          case 10:
+            results = _context.sent;
+            _context.next = 13;
+            return getLatLng(results[0]);
+          case 13:
+            _yield$getLatLng = _context.sent;
+            lat = _yield$getLatLng.lat;
+            lng = _yield$getLatLng.lng;
+            setCommuteLocation({
+              lat: lat,
+              lng: lng
+            });
+            _context.next = 21;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](7);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[7, 19]]);
+    }));
+    return function handleSelect(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var fetchLocation = function fetchLocation() {
+    if (!navigator.geolocation) {
+      console.error("Geolocation is not supported by this browser.");
+      return;
+    }
+    navigator.geolocation.getCurrentPosition(function (position) {
+      setCommuteLocation({
+        lat: position.coords.latitude,
+        lng: position.coords.longitude
+      });
+      handleSelect("Current Location");
+    }, function (error) {
+      console.error("Error fetching location", error);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "relative ".concat(className !== null && className !== void 0 ? className : "")
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: "commute",
+    className: "flex items-center gap-2 mb-2 text-xs uppercase font-bold text-uiText"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "ri:pin-distance-fill",
+    size: "w-5 h-5",
+    className: "text-uiAccent/30"
+  }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+    className: "md:hidden lg:inline"
+  }, "Calculate your"), " commute")), /*#__PURE__*/React.createElement(Combobox, {
+    value: selected,
+    onChange: handleSelect
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative mt-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative flex items-center w-full pr-2 cursor-default overflow-hidden rounded bg-white text-left border border-uiAccent/20 focus-within:ring-1 focus-within:ring-uiAccent focus:outline-none"
+  }, /*#__PURE__*/React.createElement(Combobox.Input, {
+    className: "w-full border-none py-2 pl-4 pr-1 text-sm leading-5 text-gray-900 focus:ring-0 placeholder:text-gray-400",
+    onChange: function onChange(e) {
+      setValue(e.target.value);
+      setSelected(e.target.value);
+    },
+    value: selected,
+    disabled: !ready,
+    placeholder: "Starting point",
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement(Button.Btn, {
+    variant: "icon",
+    size: "sqsm",
+    onClick: function onClick() {
+      setIsCurrentLocation(!isCurrentLocation);
+      localStorage.setItem('isCurrentLocation', !isCurrentLocation);
+      if (isCurrentLocation || commuteLocation) {
+        setCommuteLocation("");
+        setSelected("");
+      } else if (!commuteLocation) {
+        fetchLocation();
+      }
+    },
+    className: ""
+  }, /*#__PURE__*/React.createElement("span", {
+    className: " sr-only"
+  }, "Use your location"), commuteLocation ? /*#__PURE__*/React.createElement(IconContained, {
+    icon: "mdi:times"
+  }) : /*#__PURE__*/React.createElement(Button.Icon, {
+    className: isCurrentLocation ? 'text-blue-500' : 'text-current',
+    icon: "mdi:my-location"
+  }))), /*#__PURE__*/React.createElement(Transition, {
+    as: Fragment,
+    leave: "transition ease-in duration-100",
+    leaveFrom: "opacity-100",
+    leaveTo: "opacity-0",
+    afterLeave: clearSuggestions
+  }, /*#__PURE__*/React.createElement(Combobox.Options, {
+    className: "absolute z-20 mt-1 max-h-60 w-full overflow-auto rounded bg-white py-1 text-base shadow ring-1 ring-uiAccent/10 focus:outline-none sm:text-sm"
+  }, status === "OK" && data.map(function (data) {
+    return /*#__PURE__*/React.createElement(Combobox.Option, {
+      key: data.place_id,
+      value: data.description,
+      className: function className(_ref3) {
+        var active = _ref3.active;
+        return "relative cursor-default select-none px-4 py-2 ".concat(active ? "bg-primary text-white" : "text-uiText");
+      }
+    }, function (_ref4) {
+      var selected = _ref4.selected;
+        _ref4.active;
+      return /*#__PURE__*/React.createElement("span", {
+        className: "block truncate ".concat(selected ? "font-bold" : "font-medium")
+      }, data.description);
+    });
+  }))))));
+};
+
+var _excluded$6 = ["className", "item", "field"];
+var RadioItem = function RadioItem(_ref) {
+  var className = _ref.className,
+    item = _ref.item,
+    field = _ref.field,
+    rest = _objectWithoutProperties(_ref, _excluded$6);
+  var _useMap = useMap(),
+    selectedPlaces = _useMap.selectedPlaces,
+    setSelectedPlaces = _useMap.setSelectedPlaces;
+  var chosenPlace = item.key.toLowerCase();
+  var isActive = selectedPlaces.includes(chosenPlace);
+  var changeHandler = function changeHandler() {
+    setSelectedPlaces([isActive ? '' : chosenPlace]);
+  };
+  return /*#__PURE__*/React.createElement("label", _extends({
+    key: item.key,
+    className: "\n                flex items-start gap-2 px-2 py-1.5 rounded-sm text-sm cursor-pointer transition hover:bg-uiAccent/5\n\t\t\t\t".concat(item.count === 0 ? 'text-uiDisabled cursor-not-allowed' : 'hover:bg-uiAccent/5', "\n                ").concat(className !== null && className !== void 0 ? className : "", "\n            ")
+  }, rest), /*#__PURE__*/React.createElement("input", {
+    key: item.key,
+    id: item.Key,
+    name: field,
+    value: item.key,
+    type: "radio",
+    className: "h-4 w-4 mt-px text-primary border-uiAccent/30 transition-colors rounded-full",
+    checked: isActive,
+    onClick: function onClick() {
+      changeHandler();
+    },
+    onChange: function onChange() {}
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, item.key), isActive && /*#__PURE__*/React.createElement("div", {
+    className: " w-full unselect-div"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    className: "float-right",
+    icon: "mdi:times"
+  })));
+};
+
+var FilterPointsOfInterest = function FilterPointsOfInterest(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Points of interest" : _ref$title,
+    pointsOfInterest = _ref.pointsOfInterest,
+    setDefaultValue = _ref.setDefaultValue,
+    className = _ref.className,
+    defaultValue = _ref.defaultValue;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "\n\t\t\t\trelative\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    defaultValue: defaultValue,
+    className: "space-y-4"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    id: "points-of-interest"
+  }, /*#__PURE__*/React.createElement(Accordion.Trigger.HasHeader, {
+    onClick: function onClick() {
+      return setDefaultValue("points-of-interest");
+    },
+    className: "stretched-link text-left",
+    iconClassName: "order-last",
+    headerClassName: "relative py-2 rounded border border-uiAccent/20 bg-white text-sm transition data-[state=open]:border-b-transparent data-[state=open]:rounded-b-none"
+  }, title), /*#__PURE__*/React.createElement(Accordion.Content, {
+    bodyClassName: "px-2 py-1 bg-white rounded-b border border-uiAccent/20 border-t-0 max-h-[20vh] md:max-h-[25vh] overflow-auto"
+  }, pointsOfInterest.items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(RadioItem, {
+      key: item.key + index,
+      item: item,
+      field: item.id
+    });
+  })))));
+};
+
+var FilterLocation = function FilterLocation(_ref) {
+  var className = _ref.className,
+    defaultValue = _ref.defaultValue,
+    setDefaultValue = _ref.setDefaultValue,
+    _ref$showMap = _ref.showMap,
+    showMap = _ref$showMap === void 0 ? false : _ref$showMap,
+    setLocation = _ref.setLocation,
+    setSelectedListItem = _ref.setSelectedListItem;
+  var _useMapList = useMapList(),
+    _setSelectedFilters = _useMapList.setSelectedFilters,
+    selectedFilters = _useMapList.selectedFilters,
+    filterOptions = _useMapList.filterOptions;
+  selectedFilters != null && selectedFilters["cityState"] ? Object.keys(selectedFilters["cityState"]).length : 0;
+  var locations = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.locations;
+  var pointsOfInterest = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.pointsOfInterest;
+  return /*#__PURE__*/React.createElement(CardFilter, {
+    className: className !== null && className !== void 0 ? className : ""
+  }, /*#__PURE__*/React.createElement(CardFilter.Title, {
+    icon: "fluent:location-16-filled"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+    className: "hidden lg:inline"
+  }, "Job"), " location")), !locations && /*#__PURE__*/React.createElement(Loading, null), locations && /*#__PURE__*/React.createElement(Accordion, {
+    defaultValue: defaultValue,
+    className: "space-y-4"
+  }, locations === null || locations === void 0 ? void 0 : locations.map(function (filter) {
+    return /*#__PURE__*/React.createElement(AccordionFilterItem, {
+      key: filter.id,
+      filter: filter,
+      setDefaultValue: setDefaultValue,
+      selectedFilters: selectedFilters,
+      setSelectedFilters: function setSelectedFilters(prevFilters) {
+        _setSelectedFilters(prevFilters);
+        setLocation(null);
+        setSelectedListItem(null);
+      }
+    });
+  }), showMap && /*#__PURE__*/React.createElement(FilterCommute, {
+    className: "mt-6"
+  }), showMap && /*#__PURE__*/React.createElement(FilterPointsOfInterest, {
+    className: "mt-4",
+    pointsOfInterest: pointsOfInterest,
+    setDefaultValue: setDefaultValue,
+    defaultValue: defaultValue
+  })));
+};
+
+var Filter = function Filter(_ref) {
+  var className = _ref.className,
+    showMap = _ref.showMap;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasActiveFilters = _useState2[0],
+    setHasActiveFilters = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    defaultValue = _useState4[0],
+    _setDefaultValue = _useState4[1];
+  var _useMap = useMap(),
+    setSelectedListItem = _useMap.setSelectedListItem,
+    setLocation = _useMap.setLocation,
+    filterReset = _useMap.filterReset;
+  var _useMapList = useMapList(),
+    filteredListings = _useMapList.filteredListings,
+    selectedFilters = _useMapList.selectedFilters,
+    setSelectedFilters = _useMapList.setSelectedFilters,
+    setMobileTab = _useMapList.setMobileTab,
+    handleSettingFavorites = _useMapList.handleSettingFavorites,
+    setQuery = _useMapList.setQuery,
+    siteConfig = _useMapList.siteConfig;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "\n\t\t\t\trelative max-h-[95vh] md:max-h-screen overflow-y-auto overflow-x-auto\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-4 md:pt-4 space-y-4"
+  }, /*#__PURE__*/React.createElement(AccordionFilters, {
+    setHasActiveFilters: setHasActiveFilters,
+    defaultValue: defaultValue,
+    setDefaultValue: function setDefaultValue(value) {
+      _setDefaultValue(value == defaultValue ? "" : value);
+    },
+    setLocation: setLocation,
+    setSelectedListItem: setSelectedListItem
+  }), /*#__PURE__*/React.createElement(Search, null), siteConfig.hideLocations !== true && /*#__PURE__*/React.createElement(FilterLocation, {
+    setHasActiveFilters: setHasActiveFilters,
+    defaultValue: defaultValue,
+    showMap: showMap,
+    setDefaultValue: function setDefaultValue(value) {
+      _setDefaultValue(value == defaultValue ? "" : value);
+    },
+    setLocation: setLocation,
+    setSelectedListItem: setSelectedListItem
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sticky bottom-0 inset-x-0 flex items-center justify-between gap-2 py-2 px-4 mt-2 bg-white md:bg-gray-100"
+  }, /*#__PURE__*/React.createElement(Button.Btn, {
+    onClick: function onClick() {
+      filterReset();
+      setSelectedFilters({});
+      setQuery(null);
+      handleSettingFavorites(null);
+    },
+    variant: "outline",
+    size: "sm"
+  }, "Reset"), selectedFilters && Object.keys(selectedFilters).length > 0 && /*#__PURE__*/React.createElement(Button.Btn, {
+    onClick: function onClick() {
+      return setMobileTab("listTab");
+    },
+    variant: "primary",
+    size: "sm",
+    className: "\n\t\t\t\t\t\tmd:hidden\n\t\t\t\t\t\t".concat(hasActiveFilters ? "opacity-0 pointer-events-none" : "opacity-100", "\n\t\t\t\t\t")
+  }, /*#__PURE__*/React.createElement(Button.Body, null, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "fluent:search-12-filled",
+    size: "w-3.5 h-3.5"
+  }), "Show ", filteredListings.length, " Jobs"))));
+};
+
+var _excluded$5 = ["className", "children", "field", "setSortSetting", "sortSetting", "isSortable"];
+var SORT_STATE = {
+  notSorted: "not-sorted",
+  sortedAsc: "sorted-asc",
+  sortedDesc: "sorted-desc"
+};
+var HeaderItem = function HeaderItem(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    field = _ref.field,
+    setSortSetting = _ref.setSortSetting,
+    sortSetting = _ref.sortSetting,
+    isSortable = _ref.isSortable,
+    rest = _objectWithoutProperties(_ref, _excluded$5);
+  var _useState = useState(SORT_STATE.notSorted),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSorted = _useState2[0],
+    setIsSorted = _useState2[1];
+  var handleChange = function handleChange(field) {
+    if (isSortable === false) return;
+    var setting = {
+      field: field,
+      type: isSorted === SORT_STATE.sortedAsc ? "desc" : "asc"
+    };
+    setSortSetting(setting);
+    isSorted === SORT_STATE.notSorted ? setIsSorted(SORT_STATE.sortedAsc) : isSorted === SORT_STATE.sortedAsc ? setIsSorted(SORT_STATE.sortedDesc) : setIsSorted(SORT_STATE.sortedAsc);
+  };
+  useEffect(function () {
+    if ((sortSetting === null || sortSetting === void 0 ? void 0 : sortSetting.field) != null && sortSetting.field != field) {
+      setIsSorted(SORT_STATE.notSorted);
+    } else if ((sortSetting === null || sortSetting === void 0 ? void 0 : sortSetting.field) != null && isSorted == SORT_STATE.notSorted && sortSetting.field == field) {
+      setIsSorted(sortSetting.type == "asc" ? SORT_STATE.sortedAsc : SORT_STATE.sortedDesc);
+    }
+  }, [sortSetting, isSorted, field]);
+  return /*#__PURE__*/React.createElement(Button.Btn, _extends({
+    onClick: function onClick() {
+      return handleChange(field);
+    },
+    variant: "none",
+    className: "\n\t\t\t\tp-2 rounded-none text-left normal-case font-bold hover:bg-uiAccent/5 focus:bg-uiAccent/5\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, rest), /*#__PURE__*/React.createElement(Button.Body, null, children, isSortable && /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col pr-2"
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "bi:caret-up-fill",
+    size: "w-2.5 h-2.5",
+    className: "\n\t\t\t\t\t\t\t\ttransition-opacity\n\t\t\t\t\t\t\t\t".concat(isSorted === "sorted-asc" ? "opacity-100 text-primary" : "opacity-30", "\n\t\t\t\t\t\t\t")
+  }), /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "bi:caret-down-fill",
+    size: "w-2.5 h-2.5",
+    className: "\n\t\t\t\t\t\t\t\ttransition-opacity\n\t\t\t\t\t\t\t\t".concat(isSorted === "sorted-desc" ? "opacity-100" : "opacity-30", "\n\t\t\t\t\t\t\t")
+  }))));
+};
+
+var _templateObject$2;
+var ListHeader = function ListHeader(_ref) {
+  var className = _ref.className,
+    fieldsShown = _ref.fieldsShown,
+    fieldNames = _ref.fieldNames,
+    _ref$fieldIsSortable = _ref.fieldIsSortable,
+    fieldIsSortable = _ref$fieldIsSortable === void 0 ? true : _ref$fieldIsSortable,
+    setSortSetting = _ref.setSortSetting,
+    sortSetting = _ref.sortSetting;
+  return /*#__PURE__*/React.createElement(Grid, {
+    columns: "grid-flow-col auto-cols-fr",
+    gap: "gap-0",
+    isAnimated: false,
+    className: twMerge(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n\t\t\t\tpl-6 pr-8 hidden md:grid flex-auto bg-uiAccent/10 border-b border-uiAccent/10 sticky top-0 z-10 padding-bottom:20px\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : "")
+  }, fieldsShown.map(function (field) {
+    return /*#__PURE__*/React.createElement(HeaderItem, {
+      key: field,
+      isSortable: fieldIsSortable,
+      sortSetting: sortSetting,
+      field: field,
+      setSortSetting: setSortSetting
+    }, fieldNames[field]);
+  }), /*#__PURE__*/React.createElement(HeaderItem, {
+    key: "favorite",
+    isSortable: false,
+    field: "favorite"
+  }, "Favorite"));
+};
+
+var capitalize = function capitalize(str) {
+  if (str && typeof str === "string") {
+    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+  }
+  return str;
+};
+
+var _excluded$4 = ["className", "children"];
+var PillWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return /*#__PURE__*/React.createElement(Button.Btn, _extends({
+    ref: ref,
+    size: "none",
+    variant: "none",
+    className: "relative group inline-flex items-center gap-px ml-auto mr-1.5 pl-1.5 pr-1 py-0.5 rounded bg-primary/10 text-xs font-bold text-primary ring-1 ring-inset ring-primary/20 ".concat(className)
+  }, props), children);
+});
+PillWrapper.displayName = 'PillWrapper';
+
+var CommutePill = function CommutePill(_ref) {
+  var travelTime = _ref.travelTime;
+  if (!travelTime) return;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pt-2"
+  }, /*#__PURE__*/React.createElement(PillWrapper, null, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "ri:pin-distance-fill",
+    size: "w-5 h-5",
+    className: "text-uiAccent/30"
+  }), "commute time = ", travelTime));
+};
+
+var FieldMapper = function FieldMapper(_ref) {
+  var item = _ref.item,
+    fieldsShown = _ref.fieldsShown,
+    specialFeatures = _ref.specialFeatures,
+    handleFavouriteClick = _ref.handleFavouriteClick,
+    isFavorite = _ref.isFavorite;
+  var orderedFields = fieldsShown.filter(function (field) {
+    return field in item.fields;
+  });
+  var specialFeaturePills = function specialFeaturePills(field) {
+    return field === 'position' && specialFeatures && Object.entries(specialFeatures).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        featureKey = _ref3[0],
+        featureLabel = _ref3[1];
+      return item.fields[featureKey] === 1 && /*#__PURE__*/React.createElement(PillWrapper, {
+        key: featureKey
+      }, featureLabel);
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, orderedFields.map(function (field) {
+    var value = item.fields[field];
+    return /*#__PURE__*/React.createElement(Grid.Item, {
+      key: field,
+      className: "hidden md:block"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "sr-only"
+    }, capitalize(field)), value, /*#__PURE__*/React.createElement("br", null), specialFeaturePills(field));
+  }), /*#__PURE__*/React.createElement(Grid.Item, {
+    className: "md:hidden"
+  }, fieldsShown.includes("position") && /*#__PURE__*/React.createElement(React.Fragment, null, " ", /*#__PURE__*/React.createElement("div", {
+    className: "flex items-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center min-w-[100%]"
+  }, " ", /*#__PURE__*/React.createElement("h3", {
+    className: "font-bold mb-3 flex-1"
+  }, item.fields.position), /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-end pb-2"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: isFavorite ? "mdi:heart" : "mdi:heart-outline",
+    size: "w-3.5 h-3.5",
+    iconClasses: isFavorite ? "text-primary" : "",
+    className: "transition-opacity duration-300 cursor-pointer\n\t\t\t\t\t\t\t\t\t".concat(isFavorite ? "opacity-100" : "text-uiText/60 group-hover:opacity-100", "\n\t\t\t\t\t\t\t\t\t"),
+    onClick: function onClick(e) {
+      return handleFavouriteClick(e);
+    }
+  })))), specialFeatures && /*#__PURE__*/React.createElement("div", {
+    className: "pb-4"
+  }, specialFeaturePills("position"), " ")), /*#__PURE__*/React.createElement("ul", {
+    className: "space-y-2 text-xs"
+  }, [{
+    field: "category",
+    name: "Category",
+    icon: "icon-park-solid:tree-list"
+  }, {
+    field: "schedule",
+    name: "Schedule",
+    icon: "gravity-ui:clock-fill"
+  }, {
+    field: "cityState",
+    name: "Location",
+    icon: "fluent:location-16-filled"
+  }, {
+    field: "travelTime",
+    name: "Commute",
+    icon: "ri:pin-distance-fill"
+  }].map(function (listItem) {
+    return fieldsShown.includes(listItem.field) && item.fields[listItem.field] && /*#__PURE__*/React.createElement("li", {
+      key: listItem.field,
+      className: "flex gap-2"
+    }, /*#__PURE__*/React.createElement(IconContained, {
+      icon: listItem.icon,
+      size: "w-3.5 h-3.5",
+      className: "text-uiAccent/30"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "sr-only"
+    }, listItem.name), item.fields[listItem.field]);
+  }))));
+};
+
+var _excluded$3 = ["isActive", "bodyClassName", "className", "item", "fieldsShown", "specialFeatures", "onItemSelected", "showMap", "setMobileTab", "favorites", "setFavorites"];
+var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _item$mapDetails, _item$mapDetails2, _item$mapDetails3, _item$mapDetails4;
+  var isActive = _ref.isActive,
+    bodyClassName = _ref.bodyClassName,
+    className = _ref.className,
+    item = _ref.item,
+    fieldsShown = _ref.fieldsShown,
+    specialFeatures = _ref.specialFeatures,
+    onItemSelected = _ref.onItemSelected,
+    showMap = _ref.showMap,
+    setMobileTab = _ref.setMobileTab,
+    favorites = _ref.favorites,
+    setFavorites = _ref.setFavorites,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  var _useMapList = useMapList(),
+    siteConfig = _useMapList.siteConfig;
+  var mapPinColor = siteConfig.colors.primary.replace("#", "");
+  var handleClick = function handleClick() {
+    if (onItemSelected) {
+      onItemSelected(item);
+    }
+  };
+  var isFavorite = favorites.includes(item.id);
+  var handleFavouriteClick = function handleFavouriteClick(event) {
+    event.stopPropagation();
+    var updatedFavorites;
+    if (isFavorite) {
+      updatedFavorites = favorites.filter(function (fav) {
+        return fav !== item.id;
+      });
+    } else {
+      updatedFavorites = [].concat(_toConsumableArray(favorites), [item.id]);
+    }
+    isFavorite = !isFavorite;
+    setFavorites(updatedFavorites);
+  };
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: ref,
+    onClick: handleClick,
+    className: "\n               group relative flex md:flex-col w-full md:pl-4 text-left bg-clip-border border border-transparent break-words overflow-hidden cursor-pointer transition-colors hover:bg-uiAccent/5 focus:hover:bg-uiAccent/5\n\t\t\t\t\t".concat(isActive ? "bg-uiAccent/5 border-secondary border" : "text-uiText bg-white", "\n\t\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n            ")
+  }, props), /*#__PURE__*/React.createElement(Grid, {
+    columns: "grid-flow-col auto-cols-fr",
+    gap: "gap-2",
+    isAnimated: false,
+    className: "\n                    block md:grid flex-auto p-2 ps-4 w-full grow leading-tight text-sm md:text-xs lg:text-sm\n                    ".concat(bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : "", "\n                ")
+  }, /*#__PURE__*/React.createElement(Grid.Item, {
+    className: "hidden md:block md:absolute md:left-1.5 top-1.5"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Expand row"), /*#__PURE__*/React.createElement(IconContained, {
+    icon: "fluent-emoji-high-contrast:plus",
+    size: "w-2.5 h-2.5",
+    className: "\n\t\t\t\t\t\t\t\topacity-0 text-uiText/60 transition group-hover:opacity-100 group-active:opacity-100\n\t\t\t\t\t\t\t\t".concat(isActive ? "opacity-100 rotate-45" : "", "\n\t\t\t\t\t\t\t")
+  })), /*#__PURE__*/React.createElement(FieldMapper, {
+    item: item,
+    fieldsShown: fieldsShown,
+    specialFeatures: specialFeatures,
+    isFavorite: isFavorite,
+    handleFavouriteClick: handleFavouriteClick
+  }), /*#__PURE__*/React.createElement(Grid.Item, {
+    key: "favorites",
+    className: "hidden md:block"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: isFavorite ? "mdi:heart" : "mdi:heart-outline",
+    size: "w-3.5 h-3.5",
+    iconClasses: isFavorite ? "text-primary" : "",
+    title: !isFavorite ? 'Add job to favorites' : 'Remove job from favorites',
+    className: "\n\t\t\t\t\t\t\tpr-2 transition-opacity duration-300 cursor-pointer opacity-100\"\n\t\t\t\t\t\t",
+    onClick: function onClick(e) {
+      return handleFavouriteClick(e);
+    }
+  }))), showMap && /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      setMobileTab("mapTab");
+      handleClick();
+    },
+    className: "md:hidden w-2/5 sm:w-1/3 p-1.5 my-1 bg-uiAccent/5 border border-uiAccent/10 rounded-sm"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://maps.googleapis.com/maps/api/staticmap?scale=2&center=".concat((_item$mapDetails = item.mapDetails) === null || _item$mapDetails === void 0 ? void 0 : _item$mapDetails.latitude, ",").concat((_item$mapDetails2 = item.mapDetails) === null || _item$mapDetails2 === void 0 ? void 0 : _item$mapDetails2.longitude, "&zoom=10&size=240x180&maptype=roadmap&markers=color:0x").concat(mapPinColor, "%7Clabel:\u2022%7C").concat((_item$mapDetails3 = item.mapDetails) === null || _item$mapDetails3 === void 0 ? void 0 : _item$mapDetails3.latitude, ",").concat((_item$mapDetails4 = item.mapDetails) === null || _item$mapDetails4 === void 0 ? void 0 : _item$mapDetails4.longitude, "&key=ToDo"),
+    alt: "Map of location for ".concat(item.fields.position),
+    className: "w-full h-full object-cover"
+  })));
+});
+ListItem.displayName = "ListItem";
+var ListItem$1 = /*#__PURE__*/React.memo(ListItem, function (prevProps, nextProps) {
+  return (prevProps.isActive === nextProps.isActive || prevProps.isActive !== nextProps.isActive) && prevProps.bodyClassName === nextProps.bodyClassName && prevProps.className === nextProps.className && prevProps.fieldsShown === nextProps.fieldsShown && prevProps.item.id === nextProps.item.id;
+});
+
+var _excluded$2 = ["className", "content"];
+var CardItemExpand = function CardItemExpand(_ref) {
+  var className = _ref.className,
+    content = _ref.content,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: twMerge('flex flex-col lg:flex-row flex-wrap items-stretch gap-x-4 w-full lg:pt-2 border-t border-uiAccent/20', className !== null && className !== void 0 ? className : '')
+  }, props), content);
+};
+
+var MapAccordionItem = function MapAccordionItem(_ref) {
+  var item = _ref.item,
+    itemRefs = _ref.itemRefs,
+    itemExpandedContent = _ref.itemExpandedContent,
+    fieldsShown = _ref.fieldsShown,
+    showMap = _ref.showMap,
+    hasListItemSelected = _ref.hasListItemSelected,
+    specialFeatures = _ref.specialFeatures,
+    isActive = _ref.isActive;
+  var _useMapList = useMapList(),
+    mapItems = _useMapList.mapItems,
+    recruiters = _useMapList.recruiters,
+    setMobileTab = _useMapList.setMobileTab,
+    favorites = _useMapList.favorites,
+    handleSettingFavorites = _useMapList.handleSettingFavorites;
+  var _useMap = useMap(),
+    selectItem = _useMap.selectItem;
+  var setSelectedItemAndZoomMap = function setSelectedItemAndZoomMap(item) {
+    if (isActive) {
+      localStorage.removeItem("selectedListItem");
+      mapItems.find(function (x) {
+        return x.items.hasOwnProperty(item.id);
+      }) || null;
+      selectItem(null, null, 9, {
+        lat: 39.8283,
+        lng: -98.5795
+      });
+    } else {
+      setStorageObject("selectedListItem", item);
+      var location = mapItems.find(function (x) {
+        return x.items.hasOwnProperty(item.id);
+      }) || null;
+      selectItem(item, location, 12, {
+        lat: location === null || location === void 0 ? void 0 : location.latitude,
+        lng: location === null || location === void 0 ? void 0 : location.longitude
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(Accordion.Item, {
+    key: item.id,
+    id: item.id
+  }, /*#__PURE__*/React.createElement(Accordion.Trigger.Blank, null, /*#__PURE__*/React.createElement(ListItem$1, {
+    ref: function ref(el) {
+      return itemRefs.current[item.id] = el;
+    },
+    id: item.id,
+    key: item.id,
+    item: item,
+    fieldsShown: fieldsShown,
+    onClick: function onClick() {
+      return setSelectedItemAndZoomMap(item);
+    },
+    showMap: showMap,
+    isActive: isActive,
+    setMobileTab: setMobileTab,
+    specialFeatures: specialFeatures,
+    className: hasListItemSelected ? isActive ? "!border-secondary border border-b-0" : "opacity-85" : "",
+    favorites: favorites,
+    setFavorites: handleSettingFavorites
+  })), isActive && /*#__PURE__*/React.createElement(Accordion.Content, {
+    bodyClassName: "px-2 py-2 pt-0 bg-uiAccent/5 border-secondary border border-t-0"
+  }, /*#__PURE__*/React.createElement(CardItemExpand, {
+    content: itemExpandedContent(item, recruiters)
+  })));
+};
+
+var dynamicSort = function dynamicSort(items, fieldName) {
+  var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "asc";
+  if (!items || !items.length) {
+    return [];
+  }
+  var inferType = function inferType(value) {
+    if (!isNaN(Date.parse(value)) && isNaN(value)) {
+      return "date";
+    } else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+      return "number";
+    } else {
+      return "string";
+    }
+  };
+  var dataType = inferType(items[0].fields[fieldName]);
+  return items.sort(function (a, b) {
+    var valA = a.fields[fieldName];
+    var valB = b.fields[fieldName];
+    if (!valA || !valB) return;
+    var comparison = 0;
+    if (dataType === "string") {
+      comparison = valA.localeCompare(valB);
+    } else if (dataType === "number") {
+      comparison = valA - valB;
+    } else if (dataType === "date") {
+      comparison = new Date(valA) - new Date(valB);
+    }
+    return order === "desc" ? comparison * -1 : comparison;
+  });
+};
+
+var getDefaultItemId = function getDefaultItemId() {
+  var item = getStorageObject("selectedListItem");
+  if ((item === null || item === void 0 ? void 0 : item.expanded) == true) {
+    return item.id;
+  } else {
+    return null;
+  }
+};
+var useListLogic = function useListLogic() {
+  var _useState = useState(100),
+    _useState2 = _slicedToArray(_useState, 2),
+    itemLimit = _useState2[0],
+    setItemLimit = _useState2[1];
+  var _useState3 = useState(getDefaultItemId()),
+    _useState4 = _slicedToArray(_useState3, 1),
+    expandedId = _useState4[0];
+  var _useState5 = useState(getStorageObject('sortSetting', null)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sortSetting = _useState6[0],
+    setSortSetting = _useState6[1];
+  var _useState7 = useState(getStorageObject('scrollPosition', 0)),
+    _useState8 = _slicedToArray(_useState7, 2),
+    scrollPosition = _useState8[0],
+    setScrollPosition = _useState8[1];
+  var loader = useRef(null);
+  var scrollContainerRef = useRef(null);
+  var itemRefs = useRef({});
+  var observer = useRef(null);
+  var _useMapList = useMapList(),
+    filteredListings = _useMapList.filteredListings,
+    setFilteredListings = _useMapList.setFilteredListings;
+  useEffect(function () {
+    if (!sortSetting) return;
+    localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
+    var listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+    setFilteredListings(listingFiltered);
+  }, [sortSetting]);
+  useEffect(function () {
+    observer.current = new IntersectionObserver(handleObserver, {
+      root: scrollContainerRef.current,
+      rootMargin: "100px 0px",
+      threshold: 0.5
+    });
+    if (loader.current) {
+      observer.current.observe(loader.current);
+    }
+    return function () {
+      if (observer.current && loader.current) {
+        observer.current.unobserve(loader.current);
+      }
+    };
+  }, [loader.current, itemLimit, filteredListings.length]);
+  useEffect(function () {
+    localStorage.setItem('scrollPosition', scrollPosition.toString());
+  }, [scrollPosition]);
+  useEffect(function () {
+    var savedScrollPosition = scrollPosition;
+    if (parseInt(savedScrollPosition) > 3000) {
+      setItemLimit(savedScrollPosition / 10);
+    }
+    if (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {
+      scrollContainerRef.current;
+      setTimeout(function () {
+      }, 300);
+    }
+  }, []);
+  useEffect(function () {
+    var scrollContainer = scrollContainerRef.current;
+    if (scrollContainer) {
+      scrollContainer.addEventListener('scroll', handleScroll);
+    }
+    return function () {
+      if (scrollContainer) {
+        scrollContainer.removeEventListener('scroll', handleScroll);
+      }
+    };
+  }, [scrollContainerRef.current]);
+  var handleObserver = function handleObserver(entities) {
+    var target = entities[0];
+    if (!target.isIntersecting) return;
+    if (filteredListings.length > itemLimit) {
+      setItemLimit(function (prevLimit) {
+        return prevLimit + 100;
+      });
+    } else if (observer.current) {
+      observer.current.disconnect();
+    }
+  };
+  if (sortSetting) {
+    dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+  }
+  var handleScroll = function handleScroll() {
+    if (scrollContainerRef.current) {
+      setScrollPosition(scrollContainerRef.current.scrollTop);
+    }
+  };
+  return {
+    itemLimit: itemLimit,
+    expandedId: expandedId,
+    sortSetting: sortSetting,
+    scrollPosition: scrollPosition,
+    loader: loader,
+    scrollContainerRef: scrollContainerRef,
+    itemRefs: itemRefs,
+    setSortSetting: setSortSetting,
+    setScrollPosition: setScrollPosition,
+    dynamicSort: dynamicSort,
+    filteredListings: filteredListings
+  };
+};
+
+var _excluded$1 = ["children", "className"];
+var FilterSort = function FilterSort(_ref) {
+  var className = _ref.className,
+    fields = _ref.fields,
+    setSortSetting = _ref.setSortSetting,
+    fieldNames = _ref.fieldNames;
+  var handleSortChange = function handleSortChange(value) {
+    var _value$split = value.split("-"),
+      _value$split2 = _slicedToArray(_value$split, 2),
+      field = _value$split2[0],
+      direction = _value$split2[1];
+    setSortSetting({
+      field: field,
+      type: direction
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: className !== null && className !== void 0 ? className : ""
+  }, /*#__PURE__*/React.createElement(Select.Root, {
+    onValueChange: handleSortChange
+  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+    asChild: true,
+    "aria-label": "Sort"
+  }, /*#__PURE__*/React.createElement(Button.Btn, {
+    variant: "outline",
+    size: "sm",
+    className: "normal-case"
+  }, /*#__PURE__*/React.createElement(Button.Body, {
+    className: "justify-center"
+  }, /*#__PURE__*/React.createElement(Select.Value, {
+    placeholder: /*#__PURE__*/React.createElement("span", {
+      className: "flex items-center gap-2"
+    }, "Sort", /*#__PURE__*/React.createElement(IconContained, {
+      icon: "mdi:sort"
+    }))
+  }), /*#__PURE__*/React.createElement(Select.Icon, null, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "mdi:chevron-down"
+  }))))), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Content, {
+    className: "relative z-[200] overflow-hidden bg-white rounded-md "
+  }, /*#__PURE__*/React.createElement(Select.ScrollUpButton, {
+    className: "flex items-center justify-center h-5 bg-white text-primary cursor-default"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "mdi:chevron-up"
+  })), /*#__PURE__*/React.createElement(Select.Viewport, {
+    className: "p-1"
+  }, fields.map(function (field) {
+    var _fieldNames$field, _fieldNames$field2;
+    return /*#__PURE__*/React.createElement(Select.Group, {
+      key: field
+    }, /*#__PURE__*/React.createElement(SelectItem, {
+      value: "".concat(field, "-asc")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "flex items-center justify-between gap-2 w-full"
+    }, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React.createElement(IconContained, {
+      icon: "mdi:sort-ascending"
+    }))), /*#__PURE__*/React.createElement(SelectItem, {
+      value: "".concat(field, "-desc")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "flex items-center justify-between gap-2 w-full"
+    }, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React.createElement(IconContained, {
+      icon: "mdi:sort-descending"
+    }))));
+  })), /*#__PURE__*/React.createElement(Select.ScrollDownButton, {
+    className: "flex items-center justify-center h-5 bg-white text-primary cursor-default"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "mdi:chevron-down"
+  }))))));
+};
+var SelectItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded$1);
+  return /*#__PURE__*/React.createElement(Select.Item, _extends({
+    className: twMerge("text-sm leading-none rounded-sm flex items-center w-full py-1.5 pr-4 pl-7 relative select-none cursor-pointer data-[disabled]:text-gray-500 data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-primary data-[highlighted]:text-white", className)
+  }, props, {
+    ref: forwardedRef
+  }), /*#__PURE__*/React.createElement(Select.ItemText, null, children), /*#__PURE__*/React.createElement(Select.ItemIndicator, {
+    className: "absolute left-0 w-8 inline-flex items-center justify-center"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "mdi:check"
+  })));
+});
+SelectItem.displayName = "SelectItem";
+
+var RecruiterHeadshot = function RecruiterHeadshot(_ref) {
+  var image = _ref.image,
+    alt = _ref.alt,
+    className = _ref.className,
+    imageClassName = _ref.imageClassName;
+  return /*#__PURE__*/React.createElement("div", {
+    className: className !== null && className !== void 0 ? className : ''
+  }, /*#__PURE__*/React.createElement("img", {
+    src: image,
+    width: "96",
+    height: "96",
+    alt: alt,
+    className: imageClassName !== null && imageClassName !== void 0 ? imageClassName : ''
+  }));
+};
+
+var _templateObject$1, _templateObject2, _templateObject3;
+var RecruiterDetails = function RecruiterDetails(_ref) {
+  var contactNav = _ref.contactNav,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: twMerge(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n\t\t\t\tgrow\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
+  }, children, contactNav && /*#__PURE__*/React.createElement("div", {
+    className: "inline-flex"
+  }, contactNav));
+};
+var Title = function Title(_ref2) {
+  var _ref2$as = _ref2.as,
+    as = _ref2$as === void 0 ? 'h4' : _ref2$as,
+    className = _ref2.className,
+    children = _ref2.children;
+  var Container = as;
+  return /*#__PURE__*/React.createElement(Container, {
+    className: twMerge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\ttext-base font-medium\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
+  }, children);
+};
+var Text = function Text(_ref3) {
+  var _ref3$as = _ref3.as,
+    as = _ref3$as === void 0 ? 'p' : _ref3$as,
+    className = _ref3.className,
+    children = _ref3.children;
+  var Container = as;
+  return /*#__PURE__*/React.createElement(Container, {
+    className: twMerge(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\ttext-sm text-uiText/60\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
+  }, children);
+};
+RecruiterDetails.Title = Title;
+RecruiterDetails.Text = Text;
+
+var ApplyDialog = function ApplyDialog(_ref) {
+  var children = _ref.children,
+    applyUrl = _ref.applyUrl,
+    internalApplyLink = _ref.internalApplyLink,
+    companyName = _ref.companyName;
+  return /*#__PURE__*/React.createElement(Dialog.Root, null, /*#__PURE__*/React.createElement(Dialog.Trigger, {
+    asChild: true
+  }, children), /*#__PURE__*/React.createElement(Dialog.Portal, null, /*#__PURE__*/React.createElement(Dialog.Overlay, {
+    className: "bg-blackA6 fixed inset-0 animate-overlayShow"
+  }), /*#__PURE__*/React.createElement(Dialog.Content, {
+    className: "fit-content animate-contentShow fixed inset-0 m-auto max-h-[85vh] w-[90vw] max-w-[450px] rounded-[6px] bg-white p-[25px] shadow-lg focus:outline-none flex flex-col items-center text-center"
+  }, /*#__PURE__*/React.createElement(Dialog.Title, {
+    className: "text-[17px] font-medium w-full"
+  }, "Career Opportunities"), /*#__PURE__*/React.createElement(Dialog.Description, {
+    className: "mt-4 mb-5 text-[15px] leading-normal w-full"
+  }, "Are you currently a ", companyName, " employee?"), /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center space-x-4 w-full"
+  }, /*#__PURE__*/React.createElement(Dialog.Close, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Button.Anchor, {
+    variant: "outline",
+    href: internalApplyLink
+  }, "Yes")), /*#__PURE__*/React.createElement(Dialog.Close, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Button.Anchor, {
+    variant: "primary",
+    href: applyUrl
+  }, "No"))), /*#__PURE__*/React.createElement(Dialog.Close, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Button.Anchor, {
+    className: "absolute top-[10px] right-[10px] inline-flex h-[25px] w-[25px] items-center justify-center rounded-full focus:outline-none",
+    variant: "ghost",
+    "aria-label": "Close"
+  }, /*#__PURE__*/React.createElement(IconContained, {
+    icon: "mdi:times",
+    className: "cursor-pointer text-black hover:text-gray-500 hover:opacity-75"
+  }))))));
+};
+
+var _templateObject;
+var ButtonGroupApply = function ButtonGroupApply(_ref) {
+  var applyUrl = _ref.applyUrl,
+    useDetailsPostMessage = _ref.useDetailsPostMessage,
+    _ref$applyText = _ref.applyText,
+    applyText = _ref$applyText === void 0 ? 'Apply Now' : _ref$applyText,
+    detailsUrl = _ref.detailsUrl,
+    _ref$detailsText = _ref.detailsText,
+    detailsText = _ref$detailsText === void 0 ? 'View Details' : _ref$detailsText,
+    className = _ref.className,
+    _ref$buttonSize = _ref.buttonSize,
+    buttonSize = _ref$buttonSize === void 0 ? 'default' : _ref$buttonSize,
+    _ref$applyButtonVaria = _ref.applyButtonVariant,
+    applyButtonVariant = _ref$applyButtonVaria === void 0 ? 'primary' : _ref$applyButtonVaria,
+    _ref$detailsButtonVar = _ref.detailsButtonVariant,
+    detailsButtonVariant = _ref$detailsButtonVar === void 0 ? 'outline' : _ref$detailsButtonVar,
+    _ref$includeDialog = _ref.includeDialog,
+    includeDialog = _ref$includeDialog === void 0 ? false : _ref$includeDialog,
+    internalApplyLink = _ref.internalApplyLink,
+    itemId = _ref.itemId,
+    companyName = _ref.companyName;
+  var applyButton = function applyButton() {
+    return /*#__PURE__*/React.createElement(Button.Anchor, {
+      variant: applyButtonVariant,
+      size: buttonSize
+    }, applyText);
+  };
+  return /*#__PURE__*/React.createElement("nav", {
+    className: twMerge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\tflex flex-row justify-between gap-2 w-full\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : '')
+  }, detailsUrl && useDetailsPostMessage !== true && /*#__PURE__*/React.createElement(Button.Anchor, {
+    href: detailsUrl,
+    variant: detailsButtonVariant,
+    size: buttonSize
+  }, detailsText), useDetailsPostMessage === true && /*#__PURE__*/React.createElement(Button.Btn, {
+    onClick: function onClick() {
+      window.parent.postMessage({
+        itemId: itemId,
+        type: 'LISTING_ID'
+      }, '*');
+    },
+    variant: detailsButtonVariant,
+    size: buttonSize
+  }, detailsText), applyUrl && !includeDialog && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button.Anchor, {
+    href: applyUrl,
+    variant: applyButtonVariant,
+    size: buttonSize
+  }, applyText)), applyUrl && includeDialog && /*#__PURE__*/React.createElement(ApplyDialog, {
+    applyUrl: applyUrl,
+    internalApplyLink: internalApplyLink,
+    companyName: companyName
+  }, applyButton()));
+};
+
+var _excluded = ["className", "href", "target", "title", "icon"];
+var RecruiterContactNav = function RecruiterContactNav(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("nav", {
+    className: "\n\t\t\t\tinline-flex items-center justify-between gap-2 mt-2\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t")
+  }, children);
+};
+var NavButton = function NavButton(_ref2) {
+  var className = _ref2.className,
+    href = _ref2.href,
+    _ref2$target = _ref2.target,
+    target = _ref2$target === void 0 ? '_self' : _ref2$target,
+    title = _ref2.title,
+    icon = _ref2.icon,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(Button.Anchor, _extends({
+    href: href,
+    variant: "icon",
+    size: "sq",
+    target: target,
+    title: title,
+    className: className !== null && className !== void 0 ? className : ''
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, title), /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: icon,
+    size: "w-8 h-8"
+  }));
+};
+RecruiterContactNav.Button = NavButton;
+
+var ListingDetails = function ListingDetails(_ref) {
+  var _item$details;
+  var item = _ref.item,
+    recruiters = _ref.recruiters;
+  var _useMap = useMap(),
+    travelTime = _useMap.travelTime;
+  var _useMapList = useMapList(),
+    siteConfig = _useMapList.siteConfig;
+  if (!item) {
+    return null;
+  }
+  var matchingRecruiter = !recruiters ? null : recruiters[item === null || item === void 0 ? void 0 : item.recruiterId];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grow flex flex-wrap items-center gap-4"
+  }, (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.headshot) && /*#__PURE__*/React.createElement(RecruiterHeadshot, {
+    image: "https:".concat(matchingRecruiter.headshot),
+    alt: matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.firstName,
+    className: "bg-gray-300"
+  }), matchingRecruiter && /*#__PURE__*/React.createElement(RecruiterDetails, {
+    contactNav: /*#__PURE__*/React.createElement(RecruiterContactNav, null, (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.mobilePhone) && /*#__PURE__*/React.createElement(RecruiterContactNav.Button, {
+      href: "tel:".concat(matchingRecruiter.mobilePhone),
+      title: "Call ".concat(matchingRecruiter.mobilePhone),
+      icon: "fluent:phone-32-regular"
+    }), (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.email) && /*#__PURE__*/React.createElement(RecruiterContactNav.Button, {
+      href: "mailto:".concat(matchingRecruiter.email),
+      title: "email ".concat(matchingRecruiter.email),
+      icon: "bi:envelope-at"
+    }), (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.linkedIn) && /*#__PURE__*/React.createElement(RecruiterContactNav.Button, {
+      href: matchingRecruiter.linkedIn,
+      title: "LinkedIn",
+      icon: "ant-design:linkedin-outlined"
+    }))
+  }, (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.firstName) && (matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.lastName) && /*#__PURE__*/React.createElement(RecruiterDetails.Title, null, "".concat(matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.firstName, " ").concat(matchingRecruiter === null || matchingRecruiter === void 0 ? void 0 : matchingRecruiter.lastName)), ((_item$details = item.details) === null || _item$details === void 0 || (_item$details = _item$details.recruiter) === null || _item$details === void 0 ? void 0 : _item$details.title) && /*#__PURE__*/React.createElement(RecruiterDetails.Text, null, item.details.recruiter.title)), /*#__PURE__*/React.createElement(ButtonGroupApply, {
+    useDetailsPostMessage: siteConfig.useDetailsPostMessage,
+    includeDialog: siteConfig.useApplyDialog,
+    internalApplyLink: siteConfig.internalApplyLink,
+    companyName: siteConfig.companyName,
+    applyUrl: item === null || item === void 0 ? void 0 : item.applyUrl,
+    itemId: item.id,
+    detailsUrl: item.useClientJobUrl ? item === null || item === void 0 ? void 0 : item.detailsUrl : "".concat(siteConfig.jobsDomain).concat(item.id),
+    className: "\n\t\t\t\t\tlg:flex-col lg:w-auto order-first lg:order-last md:self-center py-2 lg:p-0 lg:mb-0 border-b lg:border-none border-uiAccent/20\n\t\t\t\t\t".concat(matchingRecruiter ? "lg:flex-col lg:w-auto" : "lg:flex-row", "\n            ")
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(CommutePill, {
+    travelTime: travelTime,
+    className: "ml-0"
+  })));
+};
+
+var ItemsList = function ItemsList(_ref) {
+  var fieldNames = _ref.fieldNames,
+    showMap = _ref.showMap,
+    fieldsShown = _ref.fieldsShown,
+    specialFeatures = _ref.specialFeatures;
+  var _useListLogic = useListLogic(),
+    itemLimit = _useListLogic.itemLimit,
+    sortSetting = _useListLogic.sortSetting,
+    loader = _useListLogic.loader,
+    scrollContainerRef = _useListLogic.scrollContainerRef,
+    itemRefs = _useListLogic.itemRefs,
+    setSortSetting = _useListLogic.setSortSetting;
+  var _useMap = useMap(),
+    selectedListItem = _useMap.selectedListItem;
+  var _useMapList = useMapList(),
+    mapItems = _useMapList.mapItems,
+    filteredListings = _useMapList.filteredListings,
+    loading = _useMapList.loading,
+    commuteLocation = _useMapList.commuteLocation;
+  var itemExpandedContent = function itemExpandedContent(item, recruiters) {
+    return item ? /*#__PURE__*/React.createElement(ListingDetails, {
+      item: item,
+      recruiters: recruiters
+    }) : null;
+  };
+  if (!fieldsShown.includes('travelTime') && commuteLocation != null && Object.entries(commuteLocation).length > 0) {
+    fieldsShown.push('travelTime');
+    fieldNames['travelTime'] = 'Commute';
+  } else if (fieldsShown.includes('travelTime') && !commuteLocation) {
+    fieldsShown = fieldsShown.filter(function (x) {
+      return x !== 'travelTime';
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "relative bg-white md:px-4 flex flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap items-center justify-between gap-4 md:mb-2 p-3 md:p-0 bg-uiAccent/10 md:bg-transparent border-b md:border-none border-uiAccent/20"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "text-gray-500 font-semibold text-xs md:text-sm"
+  }, loading && /*#__PURE__*/React.createElement("span", null, "Loading..."), !loading && /*#__PURE__*/React.createElement("span", null, filteredListings.length, " results")), /*#__PURE__*/React.createElement("div", {
+    className: "block md:hidden"
+  }, /*#__PURE__*/React.createElement(FilterSort, {
+    fields: fieldsShown,
+    setSortSetting: setSortSetting,
+    fieldNames: fieldNames
+  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ListHeader, {
+    setSortSetting: setSortSetting,
+    sortSetting: sortSetting,
+    fieldsShown: fieldsShown,
+    fieldNames: fieldNames
+  })), /*#__PURE__*/React.createElement("div", {
+    ref: scrollContainerRef,
+    className: "\n\t\t\t\t\tflex-grow overflow-y-auto\n\t\t\t\t\t".concat(showMap ? "md:max-h-45vh max-h-[100vh]" : "md:max-h-95vh max-h-[95vh]", "\n\t\t\t\t")
+  }, loading ? /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center items-center pt-20"
+  }, /*#__PURE__*/React.createElement(Loading, null)) : /*#__PURE__*/React.createElement(Accordion, {
+    className: "divide-y divide-uiAccent/10 z10000",
+    defaultValue: selectedListItem === null || selectedListItem === void 0 ? void 0 : selectedListItem.id
+  }, filteredListings.slice(0, itemLimit).map(function (item) {
+    return /*#__PURE__*/React.createElement(MapAccordionItem, {
+      key: item.id,
+      showMap: showMap,
+      item: item,
+      itemRefs: itemRefs,
+      fieldsShown: fieldsShown,
+      itemExpandedContent: itemExpandedContent,
+      specialFeatures: specialFeatures,
+      mapItems: mapItems,
+      isActive: (selectedListItem === null || selectedListItem === void 0 ? void 0 : selectedListItem.id) == item.id,
+      hasListItemSelected: selectedListItem != null
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    ref: loader,
+    style: {
+      height: "100px",
+      textAlign: "center"
+    }
+  }, filteredListings.length >= itemLimit && /*#__PURE__*/React.createElement(Loading, null))));
+};
+
+var CardInfoWindow = function CardInfoWindow(_ref) {
+  var className = _ref.className,
+    content = _ref.content,
+    id = _ref.id;
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: "\n\t\t\t\trelative flex flex-col break-words bg-clip-border\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, content);
+};
+
+var InfoWindowContent = function InfoWindowContent(_ref) {
+  var _items$0$mapDetails, _items$0$mapDetails2, _items$0$mapDetails3, _items$0$mapDetails4, _items$0$mapDetails5;
+  var item = _ref.item,
+    filterListingsByLocation = _ref.filterListingsByLocation;
+  var _useMapList = useMapList(),
+    setSelectedFilters = _useMapList.setSelectedFilters;
+    _useMapList.setQuery;
+    var setMobileTab = _useMapList.setMobileTab,
+    selectedFilters = _useMapList.selectedFilters;
+  var items = item && item.items ? Object.values(item.items) : null;
+  if (!items || items.length < 0) {
+    return;
+  }
+  var addressParts = [(_items$0$mapDetails = items[0].mapDetails) === null || _items$0$mapDetails === void 0 || (_items$0$mapDetails = _items$0$mapDetails.address) === null || _items$0$mapDetails === void 0 ? void 0 : _items$0$mapDetails.street, (_items$0$mapDetails2 = items[0].mapDetails) === null || _items$0$mapDetails2 === void 0 || (_items$0$mapDetails2 = _items$0$mapDetails2.address) === null || _items$0$mapDetails2 === void 0 ? void 0 : _items$0$mapDetails2.city, (_items$0$mapDetails3 = items[0].mapDetails) === null || _items$0$mapDetails3 === void 0 || (_items$0$mapDetails3 = _items$0$mapDetails3.address) === null || _items$0$mapDetails3 === void 0 ? void 0 : _items$0$mapDetails3.state, (_items$0$mapDetails4 = items[0].mapDetails) === null || _items$0$mapDetails4 === void 0 || (_items$0$mapDetails4 = _items$0$mapDetails4.address) === null || _items$0$mapDetails4 === void 0 ? void 0 : _items$0$mapDetails4.zip];
+  var fullAddress = addressParts.filter(Boolean).join(', ');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex-auto p-2"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", {
+    className: "text-lg font-bold leading-tight mb-3"
+  }, (_items$0$mapDetails5 = items[0].mapDetails) === null || _items$0$mapDetails5 === void 0 ? void 0 : _items$0$mapDetails5.entityDisplayName), /*#__PURE__*/React.createElement("p", null, fullAddress), /*#__PURE__*/React.createElement("div", {
+    className: "pt-2"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "cursor-pointer hover:opacity-70 text-primary",
+    onClick: function onClick() {
+      setMobileTab("listTab");
+      setSelectedFilters(_objectSpread2(_objectSpread2({}, selectedFilters), {}, {
+        cityState: _defineProperty({}, items[0].fields.cityState, true)
+      }));
+      filterListingsByLocation();
+    }
+  }, items.length > 1 ? "View All ".concat(items.length, " jobs at this location") : "View job at this location")))));
+};
+
+var MapMarker = function MapMarker(_ref) {
+  var item = _ref.item,
+    markerRefs = _ref.markerRefs,
+    infoWindowClasses = _ref.infoWindowClasses,
+    markerClickHandler = _ref.markerClickHandler,
+    clusterer = _ref.clusterer,
+    markerIconSelected = _ref.markerIconSelected,
+    markerIcon = _ref.markerIcon,
+    selectedLocation = _ref.selectedLocation,
+    setMapInteracted = _ref.setMapInteracted;
+  var _useMap = useMap(),
+    setLocation = _useMap.setLocation,
+    commuteLocation = _useMap.commuteLocation;
+  var isSelected = item.id === (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id);
+  var markerRef = useRef(null);
+  var _useMapList = useMapList(),
+    handleFilterListingsByLocation = _useMapList.handleFilterListingsByLocation;
+  useEffect(function () {
+    markerRefs.current[item.id] = markerRef.current;
+  }, []);
+  var onMarkerClick = function onMarkerClick() {
+    setMapInteracted(true);
+    markerClickHandler(item);
+  };
+  var getInfoWindow = function getInfoWindow() {
+    if (!isSelected || !item || !item.id || !selectedLocation) {
+      return;
+    }
+    //Direct dom removal of empty info windows
+    document.querySelectorAll("div.gm-style-iw.gm-style-iw-c").forEach(function (x) {
+      if (!x.innerHTML.includes(item.id)) x.parentElement.remove();
+    });
+    return /*#__PURE__*/React.createElement(InfoWindow, {
+      position: {
+        lat: item.latitude,
+        lng: item.longitude
+      },
+      anchor: markerRefs.current[item.id],
+      onCloseClick: function onCloseClick() {
+        setMapInteracted(true);
+        setLocation(null);
+      },
+      options: {
+        maxWidth: 400
+      }
+    }, /*#__PURE__*/React.createElement(CardInfoWindow, {
+      className: infoWindowClasses,
+      id: item.id,
+      content: /*#__PURE__*/React.createElement(InfoWindowContent, {
+        item: item,
+        commuteLocation: commuteLocation,
+        filterListingsByLocation: function filterListingsByLocation() {
+          return handleFilterListingsByLocation(selectedLocation);
+        }
+      })
+    }));
+  };
+  return /*#__PURE__*/React.createElement(MarkerF, {
+    key: item.id,
+    position: {
+      lat: item.latitude,
+      lng: item.longitude
+    },
+    title: item.name,
+    options: {
+      icon: isSelected ? markerIconSelected : markerIcon
+    },
+    zIndex: isSelected ? 9999 : 1,
+    onLoad: function onLoad(marker) {
+      return markerRef.current = marker;
+    },
+    onClick: onMarkerClick,
+    clusterer: clusterer
+  }, isSelected && getInfoWindow());
+};
+
+var placeTypes = {
+  FOOD: "food",
+  STORE: "shopping",
+  TOURIST_ATTRACTION: "attractions",
+  TRANSIT_STATION: "transit",
+  SCHOOL: "schools",
+  PLACE_OF_WORSHIP: "worship"
+};
+
+var customSVGIcon = function customSVGIcon(type) {
+  var fillColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#FFFFFF";
+  var strokeColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "#000000";
+  var backgroundFill = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "#000000";
+  var backgroundStroke = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "#000000";
+  var svg = "";
+  switch (type) {
+    case placeTypes.FOOD:
+      svg = "\n\t\t\t\t\t<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" preserveAspectRatio=\"xMidYMid meet\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M25.7,36.6l0.6,15.8c0.1,2.4-2.3,2.4-2.3,2.4s-2.4,0-2.3-2.4l0.6-15.8c0.1-2-4.3-2.9-4-4.9l2.3-13.3h1.1\n\t\t\t\t\t\tl-0.6,9.7l1.7,1.2l0.6-10.9h1.1l0.6,10.9l1.7-1.2l-0.6-9.7h1.1l2.3,13.3C29.7,33.7,25.6,34.6,25.7,36.6z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M40,52.4c0,2.4-2.3,2.4-2.3,2.4s-2.5,0-2.3-2.4L36.6,39c-0.9,0-3.4-0.4-3.4-2.4v-6.1c0-2.4,0.3-6.4,1.2-8.2\n\t\t\t\t\t\tc1.1-2.4,3.9-4,5.6-4C40,18.3,40,52.4,40,52.4z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+    case placeTypes.TOURIST_ATTRACTION:
+      svg = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" preserveAspectRatio=\"xMidYMid meet\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M27,18.5c-1.2,0-1.7,1.1-2.2,2.2L23.7,23h-4.5c-1.9,0-3.4,1.5-3.4,3.4v11.2c0,1.9,1.5,3.4,3.4,3.4h22.5\n\t\t\t\t\t\tc1.9,0,3.4-1.5,3.4-3.4V26.4c0-1.9-1.5-3.4-3.4-3.4h-4.5L36,20.8c-0.6-1.1-1-2.2-2.2-2.2H27z M19.2,25.3c0.6,0,1.1,0.5,1.1,1.1\n\t\t\t\t\t\tc0,0.6-0.5,1.1-1.1,1.1c-0.6,0-1.1-0.5-1.1-1.1C18,25.8,18.5,25.3,19.2,25.3z M30.4,25.3c3.7,0,6.7,3,6.7,6.7s-3,6.7-6.7,6.7\n\t\t\t\t\t\ts-6.7-3-6.7-6.7S26.7,25.3,30.4,25.3z M30.4,28.7c-1.9,0-3.4,1.5-3.4,3.4s1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4\n\t\t\t\t\t\tS32.3,28.7,30.4,28.7z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+    case placeTypes.SCHOOL:
+      svg = "\n\t\t\t\t\t<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" preserveAspectRatio=\"xMidYMid meet\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M39.2,40.6c0,0-4.1,4.6-9.1,4.6S21,40.6,21,40.6v-5.2l9.1,5l9.1-5V40.6z\"/>\n\t\t\t\t\t<polygon class=\"st0\" points=\"44.4,40.4 41.8,40.4 41.8,31.4 30.1,37.8 15.8,30 30.1,22.2 44.4,30 \"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+    case placeTypes.STORE:
+      svg = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" preserveAspectRatio=\"xMidYMid meet\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<g>\n\t\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t</g>\n\t\t\t\t\t<path class=\"st0\" d=\"M45.4,27.7L42,41.1c-0.1,0.6-0.7,1-1.3,1c1.8,0,3.3,1.5,3.3,3.3s-1.5,3.3-3.3,3.3s-3.3-1.5-3.3-3.3\n\t\t\t\t\t\ts1.5-3.3,3.3-3.3H23.3c1.8,0,3.3,1.5,3.3,3.3s-1.5,3.3-3.3,3.3S20,47.2,20,45.4s1.5-3.3,3.3-3.3c-0.6,0-1.2-0.4-1.3-1l-4.1-16.4\n\t\t\t\t\t\th-1.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h2.3c0.6,0,1.2,0.4,1.3,1l0.8,3h23.1c0.4,0,0.8,0.2,1.1,0.5\n\t\t\t\t\t\tC45.4,26.9,45.5,27.3,45.4,27.7z\"/>\n\t\t\t\t\t<path d=\"M41.4,45.5c0-0.4-0.3-0.7-0.7-0.7S40,45.1,40,45.5C40.1,46.2,41.4,46.2,41.4,45.5z\"/>\n\t\t\t\t\t<path d=\"M24,45.5c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7C22.6,46.2,24,46.2,24,45.5z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+    case placeTypes.TRANSIT_STATION:
+      svg = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" preserveAspectRatio=\"xMidYMid meet\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<g>\n\t\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t</g>\n\t\t\t\t\t<path class=\"st0\" d=\"M26.3,41.3h-2.8L20.7,44h-1.4v-1.4l1.4-1.4c-2.3,0-4.2-1.9-4.2-4.2V26c0-2.3,1.9-4.2,4.2-4.2h9.7\n\t\t\t\t\t\tc2.3,0,4.2,1.9,4.2,4.2v1.4h-2.8v-2.8H19.3v9.7h6.9v7H26.3z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M44.3,43c0,0.5-0.4,1-1,1h-0.8c-0.5,0-1-0.5-1-1.1v-1.7H30.4V43c0,0.5-0.4,1.1-0.9,1.1h-0.9c-0.5,0-1-0.5-1-1\n\t\t\t\t\t\tv-7.6l2-5.7c0.2-0.6,0.7-0.9,1.4-0.9h10c0.6,0,1.1,0.4,1.3,0.9l2,5.7V43z\"/>\n\t\t\t\t\t<circle cx=\"20.7\" cy=\"37.1\" r=\"1.4\"/>\n\t\t\t\t\t<circle cx=\"41.5\" cy=\"37.1\" r=\"1.4\"/>\n\t\t\t\t\t<circle cx=\"30.4\" cy=\"37.1\" r=\"1.4\"/>\n\t\t\t\t\t<polygon points=\"31,30.2 29.6,34.4 42.4,34.4 40.9,30.2 \"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+    case placeTypes.PLACE_OF_WORSHIP:
+      svg = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\tviewBox=\"0 0 60.8 89.6\" style=\"enable-background:new 0 0 60.8 89.6;\" xml:space=\"preserve\">\n\t\t\t\t\t<style type=\"text/css\">\n\t\t\t\t\t.st0{fill:".concat(fillColor, "; stroke:").concat(strokeColor, ";}\n\t\t\t\t\t.svg-background{fill:").concat(backgroundFill, "; stroke:").concat(backgroundStroke, ";}\n\t\t\t\t\t</style>\n\t\t\t\t\t<path class=\"svg-background\" d=\"M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M21.3,40.8h-3.8c-1.3,0-2.3-1-2.3-2.3v-4.3c0-0.8,0.5-1.6,1.2-2l4.9-2.7V40.8z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M38,40.8h-4.6v-4.6c0-1.7-1.4-3-3-3c-1.7,0-3,1.4-3,3v4.6h-4.6V30c0-0.8,0.4-1.5,1.1-2l1.9-1.2v-5.1l0,0\n\t\t\t\t\t\tc0-0.4,0.2-0.8,0.4-1.1l3.6-3.6c0.3-0.3,0.8-0.3,1.1,0l3.6,3.6c0.3,0.3,0.4,0.7,0.4,1.1v5.1l1.9,1.2c0.7,0.4,1.1,1.2,1.1,2L38,40.8\n\t\t\t\t\t\tL38,40.8z\"/>\n\t\t\t\t\t<path class=\"st0\" d=\"M45.6,38.5c0,1.3-1,2.3-2.3,2.3h-3.8V29.5l4.9,2.7c0.7,0.4,1.2,1.2,1.2,2C45.6,34.2,45.6,38.5,45.6,38.5z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t");
+      break;
+  }
+  var iconUrl = "data:image/svg+xml;utf8,".concat(encodeURIComponent(svg));
+  return iconUrl;
+};
+var iconPath = "M5.5 0A5.27 5.27 0 0 0 0 5.01v.49c0 1.73 1.38 3.43 2.07 4.12s3.43 4.12 3.43 4.12 2.75-3.43 3.43-4.12 2.06-2.39 2.06-4.12c.14-2.9-2.1-5.36-5-5.5H5.5Zm-.04 5.71c-.32 0-.57-.27-.56-.58 0-.32.27-.57.58-.56.32 0 .57.27.56.58 0 .31-.25.55-.56.56h-.02Z";
+var markerIconProps = function markerIconProps(placeMarkerConfigs, type) {
+  var scaledWidth = placeMarkerConfigs.size;
+  var scaledHeight = scaledWidth * 3 / 2;
+  var iconUrl = customSVGIcon(type, placeMarkerConfigs.colors.innerFillColor, placeMarkerConfigs.colors.innerStrokeColor, placeMarkerConfigs.colors.outerFillColor, placeMarkerConfigs.colors.outerStrokeColor);
+  return {
+    url: iconUrl,
+    scaledSize: new google.maps.Size(scaledWidth, scaledHeight),
+    anchor: new google.maps.Point(scaledWidth / 2, scaledHeight)
+  };
+};
+var iconProps = function iconProps() {
+  return {
+    path: iconPath,
+    fillOpacity: 1,
+    strokeWeight: 1.75,
+    scale: 1.6,
+    anchor: new google.maps.Point(12, 17)
+  };
+};
+var markerIcon = function markerIcon(markerConfigs) {
+  return _objectSpread2(_objectSpread2({}, iconProps()), {}, {
+    fillColor: markerConfigs.fillColor,
+    strokeColor: markerConfigs.strokeColor
+  });
+};
+var markerIconSelected = function markerIconSelected(markerConfigs) {
+  return _objectSpread2(_objectSpread2({}, iconProps()), {}, {
+    fillColor: markerConfigs.selectedFillColor,
+    strokeColor: markerConfigs.selectedStrokeColor
+  });
+};
+var pinIcon = function pinIcon(markerConfigs) {
+  var fillColor = markerConfigs.fillColor,
+    strokeColor = markerConfigs.strokeColor;
+  var svg = "\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"-6 -4 24 24\">\n\t\t<path d=\"".concat(iconPath, "\" fill=\"").concat(fillColor, "\" stroke=\"").concat(strokeColor, "\" stroke-width=\"2\"/>\n\t  </svg>\n\t");
+  return "data:image/svg+xml;utf8,".concat(encodeURIComponent(svg));
+};
+
+var searchNearbyPlaces = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(typesArray, location, radius) {
+    var url, headers, data, response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          url = 'https://places.googleapis.com/v1/places:searchNearby';
+          headers = {
+            'Content-Type': 'application/json',
+            'X-Goog-Api-Key': "AIzaSyAXPlfaoMCrmjNV1u-vFYdLBi7GkGeh4S4",
+            'X-Goog-FieldMask': 'places.location,places.displayName,places.types'
+          };
+          data = {
+            includedTypes: typesArray,
+            maxResultCount: 20,
+            locationRestriction: {
+              circle: {
+                center: location,
+                radius: radius
+              }
+            }
+          };
+          _context.prev = 3;
+          _context.next = 6;
+          return fetch(url, {
+            method: 'POST',
+            headers: headers,
+            body: JSON.stringify(data)
+          });
+        case 6:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 9;
+            break;
+          }
+          throw new Error("HTTP error! status: ".concat(response.status));
+        case 9:
+          _context.next = 11;
+          return response.json();
+        case 11:
+          return _context.abrupt("return", _context.sent);
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](3);
+          console.error('Error making the Nearby Search request:', _context.t0);
+          throw _context.t0;
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 14]]);
+  }));
+  return function searchNearbyPlaces(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var PlacesContext = /*#__PURE__*/createContext();
+var usePlaces = function usePlaces() {
+  return useContext(PlacesContext);
+};
+var PlacesProvider = function PlacesProvider(_ref) {
+  var children = _ref.children,
+    placeMappings = _ref.placeMappings,
+    markerColors = _ref.markerColors;
+  var _useMap = useMap(),
+    selectedPlaces = _useMap.selectedPlaces,
+    zoom = _useMap.zoom,
+    center = _useMap.center;
+  var _useState = useState({
+      markers: [],
+      icon: null
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    poiMarkers = _useState2[0],
+    setPoiMarkers = _useState2[1];
+  var _useState3 = useState(center),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentCenter = _useState4[0],
+    setCurrentCenter = _useState4[1];
+  var _useState5 = useState(zoom),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentZoom = _useState6[0],
+    setCurrentZoom = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    placesWindow = _useState8[0],
+    setPlacesWindow = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedPlaceMarker = _useState10[0],
+    setSelectedPlaceMarker = _useState10[1];
+  var getRadiusForZoom = function getRadiusForZoom() {
+    if (currentZoom >= 18) return 1000;
+    if (currentZoom <= 10) return 0;
+    var tempZoom = Math.pow(19 - currentZoom, 4.85);
+    var radius = tempZoom;
+    var minRadius = 1500;
+    var maxRadius = 800000;
+    if (radius < minRadius) radius = minRadius;else if (radius > maxRadius) radius = maxRadius;
+    return radius;
+  };
+  useEffect(function () {
+    if (!selectedPlaces || !selectedPlaces.length > 0 || !center || currentZoom < 12) {
+      setPoiMarkers({
+        markers: [],
+        icon: null
+      });
+      return;
+    }
+    var fetchPlaces = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var poiTypes, selectedPOICategories, radius, location, response, newMarkers;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              poiTypes = [];
+              selectedPOICategories = selectedPlaces;
+              selectedPOICategories.forEach(function (pointOfInterest) {
+                poiTypes = poiTypes.concat(placeMappings[pointOfInterest]);
+              });
+              radius = getRadiusForZoom();
+              location = {
+                latitude: currentCenter.lat,
+                longitude: currentCenter.lng
+              };
+              _context.prev = 5;
+              _context.next = 8;
+              return searchNearbyPlaces(poiTypes, location, radius);
+            case 8:
+              response = _context.sent;
+              newMarkers = response.places.map(function (place) {
+                var getParentCategory = function getParentCategory(types) {
+                  var selectedTypes = selectedPOICategories.reduce(function (acc, category) {
+                    return acc.concat(placeMappings[category]);
+                  }, []);
+                  var _iterator = _createForOfIteratorHelper(types),
+                    _step;
+                  try {
+                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                      var type = _step.value;
+                      if (!selectedTypes.includes(type)) continue;
+                      for (var category in placeMappings) {
+                        if (placeMappings[category].includes(type)) {
+                          return category;
+                        }
+                      }
+                    }
+                  } catch (err) {
+                    _iterator.e(err);
+                  } finally {
+                    _iterator.f();
+                  }
+                };
+                var icon = markerIconProps(markerColors.placeMarkers, getParentCategory(place.types));
+                return {
+                  position: {
+                    lat: place.location.latitude,
+                    lng: place.location.longitude
+                  },
+                  title: place.displayName.text,
+                  icon: icon
+                };
+              });
+              setPoiMarkers({
+                markers: newMarkers,
+                icon: null
+              });
+              _context.next = 16;
+              break;
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](5);
+              console.error('Failed to fetch places:', _context.t0);
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[5, 13]]);
+      }));
+      return function fetchPlaces() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchPlaces();
+  }, [selectedPlaces, currentZoom, currentCenter]);
+  return /*#__PURE__*/React.createElement(PlacesContext.Provider, {
+    value: {
+      poiMarkers: poiMarkers,
+      setCurrentCenter: setCurrentCenter,
+      currentCenter: currentCenter,
+      setCurrentZoom: setCurrentZoom,
+      currentZoom: currentZoom,
+      placesWindow: placesWindow,
+      setPlacesWindow: setPlacesWindow,
+      selectedPlaceMarker: selectedPlaceMarker,
+      setSelectedPlaceMarker: setSelectedPlaceMarker
+    }
+  }, children);
+};
+
+var PlaceMarker = function PlaceMarker(_ref) {
+  var marker = _ref.marker,
+    index = _ref.index,
+    selectedPlaceMarker = _ref.selectedPlaceMarker,
+    setSelectedPlaceMarker = _ref.setSelectedPlaceMarker,
+    placesWindow = _ref.placesWindow,
+    setPlacesWindow = _ref.setPlacesWindow;
+  var markerKey = "marker-".concat(marker.title, "-").concat(index);
+  var placeMarkerClickHandler = function placeMarkerClickHandler() {
+    setSelectedPlaceMarker(markerKey);
+    setPlacesWindow(true);
+  };
+  return /*#__PURE__*/React.createElement(Marker, {
+    key: markerKey,
+    position: marker.position,
+    title: marker.title,
+    icon: marker.icon,
+    options: {
+      optimized: false
+    },
+    onClick: placeMarkerClickHandler
+  }, selectedPlaceMarker === markerKey && placesWindow && marker && /*#__PURE__*/React.createElement(InfoWindowF, {
+    position: marker.position,
+    onCloseClick: function onCloseClick() {
+      return setPlacesWindow(false);
+    },
+    options: {
+      maxWidth: 400
+    }
+  }, /*#__PURE__*/React.createElement("div", null, marker.title)));
+};
+
+var ShowAllButton = function ShowAllButton(_ref) {
+  var mapInteracted = _ref.mapInteracted,
+    markerConfigs = _ref.markerConfigs,
+    setMapInteracted = _ref.setMapInteracted,
+    fitBounds = _ref.fitBounds,
+    mapRef = _ref.mapRef,
+    pinIconUrl = _ref.pinIconUrl,
+    setSelectedFilters = _ref.setSelectedFilters,
+    setQuery = _ref.setQuery,
+    listingCount = _ref.listingCount;
+  if (!mapInteracted || !markerConfigs) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("button", {
+    style: {
+      fontFamily: 'Roboto, Arial, sans-serif',
+      fontSize: '14px',
+      fontWeight: '500'
+    },
+    className: "absolute bottom-10 left-2.5 z-10 flex items-center justify-center pl-2 pb-1 pt-1.5 pr-3 bg-white text-black border-none rounded-full shadow cursor-pointer text-sm font-medium",
+    onClick: function onClick() {
+      setMapInteracted(false);
+      fitBounds(mapRef.current, true);
+      if (listingCount < 2) {
+        setSelectedFilters({});
+        setQuery(null);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: pinIconUrl,
+    alt: "Pin Icon",
+    className: "w-5 h-5"
+  }), "Show All");
+};
+
+var Map = function Map(_ref) {
+  var markerConfigs = _ref.markerConfigs,
+    infoWindowClasses = _ref.infoWindowClasses,
+    _ref$clusterGridSize = _ref.clusterGridSize,
+    clusterGridSize = _ref$clusterGridSize === void 0 ? 60 : _ref$clusterGridSize;
+  var _useMap = useMap(),
+    location = _useMap.location,
+    zoom = _useMap.zoom,
+    center = _useMap.center;
+    _useMap.commuteLocation;
+    var selectLocationEntity = _useMap.selectLocationEntity,
+    setLocation = _useMap.setLocation,
+    mapInteracted = _useMap.mapInteracted,
+    setMapInteracted = _useMap.setMapInteracted;
+  var _useMapList = useMapList(),
+    mapItems = _useMapList.mapItems;
+    _useMapList.handleFilterListingsByLocation;
+    var filteredListings = _useMapList.filteredListings,
+    setSelectedFilters = _useMapList.setSelectedFilters,
+    setQuery = _useMapList.setQuery;
+  var mapRef = useRef();
+  var markerRefs = useRef({});
+  var mapContainerRef = useRef(null);
+  var _usePlaces = usePlaces(),
+    poiMarkers = _usePlaces.poiMarkers,
+    setCurrentCenter = _usePlaces.setCurrentCenter,
+    currentCenter = _usePlaces.currentCenter,
+    setCurrentZoom = _usePlaces.setCurrentZoom,
+    currentZoom = _usePlaces.currentZoom,
+    selectedPlaceMarker = _usePlaces.selectedPlaceMarker,
+    setSelectedPlaceMarker = _usePlaces.setSelectedPlaceMarker,
+    placesWindow = _usePlaces.placesWindow,
+    setPlacesWindow = _usePlaces.setPlacesWindow;
+  var onIdle = function onIdle() {
+    if (!currentCenter || !mapRef.current) return;
+    var newCenter = mapRef.current.getCenter().toJSON();
+    var newZoom = mapRef.current.zoom;
+    setCurrentCenter(newCenter);
+    if (newZoom != currentZoom) {
+      setCurrentZoom(newZoom);
+    }
+  };
+  useEffect(function () {
+    if (mapContainerRef.current) {
+      var handleScroll = function handleScroll() {
+        setMapInteracted(true);
+      };
+      var mapContainerRefCurrent = mapContainerRef.current;
+      mapContainerRef.current.addEventListener('wheel', handleScroll);
+      return function () {
+        return mapContainerRefCurrent.removeEventListener('wheel', handleScroll);
+      };
+    }
+  }, [mapContainerRef.current]);
+  useEffect(function () {
+    if (mapRef.current) {
+      var mapInstance = mapRef.current;
+      var dragStartListener = mapInstance.addListener('dragstart', function () {
+        return setMapInteracted(true);
+      });
+      var mouseDownListener = mapInstance.addListener('mousedown', function () {
+        return setMapInteracted(true);
+      });
+      return function () {
+        google.maps.event.removeListener(dragStartListener);
+        google.maps.event.removeListener(mouseDownListener);
+      };
+    }
+  }, [mapRef.current, mapContainerRef.current]);
+  useEffect(function () {
+    if ((mapItems && mapItems.length > 0 || poiMarkers.length > 0) && mapRef.current) {
+      fitBounds(mapRef.current);
+    }
+  }, [mapItems, mapRef.current, location]);
+  useEffect(function () {
+    if (mapItems && mapItems.length > 0 || poiMarkers.length > 0 && mapRef.current && mapInteracted) {
+      fitBounds(mapRef.current, true);
+    }
+    if (mapRef.current) {
+      var currZoom = mapRef.current.zoom;
+      var setZoomVal = currZoom < 13 ? currZoom : 12;
+      mapRef.current.setZoom(setZoomVal);
+    }
+  }, [filteredListings]);
+  useEffect(function () {
+    if (!mapRef.current || !location || mapInteracted) return;
+    mapRef.current.panTo(new google.maps.LatLng(location.latitude, location.longitude));
+    if (mapRef.current) {
+      var setZoomVal = zoom < 13 ? zoom : 12;
+      mapRef.current.setZoom(setZoomVal);
+    }
+  }, [location, zoom, mapRef.current]);
+  var fitBounds = function fitBounds(map) {
+    var overload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if ((mapInteracted === false || overload) && mapItems != null) {
+      var bounds = new window.google.maps.LatLngBounds();
+      mapItems.forEach(function (item) {
+        bounds.extend(new google.maps.LatLng(item.latitude, item.longitude));
+      });
+      if (!map) return;
+      map.fitBounds(bounds);
+    }
+    if (mapRef.current.zoom > 17) {
+      mapRef.current.setZoom(16);
+    }
+  };
+  var markerClickHandler = function markerClickHandler(mapLocation) {
+    setMapInteracted(true);
+    selectLocationEntity(mapLocation);
+  };
+  var onLoad = function onLoad(map) {
+    if (!location || location === null) {
+      mapRef.current = map;
+      fitBounds(map, true);
+      return;
+    }
+    mapRef.current = map;
+    if (mapInteracted === false) {
+      mapRef.current.panTo(new google.maps.LatLng(location.latitude, location.longitude));
+      mapRef.current.setZoom(zoom);
+    }
+  };
+  var pinIconUrl = pinIcon({
+    fillColor: markerConfigs.fillColor,
+    strokeColor: markerConfigs.strokeColor
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, zoom && center && /*#__PURE__*/React.createElement("div", {
+    ref: mapContainerRef,
+    className: "h-full relative"
+  }, /*#__PURE__*/React.createElement(GoogleMap, {
+    zoom: zoom,
+    onLoad: onLoad,
+    onIdle: onIdle,
+    center: center,
+    mapContainerStyle: {
+      width: "100%",
+      height: "100%"
+    },
+    options: {
+      styles: [{
+        featureType: "poi",
+        elementType: "labels",
+        stylers: [{
+          visibility: "off"
+        }]
+      }]
+    }
+  }, /*#__PURE__*/React.createElement(MarkerClustererF, {
+    options: clusterOptions(clusterGridSize, markerConfigs.fillColor)
+  }, function (clusterer) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, mapItems.map(function (item) {
+      return /*#__PURE__*/React.createElement(MapMarker, {
+        key: item.id,
+        item: item,
+        selectedLocation: location,
+        markerRefs: markerRefs,
+        infoWindowClasses: infoWindowClasses,
+        setSelectedLocation: setLocation,
+        markerClickHandler: markerClickHandler,
+        clusterer: clusterer,
+        markerIcon: markerIcon(markerConfigs),
+        markerIconSelected: markerIconSelected(markerConfigs),
+        setMapInteracted: setMapInteracted
+      });
+    }), poiMarkers && poiMarkers.markers.map(function (marker, index) {
+      return /*#__PURE__*/React.createElement(PlaceMarker, {
+        key: "marker-".concat(marker.title, "-").concat(index),
+        marker: marker,
+        index: index,
+        selectedPlaceMarker: selectedPlaceMarker,
+        placesWindow: placesWindow,
+        setPlacesWindow: setPlacesWindow,
+        setSelectedPlaceMarker: setSelectedPlaceMarker
+      });
+    }));
+  })), mapInteracted && markerConfigs && /*#__PURE__*/React.createElement(ShowAllButton, {
+    mapInteracted: mapInteracted,
+    markerConfigs: markerConfigs,
+    setMapInteracted: setMapInteracted,
+    fitBounds: fitBounds,
+    mapRef: mapRef,
+    pinIconUrl: pinIconUrl,
+    setQuery: setQuery,
+    listingCount: filteredListings.length,
+    setSelectedFilters: setSelectedFilters
+  })));
+};
+
+var MapTabs = function MapTabs(_ref) {
+  var map = _ref.map,
+    list = _ref.list,
+    filter = _ref.filter,
+    className = _ref.className,
+    showMap = _ref.showMap;
+  var tabButtonClasses = "flex items-center gap-2 rounded-none border-x-0 data-[state=active]:bg-primary data-[state=active]:text-white";
+  var _useMapList = useMapList(),
+    mobileTab = _useMapList.mobileTab,
+    setMobileTab = _useMapList.setMobileTab;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "\n\t\t\t\trelative overflow-hidden\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, /*#__PURE__*/React.createElement(Tabs.Root, {
+    className: "flex flex-col h-screen min-h-screen"
+    //defaultValue="listTab"
+    ,
+    value: mobileTab
+  }, /*#__PURE__*/React.createElement(Tabs.List, {
+    className: "w-full shrink-0 flex divide-x divide-primary",
+    "aria-label": "Review positions"
+  }, /*#__PURE__*/React.createElement(Tabs.Trigger, {
+    value: "listTab",
+    asChild: true,
+    onClick: function onClick() {
+      return setMobileTab("listTab");
+    }
+  }, /*#__PURE__*/React.createElement(Button.Btn, {
+    variant: "outline",
+    isBlock: true,
+    className: tabButtonClasses
+  }, /*#__PURE__*/React.createElement(Button.Body, {
+    className: "justify-center"
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "mdi:view-list",
+    size: "w-5 h-5"
+  }), "List"))), showMap && /*#__PURE__*/React.createElement(Tabs.Trigger, {
+    value: "mapTab",
+    asChild: true,
+    onClick: function onClick() {
+      return setMobileTab("mapTab");
+    }
+  }, /*#__PURE__*/React.createElement(Button.Btn, {
+    variant: "outline",
+    isBlock: true,
+    className: tabButtonClasses
+  }, /*#__PURE__*/React.createElement(Button.Body, {
+    className: "justify-center"
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "mdi:map",
+    size: "w-5 h-5"
+  }), "Map"))), /*#__PURE__*/React.createElement(Tabs.Trigger, {
+    value: "filterTab",
+    asChild: true,
+    onClick: function onClick() {
+      return setMobileTab("filterTab");
+    }
+  }, /*#__PURE__*/React.createElement(Button.Btn, {
+    variant: "outline",
+    isBlock: true,
+    className: tabButtonClasses
+  }, /*#__PURE__*/React.createElement(Button.Body, {
+    className: "justify-center"
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "fluent:search-12-filled",
+    size: "w-5 h-5"
+  }), "Filter")))), /*#__PURE__*/React.createElement(Tabs.Content, {
+    className: "grow bg-white outline-none",
+    value: "listTab"
+  }, list), showMap && /*#__PURE__*/React.createElement(Tabs.Content, {
+    className: "grow bg-white outline-none",
+    value: "mapTab"
+  }, map), /*#__PURE__*/React.createElement(Tabs.Content, {
+    className: "grow bg-white outline-none p-2",
+    value: "filterTab"
+  }, filter)));
+};
+
+var MapList = function MapList(_ref) {
+  var _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    mapDetails = _ref.mapDetails,
+    markerConfigs = _ref.markerConfigs,
+    itemExpandedContent = _ref.itemExpandedContent,
+    fieldsShown = _ref.fieldsShown,
+    specialFeatures = _ref.specialFeatures,
+    fieldNames = _ref.fieldNames,
+    showMap = _ref.showMap,
+    placeMappings = _ref.placeMappings;
+  var listProps = {
+    fieldsShown: fieldsShown,
+    fieldNames: fieldNames,
+    itemExpandedContent: itemExpandedContent,
+    loading: loading,
+    showMap: showMap,
+    specialFeatures: specialFeatures
+  };
+  var mapProps = {
+    mapDetails: mapDetails,
+    markerConfigs: markerConfigs,
+    placeMappings: placeMappings,
+    clusterGridSize: 60,
+    showMap: showMap
+  };
+
+  // useEffect(() => {
+  // 	if (selectedItem !== null) {
+  // 		trackEvent("Map", "View Location", selectedItem[titlePropName]);
+  // 	}
+  // 	// eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, []);
+  var map = /*#__PURE__*/React.createElement(Map, mapProps);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "\n\t\t\t\t\t".concat(showMap == false ? "md:grid-rows-[100vh]" : "md:grid-rows-[50vh_50vh]", "\n\t\t\t\t\tmd:grid md:pt-4 overflow-hidden relative\n\t\t\t\t")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(ItemsList, listProps)), /*#__PURE__*/React.createElement("div", null, showMap && map)), /*#__PURE__*/React.createElement("div", {
+    className: "md:hidden"
+  }, /*#__PURE__*/React.createElement(MapTabs, {
+    showMap: showMap,
+    list: /*#__PURE__*/React.createElement(ItemsList, listProps),
+    map: !loading && showMap && map,
+    filter: /*#__PURE__*/React.createElement(Filter, {
+      showMap: showMap,
+      className: "md:hidden"
+    })
+  })));
+};
+
+var reactThingy = React;
+var SectionContext = reactThingy.createContext(null);
+
+function Provider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Provider$1, null, children);
+}
+
+var SkipLink = function SkipLink(_ref) {
+  var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '#start-of-content' : _ref$href,
+    className = _ref.className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'Skip to content' : _ref$children;
+  return /*#__PURE__*/React.createElement("a", {
+    href: href,
+    className: "\n\t\t\t\tsr-only focus:not-sr-only focus:absolute focus:py-2 focus:px-6 bg-gray-900 dark:bg-white text-white dark:text-gray-900 font-bold text-center transition-colors hover:bg-gray-700\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : '', "\n\t\t\t")
+  }, children);
+};
+
+var RootLayout = function RootLayout(_ref) {
+  var children = _ref.children;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentSection = _useState2[0],
+    setCurrentSection = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    id: "top",
+    className: "relative"
+  }, /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(SectionContext.Provider, {
+    value: {
+      currentSection: currentSection,
+      setCurrentSection: setCurrentSection
+    }
+  }, /*#__PURE__*/React.createElement(SkipLink, null), /*#__PURE__*/React.createElement("main", {
+    id: "start-of-content"
+  }, children))));
+};
+
+var getMapConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return api.get("/MapConfig");
+        case 3:
+          response = _context.sent;
+          return _context.abrupt("return", response);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](0);
+          console.error("Error retrieving map configuration:", _context.t0);
+          throw _context.t0;
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 7]]);
+  }));
+  return function getMapConfig() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var libraries = ['places'];
+var HireControlMap = function HireControlMap(_ref) {
+  var clientToken = _ref.clientToken;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    siteConfig = _useState2[0],
+    setSiteconfig = _useState2[1];
+  useEffect(function () {
+    setClientAuthKey(clientToken);
+    var fetchSiteConfig = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var configData;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getMapConfig(clientToken);
+            case 3:
+              configData = _context.sent;
+              setSiteconfig(configData);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.error('Failed to fetch site configuration:', _context.t0);
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return function fetchSiteConfig() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchSiteConfig();
+    var handlePopState = function handlePopState(event) {
+      window.location.reload();
+    };
+    window.addEventListener('popstate', handlePopState);
+    return function () {
+      window.removeEventListener('popstate', handlePopState);
+    };
+  }, [clientToken]);
+  var _useLoadScript = useLoadScript({
+      googleMapsApiKey: "AIzaSyAXPlfaoMCrmjNV1u-vFYdLBi7GkGeh4S4",
+      libraries: libraries
+    }),
+    isLoaded = _useLoadScript.isLoaded;
+  return /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(RootLayout, null, isLoaded && siteConfig && /*#__PURE__*/React.createElement(HomeBody, {
+    siteConfig: siteConfig
+  })));
+};
+var HomeBody = function HomeBody(_ref3) {
+  var _siteConfig$pointsOfI, _siteConfig$pointsOfI2;
+  var siteConfig = _ref3.siteConfig;
+  var resetFilters = false;
+  return /*#__PURE__*/React.createElement(MapListProvider, {
+    siteConfig: siteConfig,
+    resetFilters: resetFilters
+  }, /*#__PURE__*/React.createElement(MapProvider, {
+    resetFilters: resetFilters
+  }, /*#__PURE__*/React.createElement(PlacesProvider, {
+    placeMappings: (_siteConfig$pointsOfI = siteConfig.pointsOfInterestConfig.placeMappings) !== null && _siteConfig$pointsOfI !== void 0 ? _siteConfig$pointsOfI : {},
+    markerColors: {
+      fillColor: siteConfig.colors.primary,
+      strokeColor: siteConfig.colors.primaryDark,
+      selectedFillColor: siteConfig.colors.secondary,
+      selectedStrokeColor: siteConfig.colors.secondaryDark,
+      placeMarkers: {
+        colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
+        size: siteConfig.pointsOfInterestConfig.placeMarkerSize
+      }
+    }
+  }, /*#__PURE__*/React.createElement(PageHead, {
+    title: ""
+  }), /*#__PURE__*/React.createElement(Grid, {
+    as: "section",
+    id: "job-search-interface",
+    columns: "md:grid-cols-[1fr_2.5fr] lg:grid-cols-[1fr_3.5fr]",
+    gap: "gap-0",
+    autoRows: false,
+    className: "items-stretch h-screen min-h-[30rem] divide-x divide-uiAccent/20"
+  }, /*#__PURE__*/React.createElement(Grid.Item, {
+    className: "bg-gray-100"
+  }, /*#__PURE__*/React.createElement(Filter, {
+    showMap: siteConfig.showMap,
+    className: "hidden md:block"
+  })), /*#__PURE__*/React.createElement(MapList, {
+    markerConfigs: {
+      fillColor: siteConfig.colors.primary,
+      strokeColor: siteConfig.colors.primaryDark,
+      selectedFillColor: siteConfig.colors.secondary,
+      selectedStrokeColor: siteConfig.colors.secondaryDark,
+      placeMarkers: {
+        colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
+        size: siteConfig.pointsOfInterestConfig.placeMarkerSize
+      }
+    },
+    showMap: siteConfig.showMap,
+    fieldsShown: siteConfig.fieldsShown,
+    specialFeatures: siteConfig.specialFeatures,
+    fieldNames: siteConfig.fieldNames,
+    placeMappings: (_siteConfig$pointsOfI2 = siteConfig.pointsOfInterestConfig.placeMappings) !== null && _siteConfig$pointsOfI2 !== void 0 ? _siteConfig$pointsOfI2 : {}
+  })))));
+};
+
+export { HireControlMap, HireControlMap as default };