"use strict";
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [96265],
  {
    76172: function (e, t, n) {
      var a = n(91941);
      t.Z = void 0;
      var i = a(n(64938)),
        l = n(85893),
        o = (0, i.default)(
          (0, l.jsx)("path", {
            d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z",
          }),
          "KeyboardArrowLeft"
        );
      t.Z = o;
    },
    22797: function (e, t, n) {
      n.d(t, {
        Z: function () {
          return g;
        },
      });
      var a = n(32793),
        i = n(1048),
        l = n(67294),
        o = n(63961),
        r = n(94780),
        s = n(90948),
        c = n(71657),
        d = n(1588),
        u = n(34867);
      function getAccordionDetailsUtilityClass(e) {
        return (0, u.Z)("MuiAccordionDetails", e);
      }
      (0, d.Z)("MuiAccordionDetails", ["root"]);
      var p = n(85893);
      let Z = ["className"],
        useUtilityClasses = (e) => {
          let { classes: t } = e;
          return (0, r.Z)(
            { root: ["root"] },
            getAccordionDetailsUtilityClass,
            t
          );
        },
        h = (0, s.ZP)("div", {
          name: "MuiAccordionDetails",
          slot: "Root",
          overridesResolver: (e, t) => t.root,
        })(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) })),
        f = l.forwardRef(function (e, t) {
          let n = (0, c.Z)({ props: e, name: "MuiAccordionDetails" }),
            { className: l } = n,
            r = (0, i.Z)(n, Z),
            s = useUtilityClasses(n);
          return (0,
          p.jsx)(h, (0, a.Z)({ className: (0, o.Z)(s.root, l), ref: t, ownerState: n }, r));
        });
      var g = f;
    },
    96265: function (e, t, n) {
      n.r(t),
        n.d(t, {
          default: function () {
            return x;
          },
        });
      var a = n(35944),
        i = n(67294),
        l = n(74897),
        o = n(73219),
        r = n(11163),
        s = n(87357),
        c = n(15861),
        d = n(15626),
        u = n(21596),
        p = n(76172),
        Z = n(22797),
        h = n(37259),
        f = n(35519),
        g = n(39485),
        m = n(90948);
      let v = (0, m.ZP)(s.Z, { target: "e1oh72n80" })((e) => {
          let { theme: t } = e;
          return {
            "& > *": {
              padding: t.spacing(3.5, 4.75, 3.5, 8),
              display: "flex",
              justifyContent: "space-between",
              alignItem: "center",
              height: 50,
              position: "relative",
              color: t.palette.common.black,
            },
            "& > *:not(:last-child)": {
              borderBottom: "1px solid ".concat(t.palette.divider),
            },
            a: { textDecoration: "unset", color: t.palette.common.black },
            svg: {
              position: "absolute",
              top: "50%",
              right: t.spacing(4.75),
              transform: "translateY(-50%)",
              fill: t.palette.primary.main,
            },
          };
        }),
        b = (0, m.ZP)(s.Z, { target: "e1oh72n81" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            height: 50,
            borderBottom: "1px solid ".concat(t.palette.divider),
            boxShadow: t.shadows[6],
          };
        }),
        y = (0, m.ZP)(Z.Z, { target: "e1oh72n82" })((e) => {
          let { theme: t } = e;
          return {
            padding: 0,
            margin: 0,
            backgroundColor: t.palette.common.white,
            [t.breakpoints.up(g.uA)]: { display: "none" },
          };
        }),
        k = (0, m.ZP)(h.Z, { target: "e1oh72n83" })({
          letterSpacing: "unset",
          display: "flex",
          position: "absolute",
          left: 0,
          width: "min-content",
        }),
        C = (0, m.ZP)(f.default, { target: "e1oh72n84" })({ fontSize: 15.4 });
      var A = n(50326),
        w = n(33152),
        x = (0, i.memo)((e) => {
          var t;
          let { menu: n, onSetOpen: Z } = e,
            { t: h } = (0, l.$G)("common"),
            { i18n: f } = (0, l.$G)(),
            g = (0, r.useRouter)(),
            [m, x] = (0, i.useState)(n),
            [E, B] = (0, i.useState)(n),
            { updateState: D } = (0, o.c)();
          (0, i.useEffect)(() => {
            g.pathname !== A.Z6.ezpass.signUp && (0, w.gk)("isFromOtg");
          }, [g.pathname]),
            (0, i.useEffect)(() => {
              B(n), x(n);
            }, [f.language, n]);
          let R = (0, i.useCallback)(
              (e, t) => () => {
                x(t), B(e);
              },
              []
            ),
            S = (0, i.useCallback)(() => {
              B(m), x(n);
            }, [m, n]),
            U = (0, i.useCallback)(
              (e) => {
                let { event: t, item: n, beforeMenu: a } = e,
                  i = t.key;
                "Enter" === i && R(n, a)();
              },
              [R]
            ),
            X = (0, i.useCallback)(
              (e, t) =>
                (0, a.BX)(
                  s.Z,
                  {
                    tabIndex: 0,
                    onClick: R(e, t),
                    onKeyUp: (n) => U({ event: n, item: e, beforeMenu: t }),
                    children: [
                      (0, a.tZ)(c.Z, { variant: "body2", children: e.title }),
                      (0, a.tZ)(u.Z, {}),
                    ],
                  },
                  e.id
                ),
              [R, U]
            ),
            N = (0, i.useCallback)(
              (e, t, n) => {
                e === A.Z6.ezpass.signUp &&
                  (0, w.j4)("isFromOtg", "Register On-the-Go Tag" === n),
                  Z(!1),
                  "EXTERNAL" !== t && g.pathname !== e && D({ isSpinner: !0 });
              },
              [Z, g, D]
            ),
            P = (0, i.useCallback)(
              (e) => {
                let { id: t, title: n, route: i } = e;
                return i
                  ? (0, a.BX)(
                      d.Z,
                      {
                        href: null == i ? void 0 : i.href,
                        onClick: () =>
                          N(
                            null == i ? void 0 : i.href,
                            null == i ? void 0 : i.type,
                            n
                          ),
                        children: [
                          (0, a.tZ)(c.Z, { variant: "body2", children: n }),
                          (null == i ? void 0 : i.type) === "EXTERNAL"
                            ? (0, a.tZ)(C, {})
                            : null,
                        ],
                      },
                      t
                    )
                  : (0, a.tZ)(c.Z, { variant: "body2", children: n });
              },
              [N]
            );
          return (0, a.BX)(y, {
            children: [
              "title" in E
                ? (0, a.BX)(b, {
                    children: [
                      (0, a.BX)(k, {
                        onClick: S,
                        children: [
                          (0, a.tZ)(p.Z, {}),
                          (0, a.tZ)(c.Z, {
                            variant: "body2",
                            children: h("buttons.back"),
                          }),
                        ],
                      }),
                      (0, a.tZ)(c.Z, { variant: "body2", children: E.title }),
                    ],
                  })
                : null,
              (0, a.tZ)(v, {
                children: Array.isArray(E)
                  ? E.map((e) => X(e, E))
                  : null == E
                  ? void 0
                  : null === (t = E.nestedItems) || void 0 === t
                  ? void 0
                  : t.map((e) => {
                      var t;
                      return (
                        null === (t = e.nestedItems) || void 0 === t
                          ? void 0
                          : t.length
                      )
                        ? X(e, E)
                        : P(e);
                    }),
              }),
            ],
          });
        });
    },
  },
]);
