"use strict";
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [83083, 57958, 35519],
  {
    45111: function (e, t, n) {
      var a = n(91941);
      t.Z = void 0;
      var r = a(n(64938)),
        i = n(85893),
        o = (0, r.default)(
          (0, i.jsx)("path", { d: "m7 10 5 5 5-5z" }),
          "ArrowDropDown"
        );
      t.Z = o;
    },
    21596: function (e, t, n) {
      var a = n(91941);
      t.Z = void 0;
      var r = a(n(64938)),
        i = n(85893),
        o = (0, r.default)(
          (0, i.jsx)("path", { d: "m10 17 5-5-5-5v10z" }),
          "ArrowRight"
        );
      t.Z = o;
    },
    3984: function (e, t, n) {
      var a = n(91941);
      t.Z = void 0;
      var r = a(n(64938)),
        i = n(85893),
        o = (0, r.default)(
          (0, i.jsx)("path", {
            d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 13.5L7.5 11l1.42-1.41L12 12.67l3.08-3.08L16.5 11 12 15.5z",
          }),
          "ExpandCircleDown"
        );
      t.Z = o;
    },
    46396: function (e, t, n) {
      var a = n(91941);
      t.Z = void 0;
      var r = a(n(64938)),
        i = n(85893),
        o = (0, r.default)(
          (0, i.jsx)("path", {
            d: "M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
          }),
          "SettingsOutlined"
        );
      t.Z = o;
    },
    98396: function (e, t, n) {
      n.d(t, {
        Z: function () {
          return useMediaQuery;
        },
      });
      var a,
        r = n(67294),
        i = n(34168),
        o = n(20539),
        l = n(58974);
      let s = (a || (a = n.t(r, 2))).useSyncExternalStore;
      function useMediaQuery(e, t = {}) {
        let n = (0, i.Z)(),
          a = "undefined" != typeof window && void 0 !== window.matchMedia,
          {
            defaultMatches: d = !1,
            matchMedia: c = a ? window.matchMedia : null,
            ssrMatchMedia: u = null,
            noSsr: p = !1,
          } = (0, o.Z)({ name: "MuiUseMediaQuery", props: t, theme: n }),
          h = "function" == typeof e ? e(n) : e;
        h = h.replace(/^@media( ?)/m, "");
        let g = (
          void 0 !== s
            ? function (e, t, n, a, i) {
                let o = r.useCallback(() => t, [t]),
                  l = r.useMemo(() => {
                    if (i && n) return () => n(e).matches;
                    if (null !== a) {
                      let { matches: t } = a(e);
                      return () => t;
                    }
                    return o;
                  }, [o, e, a, i, n]),
                  [d, c] = r.useMemo(() => {
                    if (null === n) return [o, () => () => {}];
                    let t = n(e);
                    return [
                      () => t.matches,
                      (e) => (
                        t.addListener(e),
                        () => {
                          t.removeListener(e);
                        }
                      ),
                    ];
                  }, [o, n, e]),
                  u = s(c, d, l);
                return u;
              }
            : function (e, t, n, a, i) {
                let [o, s] = r.useState(() =>
                  i && n ? n(e).matches : a ? a(e).matches : t
                );
                return (
                  (0, l.Z)(() => {
                    let t = !0;
                    if (!n) return;
                    let a = n(e),
                      updateMatch = () => {
                        t && s(a.matches);
                      };
                    return (
                      updateMatch(),
                      a.addListener(updateMatch),
                      () => {
                        (t = !1), a.removeListener(updateMatch);
                      }
                    );
                  }, [e, n]),
                  o
                );
              }
        )(h, d, c, u, p);
        return g;
      }
    },
    951: function (e, t, n) {
      n.d(t, {
        $: function () {
          return getMediaLink;
        },
        P: function () {
          return getMediaLinkByProvider;
        },
      });
      var a = n(32871);
      let r = a.yy.replace("/**", ""),
        i = ""
          .concat(a.AL, "://")
          .concat(a.HT)
          .concat(a.t9 ? ":".concat(a.t9) : ""),
        getMediaLink = (e) => (e.startsWith(r) ? "".concat(i).concat(e) : e),
        getMediaLinkByProvider = (e, t) =>
          "local" === t
            ? "".concat(a.AL, "://").concat(a.HT, ":").concat(a.t9).concat(e)
            : e;
    },
    57958: function (e, t, n) {
      n.r(t),
        n.d(t, {
          default: function () {
            return BurgerIcon;
          },
        });
      var a = n(35944),
        r = n(53219);
      function BurgerIcon(e) {
        return (0, a.tZ)(r.Z, {
          ...e,
          fill: "none",
          viewBox: "0 0 24 24",
          children: (0, a.tZ)("path", {
            d: "M4 17H8M12 17H20M4 12H20M4 7H12M16 7H20",
            stroke: "#fff",
            strokeLinecap: "round",
            strokeLinejoin: "round",
            strokeWidth: "1.5",
          }),
        });
      }
    },
    35519: function (e, t, n) {
      n.r(t),
        n.d(t, {
          default: function () {
            return ExternalLink;
          },
        });
      var a = n(35944),
        r = n(53219);
      function ExternalLink(e) {
        return (0, a.BX)(r.Z, {
          ...e,
          fill: "#69207e",
          viewBox: "0 0 194.818 194.818",
          children: [
            (0, a.tZ)("path", {
              d: "M185.818,2.161h-57.04c-4.971,0-9,4.029-9,9s4.029,9,9,9h35.312l-86.3,86.3c-3.515,3.515-3.515,9.213,0,12.728   c1.758,1.757,4.061,2.636,6.364,2.636s4.606-0.879,6.364-2.636l86.3-86.3v35.313c0,4.971,4.029,9,9,9s9-4.029,9-9v-57.04   C194.818,6.19,190.789,2.161,185.818,2.161z",
            }),
            (0, a.tZ)("path", {
              d: "M149,77.201c-4.971,0-9,4.029-9,9v88.456H18v-122h93.778c4.971,0,9-4.029,9-9s-4.029-9-9-9H9c-4.971,0-9,4.029-9,9v140   c0,4.971,4.029,9,9,9h140c4.971,0,9-4.029,9-9V86.201C158,81.23,153.971,77.201,149,77.201z",
            }),
          ],
        });
      }
    },
    24496: function (e, t, n) {
      n.d(t, {
        Z: function () {
          return C;
        },
      });
      var a = n(35944),
        r = n(67294),
        i = n(33417),
        o = n(87357),
        l = n(51233),
        s = n(15861),
        d = n(25675),
        c = n.n(d),
        u = n(15626),
        p = (0, r.memo)((e) => {
          let { template: t, ...n } = e;
          return (0, a.tZ)(s.Z, { ...n, children: t });
        }),
        h = {
          src: "/_next/static/media/logo-pa-grey.cb447d84.png",
          height: 44,
          width: 92,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAQAAAAZxLZ7AAAAQklEQVR42g3EoQ5AQAAA0LdJoiQrJCbYLhAu3ATuAwg2//8TXHiP2+sSRJvRzGN3CBa9RstUGtQfVdFxWsVyliT5BxhCCJAnb7yNAAAAAElFTkSuQmCC",
          blurWidth: 8,
          blurHeight: 4,
        },
        g = {
          src: "/_next/static/media/thruway-authority-lock-up-grey.7859177c.png",
          height: 51,
          width: 154,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAAO0lEQVR42mMIYbDhddQ3E7aVd5ZylLXlYLCVsBN0TrB1trd3iXVKdDBjcGd14rFVM+a1V3BVdZJ3VAAA7hAJejjLca0AAAAASUVORK5CYII=",
          blurWidth: 8,
          blurHeight: 3,
        },
        m = {
          src: "/_next/static/media/bridges-tunnels.6c3b42ca.png",
          height: 31,
          width: 167,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAHUlEQVR4nGNkYGDIBuJTQPwciEH8X0AMopmAmBkAP+cDH/61iWEAAAAASUVORK5CYII=",
          blurWidth: 8,
          blurHeight: 1,
        },
        Z = {
          src: "/_next/static/media/bridge-authority-logo-black.73f072ff.png",
          height: 51,
          width: 154,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAANklEQVR42gXAwQmAIAAAwHv0yz7RI4IgQnEBVxDf7uAI7o/Aobj8sgC301A1U/ew2UXB65PEBVDMA2m2K93sAAAAAElFTkSuQmCC",
          blurWidth: 8,
          blurHeight: 3,
        },
        f = {
          src: "/_next/static/media/TIBA-logo.d13a9815.png",
          height: 55,
          width: 85,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAQAAADSmGXeAAAAXUlEQVR42mOwYLAWs3dX405hdGZw4XJkYbD1tAm3i7H2dnCws7VJcDRnsPN3CHZ0dPNys3dxsw9xdmNw43ZlcKt3rXStdWt1ZnAUYLBVt7OyM7KQtdS1d3AwsBMFAAAlEqTXRGK4AAAAAElFTkSuQmCC",
          blurWidth: 8,
          blurHeight: 5,
        },
        A = {
          src: "/_next/static/media/peace-bridge.f261d00c.png",
          height: 56,
          width: 137,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAAO0lEQVR42mMwZXBmcpRx9ncJdvZ05HFiYDBls5Wy13CQdGJ3ELMTN2RmMOUx4VThsFG10dbmNWaz5AUA1ocHv7ABWV0AAAAASUVORK5CYII=",
          blurWidth: 8,
          blurHeight: 3,
        },
        b = {
          src: "/_next/static/media/NCBA-Logo.6d082f86.png",
          height: 69,
          width: 69,
          blurDataURL:
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAiUlEQVR42mNgYFBh0BA20zLR0xHVYdBmAAI9JSV9I2tDJ1kDdUl1BgYlfi0rm3TrNofF9uWqFprCDMbqqioOs8xD7Cc77dDUNDFkMNRW0HJYa5/vWO98QEHDWJ9BQ0TTyMrV+ZTDKksnLW0NQQYGBh1RJXUdQwNjaUUtUS0GMNAR05fTkQJxjRkAquQYyVmReWwAAAAASUVORK5CYII=",
          blurWidth: 8,
          blurHeight: 8,
        },
        v = n(67720),
        k = n(90948);
      let x = (0, k.ZP)(l.Z, {
          shouldForwardProp: (e) => "isMainPage" !== e,
          target: "ekft68z0",
        })((e) => {
          let { theme: t, isMainPage: n } = e;
          return {
            flexDirection: "row",
            padding: t.spacing(n ? 7.5 : 3.5, 22.5),
            background: t.palette.background.antiFlackWhite,
            [t.breakpoints.only("xs")]: {
              flexDirection: "column",
              padding: t.spacing(6.5),
            },
          };
        }),
        w = (0, k.ZP)(v.Z, { target: "ekft68z1" })((e) => {
          let { theme: t } = e;
          return { height: 20, borderColor: t.palette.background.cadetGray };
        }),
        y = (0, k.ZP)(o.Z, { target: "ekft68z2" })((e) => {
          let { theme: t } = e;
          return {
            width: "100%",
            height: 5,
            background: t.palette.gradient.bottomBar,
            display: "none",
            [t.breakpoints.only("xs")]: { display: "block" },
          };
        });
      var C = (0, r.memo)((e) => {
        let { links: t, copyrightTemplate: n, isMainPage: d } = e,
          { isMobile: v } = (0, i.F)(),
          k = (0, r.useCallback)(
            () =>
              d
                ? (0, a.BX)(l.Z, {
                    alignItems: "center",
                    direction: "row",
                    flexWrap: "wrap",
                    gap: 4,
                    useFlexGap: !0,
                    children: [
                      (0, a.tZ)(u.Z, {
                        href: "https://www.panynj.gov/port-authority/en/index.html",
                        children: (0, a.tZ)(c(), {
                          alt: "PA logo",
                          height: 38,
                          quality: 100,
                          src: h,
                          width: 81,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://www.thruway.ny.gov/index.shtml",
                        children: (0, a.tZ)(c(), {
                          alt: "Thruway logo",
                          height: 51,
                          quality: 100,
                          src: g,
                          width: 154,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://www.mta.info/",
                        children: (0, a.tZ)(c(), {
                          alt: "Bridges logo",
                          height: 31,
                          quality: 100,
                          src: m,
                          width: 166,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://nysba.ny.gov/",
                        children: (0, a.tZ)(c(), {
                          alt: "Bridges Authority logo",
                          height: 46,
                          quality: 100,
                          src: Z,
                          width: 153,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://www.tibridge.com/bridge-auhority-info/",
                        children: (0, a.tZ)(c(), {
                          alt: "Tiba Logo",
                          height: 55,
                          quality: 100,
                          src: f,
                          width: 85,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://www.peacebridge.com/",
                        children: (0, a.tZ)(c(), {
                          alt: "Peace Bridge",
                          height: 56,
                          quality: 100,
                          src: A,
                          width: 137,
                        }),
                      }),
                      (0, a.tZ)(u.Z, {
                        href: "https://www.ncbaabb.com/",
                        children: (0, a.tZ)(c(), {
                          alt: "NCBA Logo",
                          height: 69,
                          quality: 100,
                          src: b,
                          width: 69,
                        }),
                      }),
                    ],
                  })
                : null,
            [d]
          );
        return (0, a.BX)(o.Z, {
          children: [
            (0, a.tZ)(y, {}),
            (0, a.BX)(x, {
              as: "footer",
              columnGap: 3,
              flexWrap: "wrap",
              isMainPage: !!d,
              rowGap: 5,
              children: [
                v ? k() : null,
                (0, a.BX)(l.Z, {
                  alignItems: "center",
                  direction: "row",
                  flexGrow: 1,
                  flexWrap: "wrap",
                  gap: 6,
                  justifyContent: d ? "left" : "space-between",
                  children: [
                    (0, a.tZ)(p, { template: n }),
                    (0, a.tZ)(l.Z, {
                      alignItems: "center",
                      direction: "row",
                      divider: (0, a.tZ)(w, { orientation: "vertical" }),
                      gap: 2,
                      children:
                        null == t
                          ? void 0
                          : t.filter(Boolean).map((e) => {
                              let { href: t, id: n, label: r } = e;
                              return (0, a.tZ)(
                                u.Z,
                                {
                                  href: t,
                                  underline: "hover",
                                  children: (0, a.tZ)(s.Z, { children: r }),
                                },
                                n
                              );
                            }),
                    }),
                  ],
                }),
                v ? null : k(),
              ],
            }),
          ],
        });
      });
    },
    24980: function (e, t, n) {
      n.d(t, {
        Z: function () {
          return e8;
        },
      });
      var a = n(35944),
        r = n(67294),
        i = n(11163),
        o = n(98396),
        l = n(33299),
        s = n(33417),
        d = n(74897),
        c = n(73219),
        u = n(87357),
        p = n(16628),
        h = n(51233),
        g = n(67720),
        m = n(21596),
        Z = n(45111),
        f = n(78462),
        A = n(18972),
        b = n(15861),
        v = n(15626),
        k = n(35519),
        x = n(90948),
        w = n(41796);
      let y = (0, x.ZP)(f.Z, { target: "e1vdt8ok0" })((e) => {
          let { theme: t } = e;
          return {
            padding: 0,
            width: "100%",
            borderRadius: 6,
            color: t.palette.common.black,
            backgroundColor: t.palette.common.white,
            boxShadow: t.shadows[6],
          };
        }),
        C = (0, x.ZP)(u.Z, { target: "e1vdt8ok1" })((e) => {
          let { theme: t } = e;
          return {
            zIndex: t.zIndex.base,
            position: "absolute",
            paddingTop: t.spacing(1.5),
          };
        }),
        B = (0, x.ZP)(k.default, { target: "e1vdt8ok2" })({ fontSize: 15.4 }),
        P = (0, x.ZP)(u.Z, { target: "e1vdt8ok3" })((e) => {
          let { theme: t } = e;
          return {
            position: "absolute",
            left: "100%",
            top: 0,
            minWidth: 180,
            paddingLeft: t.spacing(1.5),
          };
        }),
        S = (0, x.ZP)(h.Z, {
          shouldForwardProp: (e) => "isOpen" !== e,
          target: "e1vdt8ok4",
        })((e) => {
          let { theme: t, isOpen: n } = e;
          return {
            padding: t.spacing(1, 2),
            color: t.palette.common.white,
            background: n ? (0, w.Fq)(t.palette.common.white, 0.1) : void 0,
            transition: t.transitions.create(["background"]),
            borderRadius: 6,
            cursor: "pointer",
            svg: {
              transition: t.transitions.create("transform"),
              transform: n ? "rotate(180deg)" : void 0,
            },
          };
        }),
        R = (0, x.ZP)(A.Z, {
          shouldForwardProp: (e) => "isLink" !== e,
          target: "e1vdt8ok5",
        })((e) => {
          let { theme: t, isLink: n } = e;
          return {
            display: "flex",
            justifyContent: "space-between",
            height: 44,
            padding: n ? 0 : t.spacing(2, 7),
            "&:hover": {
              backgroundColor: (0, w.Fq)(t.palette.primary.main, 0.1),
            },
          };
        }),
        M = (0, x.ZP)(b.Z, { target: "e1vdt8ok6" })((e) => {
          let { theme: t } = e;
          return { fontWeight: 600, color: t.palette.text.accent };
        }),
        I = (0, x.ZP)(b.Z, { target: "e1vdt8ok7" })((e) => {
          let { theme: t } = e;
          return { fontWeight: 700, color: t.palette.common.white };
        }),
        E = (0, x.ZP)(v.Z, { target: "e1vdt8ok8" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            alignItems: "center",
            justifyContent: "space-between",
            flex: 1,
            gap: t.spacing(4),
            fontWeight: 600,
            color: t.palette.text.accent,
            textDecoration: "unset",
            width: "100%",
            height: "100%",
            padding: t.spacing(2, 7),
          };
        });
      var T = (0, r.memo)((e) => {
          let { title: t, nestedItems: n = [] } = e,
            [o, l] = (0, r.useState)(!1),
            [s, d] = (0, r.useState)(),
            { updateState: h } = (0, c.c)(),
            g = (0, i.useRouter)(),
            f = (0, r.useCallback)(() => {
              l(!0);
            }, []),
            A = (0, r.useCallback)(() => {
              l(!1), d(void 0);
            }, []),
            b = (0, r.useCallback)(
              (e) => () => {
                d(e);
              },
              []
            ),
            v = (0, r.useCallback)(
              (e, t) => {
                "EXTERNAL" !== t && g.pathname !== e && h({ isSpinner: !0 });
              },
              [g.pathname, h]
            ),
            k = (0, r.useCallback)((e) => {
              let t = e.key;
              "Enter" === t && l((e) => !e);
            }, []),
            x = (0, r.useCallback)((e) => {
              let t = e.key;
              "Escape" === t && l(!1);
            }, []),
            w = (0, r.useCallback)(
              (e) => {
                let { id: t, title: n, route: r } = e;
                return r
                  ? (0, a.BX)(
                      E,
                      {
                        href: r.href,
                        target: "EXTERNAL" === r.type ? "_blank" : "_self",
                        onClick: () => v(r.href, r.type),
                        children: [
                          (0, a.tZ)(M, { variant: "body2", children: n }),
                          "EXTERNAL" === r.type ? (0, a.tZ)(B, {}) : null,
                        ],
                      },
                      t
                    )
                  : (0, a.tZ)(M, { variant: "body2", children: n });
              },
              [v]
            ),
            T = (0, r.useCallback)(
              (e) => {
                let { id: t, title: n, nestedItems: r } = e;
                return (0, a.BX)(a.HY, {
                  children: [
                    (0, a.tZ)(M, {
                      tabIndex: 0,
                      variant: "body2",
                      children: n,
                    }),
                    (0, a.tZ)(m.Z, {}),
                    (0, a.tZ)(p.Z, {
                      in: s === t,
                      children: (0, a.tZ)(P, {
                        children: (0, a.tZ)(y, {
                          children:
                            null == r
                              ? void 0
                              : r.map((e) =>
                                  (0, a.tZ)(
                                    R,
                                    {
                                      tabIndex: 0,
                                      isLink: !0,
                                      onClick: A,
                                      children: w(e),
                                    },
                                    e.id
                                  )
                                ),
                        }),
                      }),
                    }),
                  ],
                });
              },
              [A, w, s]
            );
          return (0, a.BX)(u.Z, {
            onMouseLeave: A,
            children: [
              (0, a.BX)(S, {
                alignItems: "center",
                direction: "row",
                gap: 1,
                isOpen: o,
                justifyContent: "space-between",
                tabIndex: 0,
                onClick: f,
                onKeyUp: k,
                onMouseEnter: f,
                children: [(0, a.tZ)(I, { children: t }), (0, a.tZ)(Z.Z, {})],
              }),
              (0, a.tZ)(p.Z, {
                in: o,
                children: (0, a.tZ)(C, {
                  children: (0, a.tZ)(y, {
                    onKeyUp: x,
                    onMouseLeave: A,
                    children: n.map((e) => {
                      var t, n;
                      return (0, a.tZ)(
                        R,
                        {
                          isLink: !(null == e
                            ? void 0
                            : null === (t = e.nestedItems) || void 0 === t
                            ? void 0
                            : t.length),
                          tabIndex: 0,
                          onClick: b(e.id),
                          onMouseEnter: b(e.id),
                          children: (
                            null == e
                              ? void 0
                              : null === (n = e.nestedItems) || void 0 === n
                              ? void 0
                              : n.length
                          )
                            ? T(e)
                            : w(e),
                        },
                        e.id
                      );
                    }),
                  }),
                }),
              }),
            ],
          });
        }),
        W = n(39485);
      let z = (0, x.ZP)(h.Z, { target: "e1cmrdxs0" })((e) => {
        let { theme: t } = e;
        return {
          justifyContent: "center",
          [t.breakpoints.down(W.uA)]: { display: "none" },
        };
      });
      var D = (0, r.memo)((e) => {
          var t;
          let { menu: n } = e;
          return (0, a.tZ)(z, {
            direction: "row",
            divider: (0, a.tZ)(g.Z, { orientation: "vertical", flexItem: !0 }),
            gap: 2,
            children:
              null === (t = n.items) || void 0 === t
                ? void 0
                : t.map((e) =>
                    (0, a.tZ)(
                      T,
                      {
                        id: e.id,
                        nestedItems: e.nestedItems,
                        route: e.route,
                        title: e.title,
                      },
                      "".concat(n.id).concat(e.id)
                    )
                  ),
          });
        }),
        L = n(82547),
        H = n(51747),
        U = n(14465),
        F = n(37259);
      let V = (0, x.ZP)(u.Z, { target: "e5j6f3h0" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            gap: t.spacing(2.5),
            width: "100%",
            [t.breakpoints.only("xs")]: { flexDirection: "column" },
          };
        }),
        N = (0, x.ZP)(F.Z, { target: "e5j6f3h1" })({
          fontWeight: 400,
          letterSpacing: 1.6,
          borderRadius: 5,
        }),
        j = (0, x.ZP)(b.Z, { target: "e5j6f3h2" })((e) => {
          let { theme: t } = e;
          return { textTransform: "uppercase", marginBottom: t.spacing(8) };
        });
      var O = (0, r.memo)((e) => {
          var t;
          let { isLoading: n, onConfirm: o, ...l } = e,
            { t: s } = (0, d.$G)("common"),
            c = (0, i.useRouter)(),
            u = (0, r.useMemo)(
              () => c.pathname.startsWith("/ezpass"),
              [c.pathname]
            );
          return (0, a.BX)(U.Z, {
            label:
              null !== (t = s("modal.autoLogout.text.sessionExpire")) &&
              void 0 !== t
                ? t
                : "",
            size: "sm",
            hasCloseIcon: !0,
            ...l,
            children: [
              (0, a.BX)(h.Z, {
                alignItems: "center",
                children: [
                  (0, a.tZ)(j, {
                    component: "span",
                    fontWeight: 600,
                    variant: "h2",
                    children: s("modal.logged.text.title"),
                  }),
                  (0, a.tZ)(b.Z, {
                    mb: 10.25,
                    textAlign: "center",
                    children: s("modal.logged.text.message", {
                      account: u ? "NY E-ZPass" : "Tolls by Mail",
                    }),
                  }),
                  (0, a.tZ)(b.Z, {
                    mb: 8.5,
                    children: s("modal.logged.text.question"),
                  }),
                ],
              }),
              (0, a.BX)(V, {
                children: [
                  (0, a.tZ)(N, {
                    isLoading: n,
                    variant: "contained",
                    onClick: o,
                    children: s("buttons.continue"),
                  }),
                  (0, a.tZ)(N, {
                    variant: "outlined",
                    onClick: l.onClose,
                    children: (0, a.tZ)(b.Z, {
                      fontWeight: 600,
                      children: s("buttons.cancel"),
                    }),
                  }),
                ],
              }),
            ],
          });
        }),
        X = n(50326),
        G = (0, r.memo)((e) => {
          let { isAuthorized: t } = e,
            n = (0, i.useRouter)(),
            { isLoading: o, signOut: l } = (0, L.Q)(),
            { isOpen: s, onClose: d, onOpen: c } = (0, H.R)(),
            [u, p] = (0, r.useState)("/");
          (0, r.useEffect)(() => {
            let handleRouteChange = async (e) => {
              let a = n.pathname,
                r =
                  (a.startsWith("/ezpass") || a.startsWith("/es/ezpass")) &&
                  (e === X.Z6.tbm.payToll ||
                    e === "/es".concat(X.Z6.tbm.payToll)),
                i =
                  (a.startsWith("/tbm") || a.startsWith("/es/tbm")) &&
                  (e === X.Z6.ezpass.signIn ||
                    e === "/es".concat(X.Z6.ezpass.signIn));
              if (t && (r || i)) {
                n.events.emit("routeChangeError"), n.push(n.asPath), c(), p(e);
                return;
              }
            };
            return (
              n.events.on("routeChangeStart", handleRouteChange),
              () => {
                n.events.off("routeChangeStart", handleRouteChange);
              }
            );
          }, [n, s, t, c]);
          let h = (0, r.useCallback)(() => {
            l({ route: u });
          }, [u, l]);
          return s
            ? (0, a.tZ)(O, {
                isLoading: o,
                isOpen: s,
                onClose: d,
                onConfirm: h,
              })
            : null;
        }),
        Q = n(74634),
        Y = n(33152),
        K = n(35135),
        J = n(57922),
        q = n(50594),
        _ = n(1048),
        $ = n(32793),
        ee = n(63961),
        et = n(94780),
        en = n(71657),
        ea = n(1588),
        er = n(34867);
      function getToolbarUtilityClass(e) {
        return (0, er.Z)("MuiToolbar", e);
      }
      (0, ea.Z)("MuiToolbar", ["root", "gutters", "regular", "dense"]);
      var ei = n(85893);
      let eo = ["className", "component", "disableGutters", "variant"],
        useUtilityClasses = (e) => {
          let { classes: t, disableGutters: n, variant: a } = e;
          return (0, et.Z)(
            { root: ["root", !n && "gutters", a] },
            getToolbarUtilityClass,
            t
          );
        },
        el = (0, x.ZP)("div", {
          name: "MuiToolbar",
          slot: "Root",
          overridesResolver: (e, t) => {
            let { ownerState: n } = e;
            return [t.root, !n.disableGutters && t.gutters, t[n.variant]];
          },
        })(
          ({ theme: e, ownerState: t }) =>
            (0, $.Z)(
              { position: "relative", display: "flex", alignItems: "center" },
              !t.disableGutters && {
                paddingLeft: e.spacing(2),
                paddingRight: e.spacing(2),
                [e.breakpoints.up("sm")]: {
                  paddingLeft: e.spacing(3),
                  paddingRight: e.spacing(3),
                },
              },
              "dense" === t.variant && { minHeight: 48 }
            ),
          ({ theme: e, ownerState: t }) =>
            "regular" === t.variant && e.mixins.toolbar
        ),
        es = r.forwardRef(function (e, t) {
          let n = (0, en.Z)({ props: e, name: "MuiToolbar" }),
            {
              className: a,
              component: r = "div",
              disableGutters: i = !1,
              variant: o = "regular",
            } = n,
            l = (0, _.Z)(n, eo),
            s = (0, $.Z)({}, n, {
              component: r,
              disableGutters: i,
              variant: o,
            }),
            d = useUtilityClasses(s);
          return (0,
          ei.jsx)(el, (0, $.Z)({ as: r, className: (0, ee.Z)(d.root, a), ref: t, ownerState: s }, l));
        });
      var ed = n(93946);
      let ec = (0, x.ZP)(es, { target: "e1dmtryu0" })((e) => {
          let { theme: t } = e;
          return {
            position: "relative",
            display: "flex",
            justifyContent: "center",
            flexDirection: "row",
            alignItems: "center",
            backgroundColor: t.palette.common.white,
            borderBottom: "1px solid ".concat(t.palette.background.disabled),
            padding: t.spacing(2.5),
            [t.breakpoints.only("xs")]: {
              flexDirection: "column",
              rowGap: t.spacing(2.5),
            },
          };
        }),
        eu = (0, x.ZP)(b.Z, { target: "e1dmtryu1" })((e) => {
          let { theme: t } = e;
          return { color: t.palette.common.black };
        }),
        ep = (0, x.ZP)(F.Z, { target: "e1dmtryu2" })((e) => {
          let { theme: t } = e;
          return {
            maxWidth: 268,
            marginLeft: t.spacing(8),
            [t.breakpoints.only("xs")]: { marginLeft: 0 },
          };
        }),
        eh = (0, x.ZP)(ed.Z, { target: "e1dmtryu3" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            justifyContent: "flex-end",
            position: "absolute",
            right: 0,
            svg: {
              width: 27.3,
              height: 27.3,
              fill: t.palette.background.lightGray,
              [t.breakpoints.only("xs")]: { width: 23.41, height: 23.41 },
            },
          };
        });
      var eg = (0, r.memo)((e) => {
          var t;
          let { onCloseBar: n } = e,
            { t: o } = (0, d.$G)("common"),
            l = (0, i.useRouter)(),
            s = (0, r.useCallback)(() => {
              n(), (0, Y.gk)("lastAuthProvider");
            }, [n]),
            c = (0, r.useCallback)(() => {
              let e = (0, Y.Kk)("lastAuthProvider");
              e && l.push(K.k[e]), s();
            }, [s, l]),
            u = (0, r.useCallback)((e) => e.stopPropagation(), []);
          return (0, a.BX)(ec, {
            id: "notification-signout-bar",
            variant: "regular",
            onClick: u,
            children: [
              (0, a.tZ)(eu, { variant: "h4", children: o("text.loggedOut") }),
              (0, a.tZ)(ep, {
                variant: "contained",
                onClick: c,
                children: o("buttons.ok"),
              }),
              (0, a.tZ)(eh, {
                "aria-label":
                  null !== (t = o("buttons.close")) && void 0 !== t ? t : "",
                onClick: s,
                children: (0, a.tZ)(q.Z, {}),
              }),
            ],
          });
        }),
        em = n(13543),
        eZ = n(86886);
      let ef = (0, x.ZP)(u.Z, { target: "e168rekj0" })((e) => {
          let { theme: t } = e;
          return {
            display: "grid",
            gridTemplateColumns: "1fr 0.04fr",
            alignItems: "center",
            padding: t.spacing(2.5, 0.7, 2.5, 13.25),
            cursor: "default",
            borderBottom: "0.25px solid ".concat(t.palette.divider),
            [t.breakpoints.only("xs")]: {
              gridTemplateColumns: "1fr auto",
              alignItems: "start",
              padding: t.spacing(2, 4.2, 2, 4.5),
            },
          };
        }),
        eA = (0, x.ZP)(b.Z, { target: "e168rekj1" })((e) => {
          let { theme: t } = e;
          return { color: t.palette.text.primary };
        }),
        eb = (0, x.ZP)(b.Z, { target: "e168rekj2" })((e) => {
          let { theme: t } = e;
          return {
            fontWeight: 600,
            textTransform: "uppercase",
            letterSpacing: 1.4,
            color: t.palette.text.accent,
            cursor: "pointer",
            [t.breakpoints.only("xs")]: { letterSpacing: 0 },
          };
        }),
        ev = (0, x.ZP)(ed.Z, { target: "e168rekj3" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            justifyContent: "flex-end",
            svg: {
              width: 27.3,
              height: 27.3,
              fill: t.palette.background.lightGray,
              [t.breakpoints.only("xs")]: { width: 23.41, height: 23.41 },
            },
          };
        });
      var ek = (0, r.memo)((e) => {
          let {
            name: t,
            description: n,
            isOpen: r,
            onClose: i,
            onPushRoute: o,
          } = e;
          return (0, a.tZ)(J.Z, {
            in: r,
            timeout: "auto",
            unmountOnExit: !0,
            children: (0, a.BX)(ef, {
              children: [
                (0, a.BX)(eZ.ZP, {
                  columnSpacing: 14.5,
                  maxWidth: { sm: 655, md: 722 },
                  container: !0,
                  children: [
                    (0, a.tZ)(eZ.ZP, {
                      sm: 6,
                      xs: 12,
                      item: !0,
                      children: (0, a.tZ)(eA, { variant: "h4", children: n }),
                    }),
                    (0, a.tZ)(eZ.ZP, {
                      sm: 6,
                      xs: 12,
                      item: !0,
                      children: (0, a.tZ)(eb, {
                        variant: "body2",
                        onClick: o,
                        children: t,
                      }),
                    }),
                  ],
                }),
                (0, a.tZ)(h.Z, {
                  alignItems: "flex-end",
                  children: (0, a.tZ)(ev, {
                    "aria-label": "Close",
                    onClick: i,
                    children: (0, a.tZ)(q.Z, {}),
                  }),
                }),
              ],
            }),
          });
        }),
        ex = n(3984),
        ew = n(46396),
        ey = n(62559),
        eC = n(31890);
      let getNotifications = (e) => {
        let { licensePlateReviewDate: t, isLicenseReviewFlag: n, t: a } = e,
          r = [
            {
              id: "preferences",
              description: a(
                "notificationBar.notifications.preferences.description"
              ),
              link: {
                name: a("notificationBar.notifications.preferences.name"),
                path: X.Z6.ezpass.notifications,
              },
            },
            {
              id: "settings",
              description: a(
                "notificationBar.notifications.settings.description"
              ),
              link: {
                name: a("notificationBar.notifications.settings.name"),
                path: X.Z6.ezpass.securitySettings,
              },
            },
          ],
          i = (0, eC.p6)({
            dateValue: new Date(),
            dateFormat: ey.E.YEAR_MONTH_DAY,
          });
        return (
          n &&
            ("" === t || t >= i) &&
            r.push({
              id: "vehicles",
              description: a(
                "notificationBar.notifications.vehicles.description"
              ),
              link: {
                name: a("notificationBar.notifications.vehicles.name"),
                path: X.Z6.ezpass.vehicles,
              },
            }),
          r
        );
      };
      var eB = n(48885);
      let eP = (0, x.ZP)(es, { target: "e1i1t57a0" })((e) => {
          let { theme: t } = e;
          return {
            position: "relative",
            display: "flex",
            flexDirection: "column",
            alignItems: "flex-start",
            minHeight: 64,
            backgroundColor: t.palette.background.platinum,
            border: "1px solid ".concat(t.palette.background.platinum),
            borderBottom: "1px solid ".concat(t.palette.background.disabled),
            [t.breakpoints.only("xs")]: { minHeight: 50 },
            [t.breakpoints.up("xs")]: { padding: 0 },
          };
        }),
        eS = (0, x.ZP)(u.Z, { target: "e1i1t57a1" })((e) => {
          let { theme: t } = e;
          return {
            width: "100%",
            display: "flex",
            justifyContent: "space-between",
            alignItems: "center",
            cursor: "default",
            padding: t.spacing(2.59, 0.7, 2.59, 13.25),
            [t.breakpoints.only("xs")]: {
              padding: t.spacing(1.4, 4.2, 1.4, 4.5),
            },
          };
        }),
        eR = (0, x.ZP)(eB.Z, { target: "e1i1t57a2" })((e) => {
          let { theme: t } = e;
          return {
            minWidth: 0,
            paddingRight: t.spacing(3.79),
            [t.breakpoints.only("xs")]: { paddingRight: t.spacing(2.18) },
            "& svg": {
              width: 25.53,
              height: 25.53,
              fill: t.palette.common.black,
              [t.breakpoints.only("xs")]: { width: 21, height: 21 },
            },
          };
        }),
        eM = (0, x.ZP)(b.Z, { target: "e1i1t57a3" })((e) => {
          let { theme: t } = e;
          return {
            color: t.palette.text.primary,
            fontWeight: 600,
            [t.breakpoints.only("xs")]: { maxWidth: "215px" },
          };
        }),
        eI = (0, x.ZP)(eB.Z, {
          shouldForwardProp: (e) => "isExpanded" !== e,
          target: "e1i1t57a4",
        })((e) => {
          let { theme: t, isExpanded: n } = e;
          return {
            minWidth: 0,
            paddingLeft: t.spacing(2),
            cursor: "pointer",
            [t.breakpoints.only("xs")]: { paddingLeft: t.spacing(2.26) },
            "& svg": {
              width: 24,
              height: 24,
              fill: t.palette.primary.main,
              transform: "rotate(".concat(n ? 180 : 0, "deg)"),
              transition: t.transitions.create("transform", { duration: 300 }),
              [t.breakpoints.only("xs")]: { width: 18, height: 18 },
            },
          };
        }),
        eE = (0, x.ZP)(ed.Z, { target: "e1i1t57a5" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            svg: {
              width: 27.3,
              height: 27.3,
              fill: t.palette.primary.main,
              [t.breakpoints.only("xs")]: { width: 23.41, height: 23.41 },
            },
          };
        }),
        eT = (0, x.ZP)(f.Z, { target: "e1i1t57a6" })((e) => {
          let { theme: t } = e;
          return {
            width: "100%",
            backgroundColor: t.palette.background.default,
          };
        }),
        eW = (0, x.ZP)(q.Z, { target: "e1i1t57a7" })({ fontSize: 35 });
      var ez = (0, r.memo)((e) => {
          var t;
          let { onCloseBar: n } = e,
            { t: o } = (0, d.$G)("common"),
            l = (0, i.useRouter)(),
            { data: s } = (0, em.S)(),
            c = (0, r.useMemo)(
              () => (null == s ? void 0 : s.licenseReviewFlag) === "Y",
              [null == s ? void 0 : s.licenseReviewFlag]
            ),
            u = (0, r.useMemo)(() => {
              var e;
              let t = (0, Y.Kk)("notifications") || [];
              return getNotifications({
                isLicenseReviewFlag: c,
                licensePlateReviewDate:
                  null !==
                    (e = null == s ? void 0 : s.licensePlateReviewDate) &&
                  void 0 !== e
                    ? e
                    : "",
                t: o,
              }).filter((e) => !t.includes(e.id));
            }, [c, null == s ? void 0 : s.licensePlateReviewDate, o]),
            [p, g] = (0, r.useState)(!1),
            [m, Z] = (0, r.useState)(u),
            f = (0, r.useCallback)((e) => e.stopPropagation(), []),
            A = (0, r.useCallback)(() => g((e) => !e), []),
            b = (0, r.useCallback)(
              (e) => (t) => {
                t.stopPropagation(), Z(m.filter((t) => t.id !== e));
                let n = (0, Y.Kk)("notifications") || [];
                n.push(e), (0, Y.j4)("notifications", n);
              },
              [m]
            ),
            v = (0, r.useCallback)(
              (e) => () => {
                var t;
                let n =
                  null === (t = m.find((t) => t.id === e)) || void 0 === t
                    ? void 0
                    : t.link.path;
                l.push(n), b(e);
              },
              [l, m, b]
            ),
            k = (0, r.useCallback)(
              () =>
                (0, a.tZ)(eT, {
                  component: "div",
                  disablePadding: !0,
                  children: m.map((e) =>
                    (0, a.tZ)(
                      ek,
                      {
                        description: e.description,
                        isOpen: p,
                        name: e.link.name,
                        onClose: b(e.id),
                        onPushRoute: v(e.id),
                      },
                      e.id
                    )
                  ),
                }),
              [m, p, v, b]
            );
          return ((0, r.useEffect)(() => {
            let e = l.pathname;
            Z(u.filter((t) => t.link.path !== e));
          }, [u, l.pathname]),
          0 === m.length)
            ? null
            : (0, a.BX)(eP, {
                id: "notification-bar",
                variant: "regular",
                onClick: f,
                children: [
                  (0, a.BX)(eS, {
                    children: [
                      (0, a.BX)(h.Z, {
                        alignItems: "center",
                        flexDirection: "row",
                        children: [
                          (0, a.tZ)(eR, { children: (0, a.tZ)(ew.Z, {}) }),
                          (0, a.tZ)(eM, {
                            variant: "h4",
                            children: o("notificationBar.title"),
                          }),
                          (0, a.tZ)(eI, {
                            isExpanded: p && !!m.length,
                            onClick: A,
                            children: (0, a.tZ)(ex.Z, {}),
                          }),
                        ],
                      }),
                      (0, a.tZ)(eE, {
                        "aria-label":
                          null !== (t = o("buttons.close")) && void 0 !== t
                            ? t
                            : "",
                        onClick: n,
                        children: (0, a.tZ)(eW, {}),
                      }),
                    ],
                  }),
                  k(),
                ],
              });
        }),
        eD = (0, r.memo)((e) => {
          let { isAuthorized: t } = e,
            { hide: n, notificationBarProps: o, show: l } = (0, Q.F)(),
            s = (0, i.useRouter)(),
            [d, c] = (0, r.useState)(!!o),
            u = (0, r.useMemo)(() => "/" === s.pathname, [s.pathname]),
            p = (0, r.useMemo)(
              () => (null == o ? void 0 : o.id) === K.F.SignOut,
              [null == o ? void 0 : o.id]
            ),
            h = (0, r.useCallback)(() => c(!1), []),
            g = (0, r.useCallback)(
              () => n(p ? void 0 : null == o ? void 0 : o.id),
              [n, p, null == o ? void 0 : o.id]
            );
          (0, r.useEffect)(() => {
            c(!!o);
          }, [o]),
            (0, r.useEffect)(() => {
              let e = (0, Y.Kk)("lastAuthProvider");
              if (!u && p) {
                h();
                return;
              }
              !t && e && l({ id: K.F.SignOut });
            }, [h, t, u, p, l]);
          let m = (0, r.useCallback)(() => {
            switch (null == o ? void 0 : o.id) {
              case K.F.CheckSettings:
                return (0, a.tZ)(ez, { onCloseBar: h });
              case K.F.SignOut:
                return (0, a.tZ)(eg, { onCloseBar: h });
              default:
                return null;
            }
          }, [h, null == o ? void 0 : o.id]);
          return (0, a.tZ)(J.Z, {
            in: d,
            timeout: "auto",
            onExited: g,
            children: m(),
          });
        }),
        eL = n(57958),
        eH = n(5152),
        eU = n.n(eH),
        eF = n(951),
        eV = n(12526);
      let getAccountType = (e) => {
          switch (!0) {
            case e.startsWith("/fleet"):
              return W.WZ.Fleet;
            case e.startsWith("/retail"):
              return W.WZ.Retailer;
            case e.startsWith("/stva"):
              return W.WZ.Stva;
            case e.startsWith("/tbm"):
              return W.WZ.Toll;
            default:
              return W.WZ.EZPass;
          }
        },
        getAccountTypeByProvider = (e) => {
          switch (e) {
            case eV.H.Fleet:
              return W.WZ.Fleet;
            case eV.H.Retail:
              return W.WZ.Retailer;
            case eV.H.STVA:
              return W.WZ.Stva;
            case eV.H.TBM:
              return W.WZ.Toll;
            default:
              return W.WZ.EZPass;
          }
        },
        getDashboardPath = (e) => {
          let t = getAccountType(e);
          switch (t) {
            case W.WZ.Toll:
              return X.Z6.tbm.dashboard;
            case W.WZ.Stva:
              return X.Z6.stva.dashboard;
            case W.WZ.Fleet:
              return X.Z6.fleet.dashboard;
            case W.WZ.Retailer:
              return X.Z6.retailer.dashboard;
            default:
              return X.Z6.ezpass.dashboard;
          }
        };
      var eN = n(98216),
        ej = n(90629);
      function getAppBarUtilityClass(e) {
        return (0, er.Z)("MuiAppBar", e);
      }
      (0, ea.Z)("MuiAppBar", [
        "root",
        "positionFixed",
        "positionAbsolute",
        "positionSticky",
        "positionStatic",
        "positionRelative",
        "colorDefault",
        "colorPrimary",
        "colorSecondary",
        "colorInherit",
        "colorTransparent",
      ]);
      let eO = ["className", "color", "enableColorOnDark", "position"],
        AppBar_useUtilityClasses = (e) => {
          let { color: t, position: n, classes: a } = e,
            r = {
              root: ["root", `color${(0, eN.Z)(t)}`, `position${(0, eN.Z)(n)}`],
            };
          return (0, et.Z)(r, getAppBarUtilityClass, a);
        },
        joinVars = (e, t) =>
          e ? `${null == e ? void 0 : e.replace(")", "")}, ${t})` : t,
        eX = (0, x.ZP)(ej.Z, {
          name: "MuiAppBar",
          slot: "Root",
          overridesResolver: (e, t) => {
            let { ownerState: n } = e;
            return [
              t.root,
              t[`position${(0, eN.Z)(n.position)}`],
              t[`color${(0, eN.Z)(n.color)}`],
            ];
          },
        })(({ theme: e, ownerState: t }) => {
          let n =
            "light" === e.palette.mode
              ? e.palette.grey[100]
              : e.palette.grey[900];
          return (0, $.Z)(
            {
              display: "flex",
              flexDirection: "column",
              width: "100%",
              boxSizing: "border-box",
              flexShrink: 0,
            },
            "fixed" === t.position && {
              position: "fixed",
              zIndex: (e.vars || e).zIndex.appBar,
              top: 0,
              left: "auto",
              right: 0,
              "@media print": { position: "absolute" },
            },
            "absolute" === t.position && {
              position: "absolute",
              zIndex: (e.vars || e).zIndex.appBar,
              top: 0,
              left: "auto",
              right: 0,
            },
            "sticky" === t.position && {
              position: "sticky",
              zIndex: (e.vars || e).zIndex.appBar,
              top: 0,
              left: "auto",
              right: 0,
            },
            "static" === t.position && { position: "static" },
            "relative" === t.position && { position: "relative" },
            !e.vars &&
              (0, $.Z)(
                {},
                "default" === t.color && {
                  backgroundColor: n,
                  color: e.palette.getContrastText(n),
                },
                t.color &&
                  "default" !== t.color &&
                  "inherit" !== t.color &&
                  "transparent" !== t.color && {
                    backgroundColor: e.palette[t.color].main,
                    color: e.palette[t.color].contrastText,
                  },
                "inherit" === t.color && { color: "inherit" },
                "dark" === e.palette.mode &&
                  !t.enableColorOnDark && {
                    backgroundColor: null,
                    color: null,
                  },
                "transparent" === t.color &&
                  (0, $.Z)(
                    { backgroundColor: "transparent", color: "inherit" },
                    "dark" === e.palette.mode && { backgroundImage: "none" }
                  )
              ),
            e.vars &&
              (0, $.Z)(
                {},
                "default" === t.color && {
                  "--AppBar-background": t.enableColorOnDark
                    ? e.vars.palette.AppBar.defaultBg
                    : joinVars(
                        e.vars.palette.AppBar.darkBg,
                        e.vars.palette.AppBar.defaultBg
                      ),
                  "--AppBar-color": t.enableColorOnDark
                    ? e.vars.palette.text.primary
                    : joinVars(
                        e.vars.palette.AppBar.darkColor,
                        e.vars.palette.text.primary
                      ),
                },
                t.color &&
                  !t.color.match(/^(default|inherit|transparent)$/) && {
                    "--AppBar-background": t.enableColorOnDark
                      ? e.vars.palette[t.color].main
                      : joinVars(
                          e.vars.palette.AppBar.darkBg,
                          e.vars.palette[t.color].main
                        ),
                    "--AppBar-color": t.enableColorOnDark
                      ? e.vars.palette[t.color].contrastText
                      : joinVars(
                          e.vars.palette.AppBar.darkColor,
                          e.vars.palette[t.color].contrastText
                        ),
                  },
                {
                  backgroundColor: "var(--AppBar-background)",
                  color:
                    "inherit" === t.color ? "inherit" : "var(--AppBar-color)",
                },
                "transparent" === t.color && {
                  backgroundImage: "none",
                  backgroundColor: "transparent",
                  color: "inherit",
                }
              )
          );
        }),
        eG = r.forwardRef(function (e, t) {
          let n = (0, en.Z)({ props: e, name: "MuiAppBar" }),
            {
              className: a,
              color: r = "primary",
              enableColorOnDark: i = !1,
              position: o = "fixed",
            } = n,
            l = (0, _.Z)(n, eO),
            s = (0, $.Z)({}, n, {
              color: r,
              position: o,
              enableColorOnDark: i,
            }),
            d = AppBar_useUtilityClasses(s);
          return (0,
          ei.jsx)(eX, (0, $.Z)({ square: !0, component: "header", ownerState: s, elevation: 4, className: (0, ee.Z)(d.root, a, "fixed" === o && "mui-fixed"), ref: t }, l));
        });
      var eQ = n(67358),
        eY = n(38895);
      let eK = (0, x.ZP)(eQ.Z, { target: "ecz6m0c0" })((e) => {
          let { theme: t } = e;
          return {
            padding: 0,
            margin: t.spacing(0, 0, -0.25),
            backgroundColor: "transparent",
            borderRadius: 0,
            boxShadow: "unset",
            cursor: "default",
            "&.Mui-expanded": { margin: 0 },
          };
        }),
        eJ = (0, x.ZP)(eY.Z, { target: "ecz6m0c1" })((e) => {
          let { theme: t } = e;
          return {
            padding: 0,
            margin: 0,
            cursor: "default",
            "&, & header": {
              [t.breakpoints.not("xs")]: { minHeight: 80 },
              [t.breakpoints.only("xs")]: { minHeight: 60 },
            },
            header: { justifyContent: "center" },
            "&.Mui-expanded": { minHeight: "unset" },
            ".MuiAccordionSummary-content": {
              cursor: "default",
              "&, &.Mui-expanded": { margin: 0 },
            },
          };
        }),
        eq = (0, x.ZP)(eG, { target: "ecz6m0c2" })((e) => {
          let { theme: t } = e;
          return { position: "static", zIndex: t.zIndex.appBar };
        }),
        e_ = (0, x.ZP)(u.Z, {
          shouldForwardProp: (e) => "isTbm" !== e,
          target: "ecz6m0c3",
        })((e) => {
          let { theme: t, isTbm: n } = e;
          return {
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            width: "auto",
            height: n ? "auto" : 20,
            "& img": { width: n ? 130 : "auto", height: n ? "auto" : "80%" },
            [t.breakpoints.only("xs")]: {
              "& img": { width: n ? 130 : "auto", height: n ? "auto" : "70%" },
            },
          };
        }),
        e$ = (0, x.ZP)(v.Z, { target: "ecz6m0c4" })({
          textDecoration: "none",
          color: "inherit",
          cursor: "pointer",
        }),
        e0 = (0, x.ZP)(u.Z, { target: "ecz6m0c5" })((e) => {
          let { theme: t } = e;
          return {
            display: "grid",
            gap: t.spacing(5),
            alignItems: "center",
            gridTemplateColumns: "3fr 6fr 3fr",
            [t.breakpoints.up(W.uA)]: {
              gridTemplateColumns: "2.75fr 9fr 2.75fr",
            },
            [t.breakpoints.between("sm", W.uA)]: {
              gridTemplateColumns: "3fr 2fr",
            },
            [t.breakpoints.up("sm")]: {
              padding: t.spacing(4, 7),
              minHeight: 80,
            },
            [t.breakpoints.only("xs")]: {
              padding: t.spacing(4, 5),
              gridTemplateColumns: "2fr 10fr",
            },
          };
        }),
        e1 = (0, x.ZP)(h.Z, { target: "ecz6m0c6" })((e) => {
          let { theme: t } = e;
          return {
            backgroundColor: (0, w.Fq)(t.palette.common.black, 0.32),
            boxShadow: t.shadows[4],
            height: 40,
            padding: t.spacing(0, 6.5),
            [t.breakpoints.up("sm")]: { display: "none" },
          };
        }),
        e2 = (0, x.ZP)(v.Z, { target: "ecz6m0c7" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            alignItems: "center",
            color: t.palette.common.white,
            textTransform: "uppercase",
            textDecoration: "unset",
            height: "100%",
            "&.active": {
              borderBottom: "2px solid ".concat(t.palette.common.white),
            },
          };
        }),
        e4 = (0, x.ZP)(ed.Z, { target: "ecz6m0c8" })((e) => {
          let { theme: t } = e;
          return {
            padding: 0,
            svg: { fill: t.palette.common.white, fontSize: 42 },
            [t.breakpoints.up(W.uA)]: { display: "none" },
          };
        }),
        e6 = (0, x.ZP)(h.Z, { target: "ecz6m0c9" })({
          width: "100%",
          alignItems: "center",
          flexDirection: "row",
          justifyContent: "flex-end",
        }),
        e5 = eU()(() => n.e(96265).then(n.bind(n, 96265)), {
          loadableGenerated: { webpack: () => [96265] },
          ssr: !1,
        }),
        e3 = eU()(
          () =>
            Promise.all([
              n.e(14564),
              n.e(78890),
              n.e(36435),
              n.e(48831),
              n.e(21023),
              n.e(47915),
              n.e(25935),
              n.e(52745),
              n.e(84778),
              n.e(98581),
              n.e(40099),
              n.e(32006),
              n.e(183),
            ]).then(n.bind(n, 183)),
          { loadableGenerated: { webpack: () => [183] }, ssr: !1 }
        ),
        e9 = eU()(
          () =>
            Promise.all([
              n.e(14564),
              n.e(78890),
              n.e(36435),
              n.e(48831),
              n.e(21023),
              n.e(52745),
              n.e(92014),
              n.e(40099),
              n.e(32006),
              n.e(44646),
            ]).then(n.bind(n, 44646)),
          { loadableGenerated: { webpack: () => [44646] }, ssr: !1 }
        );
      var e8 = (0, r.memo)((e) => {
        let {
            logo: t,
            menu: n,
            initials: g = "",
            isShowNavBar: m,
            isAuthorized: Z,
          } = e,
          { t: f } = (0, d.$G)("common"),
          A = (0, i.useRouter)(),
          { isMobile: b } = (0, s.F)(),
          [v, k] = (0, r.useState)(null),
          [x, w] = (0, r.useState)(!1),
          y = (0, r.useRef)(null),
          C = (0, o.Z)((e) => e.breakpoints.down(W.uA)),
          [B, P] = (0, r.useState)(!1),
          [S, R] = (0, r.useState)(!1),
          { updateState: M } = (0, c.c)(),
          I = (0, r.useCallback)(async () => {
            w(!0);
            let e = await (0, l.getSession)();
            w(!1), k(e);
          }, []);
        (0, r.useEffect)(
          () => (
            A.events.on("routeChangeComplete", I),
            () => {
              A.events.off("routeChangeComplete", I);
            }
          ),
          [I, A]
        ),
          (0, r.useEffect)(() => {
            I();
          }, []);
        let E = (0, r.useMemo)(() => !!v, [v]),
          T = (0, r.useMemo)(
            () =>
              getAccountTypeByProvider((null == v ? void 0 : v.provider) || ""),
            [v]
          ),
          z = (0, r.useMemo)(
            () => A.pathname.startsWith("/sign-up"),
            [A.pathname]
          ),
          L = (0, r.useMemo)(
            () => (null == v ? void 0 : v.isSkipMFA),
            [null == v ? void 0 : v.isSkipMFA]
          ),
          H = (0, r.useMemo)(
            () => (null == v ? void 0 : v.fileId),
            [null == v ? void 0 : v.fileId]
          ),
          U = (0, r.useMemo)(() => {
            if (z) return X.Z6.root;
            if (E) {
              let e = A.pathname,
                t = getDashboardPath(e);
              return t;
            }
            return X.Z6.root;
          }, [E, z, A.pathname]),
          F = (0, r.useCallback)(() => P((e) => !e), []),
          V = (0, r.useCallback)(() => {
            A.pathname !== U && M({ isSpinner: !0 });
          }, [U, A.pathname, M]),
          N = (0, r.useCallback)(() => {
            R((e) => !e);
          }, []),
          j = (0, r.useCallback)(() => {
            var e;
            if (!t) return null;
            let n = t.url.includes("TBM");
            return (0, a.tZ)(e_, {
              isTbm: n,
              children: (0, a.tZ)("img", {
                alt: null !== (e = t.alternativeText) && void 0 !== e ? e : "",
                src: (0, eF.P)(t.url, t.provider),
              }),
            });
          }, [t, T]),
          O = (0, r.useCallback)(
            () =>
              (0, a.tZ)(e3, {
                accountType: T,
                fileId: H,
                initials: g,
                isAuth: E,
                isExpandedSearch: S,
                isSkipMFA: !!L,
                onToggleExpandSearch: N,
              }),
            [g, T, H, E, L, S, N]
          ),
          Q = (0, r.useCallback)(() => {
            if (void 0 === Z && x) return (0, a.tZ)(u.Z, {});
            if (b)
              return (0, a.tZ)(e9, {
                accountType: T,
                hasUnread: !1,
                isAuthorized: E,
                isExpandedSearch: S,
                onToggleExpandSearch: N,
              });
            let e = "boolean" == typeof Z,
              t = e || !x;
            return (0, a.tZ)(e6, {
              children: e
                ? O()
                : (0, a.tZ)(p.Z, {
                    in: t,
                    children: (0, a.tZ)(u.Z, { children: O() }),
                  }),
            });
          }, [T, E, Z, S, x, b, O, N]),
          Y = (0, r.useMemo)(
            () =>
              (0, a.BX)(eq, {
                color: "primary",
                children: [
                  (0, a.BX)(e0, {
                    children: [
                      (0, a.BX)(h.Z, {
                        alignItems: "center",
                        direction: "row",
                        gap: 4,
                        children: [
                          (0, a.tZ)(e4, {
                            "aria-label": "burger-menu-button",
                            onClick: F,
                            children: B
                              ? (0, a.tZ)(q.Z, {})
                              : (0, a.tZ)(eL.default, {}),
                          }),
                          (0, a.tZ)(e$, {
                            "aria-label": "burger-menu",
                            href: U,
                            underline: "none",
                            noLinkStyle: !0,
                            onClick: V,
                            children: j(),
                          }),
                        ],
                      }),
                      n ? (0, a.tZ)(D, { menu: n }) : null,
                      Q(),
                    ],
                  }),
                  m
                    ? (0, a.BX)(e1, {
                        flexDirection: "row",
                        gap: 7,
                        justifyContent: "flex-end",
                        children: [
                          (0, a.tZ)(e2, {
                            href: X.Z6.ezpass.dashboard,
                            variant: "caption",
                            children: f("mobileNavigation.dashboard"),
                          }),
                          (0, a.tZ)(e2, {
                            href: X.Z6.ezpass.transactions,
                            variant: "caption",
                            children: f("mobileNavigation.transactions"),
                          }),
                        ],
                      })
                    : null,
                ],
              }),
            [F, B, U, V, j, n, Q, m, f]
          );
        return (
          (0, r.useEffect)(() => {
            let handleOutSideClick = (e) => {
              var t;
              (null === (t = y.current) || void 0 === t
                ? void 0
                : t.contains(e.target)) || P(!1);
            };
            return (
              window.addEventListener("mousedown", handleOutSideClick),
              () => {
                window.removeEventListener("mousedown", handleOutSideClick);
              }
            );
          }, [y]),
          (0, r.useEffect)(() => {
            C || P(!1);
          }, [C]),
          (0, a.BX)(a.HY, {
            children: [
              (0, a.tZ)(G, { isAuthorized: E }),
              (0, a.tZ)(eD, { isAuthorized: E }),
              (0, a.BX)(eK, {
                expanded: B,
                ref: y,
                children: [
                  (0, a.tZ)(eJ, { children: Y }),
                  (0, a.tZ)(e5, {
                    menu: (null == n ? void 0 : n.items) || [],
                    onSetOpen: P,
                  }),
                ],
              }),
            ],
          })
        );
      });
    },
    39485: function (e, t, n) {
      n.d(t, {
        $2: function () {
          return l;
        },
        Ho: function () {
          return c;
        },
        WZ: function () {
          return r;
        },
        lh: function () {
          return d;
        },
        mJ: function () {
          return s;
        },
        uA: function () {
          return o;
        },
      });
      var a,
        r,
        i = n(50326);
      ((a = r || (r = {})).Toll = "toll"),
        (a.Stva = "stva"),
        (a.Fleet = "fleet"),
        (a.EZPass = "ezpass"),
        (a.Retailer = "retailer");
      let o = 1200,
        l = ["stva", "retailer"],
        s = ["fleet", "retailer"],
        d = {
          ezpass: i.Z6.ezpass.dashboard,
          fleet: i.Z6.fleet.dashboard,
          retailer: i.Z6.retailer.dashboard,
          toll: i.Z6.tbm.dashboard,
          stva: i.Z6.stva.dashboard,
        },
        c = {
          ezpass: i.Z6.ezpass.editAccountProfile,
          fleet: i.Z6.fleet.dashboard,
          retailer: i.Z6.retailer.editProfile,
          stva: i.Z6.stva.editPersonalInformation,
          toll: i.Z6.tbm.account,
        };
    },
    35135: function (e, t, n) {
      n.d(t, {
        F: function () {
          return r;
        },
        k: function () {
          return l;
        },
      });
      var a,
        r,
        i = n(50326),
        o = n(12526);
      let l = {
        [o.H.TBM]: i.Z6.tbm.payToll,
        [o.H.STVA]: i.Z6.stva.signIn,
        [o.H.Fleet]: i.Z6.fleet.signIn,
        [o.H.EZPass]: i.Z6.ezpass.signIn,
        [o.H.Retail]: i.Z6.retailer.signIn,
        [o.H.AnonymousTBM]: i.Z6.tbm.payToll,
        [o.H.EZPassStatement]: i.Z6.ezpass.statementSignIn,
        [o.H.TBMStatement]: i.Z6.tbm.statementSignin,
        [o.H.TBMGetInvoice]: i.Z6.tbm.getInvoice,
      };
      ((a = r || (r = {})).SignOut = "signout"),
        (a.CheckSettings = "check-settings");
    },
    74634: function (e, t, n) {
      n.d(t, {
        F: function () {
          return useNotificationBar;
        },
      });
      var a = n(67294),
        r = n(39880);
      let useNotificationBar = () => {
        let e = (0, a.useContext)(r.i);
        return (
          void 0 === e &&
            console.error(
              "useNotificationBar must be used within a NotificationBarProvider"
            ),
          e
        );
      };
    },
    33417: function (e, t, n) {
      n.d(t, {
        F: function () {
          return useResponsive;
        },
      });
      var a = n(2734),
        r = n(98396);
      let useResponsive = () => {
        let e = (0, a.Z)(),
          t = (0, r.Z)(e.breakpoints.only("xs")),
          n = (0, r.Z)(e.breakpoints.only("sm")),
          i = (0, r.Z)(e.breakpoints.up("md"));
        return { isMobile: t, isTablet: n, isDesktop: i };
      };
    },
  },
]);
