(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [20571, 32417],
  {
    89572: function (e, t, r) {
      "use strict";
      var n = r(91941);
      t.Z = void 0;
      var a = n(r(64938)),
        i = r(85893),
        o = (0, a.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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z",
          }),
          "Error"
        );
      t.Z = o;
    },
    72450: function (e, t, r) {
      "use strict";
      var n = r(91941);
      t.Z = void 0;
      var a = n(r(64938)),
        i = r(85893),
        o = (0, a.default)(
          (0, i.jsx)("path", {
            d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",
          }),
          "VisibilityOff"
        );
      t.Z = o;
    },
    78462: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return h;
        },
      });
      var n = r(1048),
        a = r(32793),
        i = r(67294),
        o = r(63961),
        l = r(94780),
        s = r(90948),
        c = r(71657),
        u = r(59773),
        d = r(1588),
        p = r(34867);
      function getListUtilityClass(e) {
        return (0, p.Z)("MuiList", e);
      }
      (0, d.Z)("MuiList", ["root", "padding", "dense", "subheader"]);
      var f = r(85893);
      let g = [
          "children",
          "className",
          "component",
          "dense",
          "disablePadding",
          "subheader",
        ],
        useUtilityClasses = (e) => {
          let { classes: t, disablePadding: r, dense: n, subheader: a } = e;
          return (0, l.Z)(
            { root: ["root", !r && "padding", n && "dense", a && "subheader"] },
            getListUtilityClass,
            t
          );
        },
        Z = (0, s.ZP)("ul", {
          name: "MuiList",
          slot: "Root",
          overridesResolver: (e, t) => {
            let { ownerState: r } = e;
            return [
              t.root,
              !r.disablePadding && t.padding,
              r.dense && t.dense,
              r.subheader && t.subheader,
            ];
          },
        })(({ ownerState: e }) =>
          (0, a.Z)(
            { listStyle: "none", margin: 0, padding: 0, position: "relative" },
            !e.disablePadding && { paddingTop: 8, paddingBottom: 8 },
            e.subheader && { paddingTop: 0 }
          )
        ),
        m = i.forwardRef(function (e, t) {
          let r = (0, c.Z)({ props: e, name: "MuiList" }),
            {
              children: l,
              className: s,
              component: d = "ul",
              dense: p = !1,
              disablePadding: m = !1,
              subheader: h,
            } = r,
            b = (0, n.Z)(r, g),
            v = i.useMemo(() => ({ dense: p }), [p]),
            y = (0, a.Z)({}, r, { component: d, dense: p, disablePadding: m }),
            w = useUtilityClasses(y);
          return (0,
          f.jsx)(u.Z.Provider, { value: v, children: (0, f.jsxs)(Z, (0, a.Z)({ as: d, className: (0, o.Z)(w.root, s), ref: t, ownerState: y }, b, { children: [h, l] })) });
        });
      var h = m;
    },
    59773: function (e, t, r) {
      "use strict";
      var n = r(67294);
      let a = n.createContext({});
      t.Z = a;
    },
    63023: function (e, t) {
      "use strict";
      Symbol.for("react.element"),
        Symbol.for("react.portal"),
        Symbol.for("react.fragment"),
        Symbol.for("react.strict_mode"),
        Symbol.for("react.profiler"),
        Symbol.for("react.provider"),
        Symbol.for("react.context"),
        Symbol.for("react.server_context"),
        Symbol.for("react.forward_ref"),
        Symbol.for("react.suspense"),
        Symbol.for("react.suspense_list"),
        Symbol.for("react.memo"),
        Symbol.for("react.lazy"),
        Symbol.for("react.offscreen"),
        Symbol.for("react.module.reference");
    },
    76607: function (e, t, r) {
      "use strict";
      r(63023);
    },
    26608: function (e, t, r) {
      (window.__NEXT_P = window.__NEXT_P || []).push([
        "/ezpass/sign-in",
        function () {
          return r(94646);
        },
      ]);
    },
    76037: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return _;
        },
      });
      var n = r(35944),
        a = r(67294),
        i = r(87536),
        o = r(45531),
        l = r(74897),
        s = r(87357),
        c = r(15626),
        u = r(51233),
        d = r(93946),
        p = r(15861),
        f = r(72627),
        g = r(39554),
        Z = r(48903),
        m = r(32417),
        h = r(50326),
        b = r(56266),
        v = r(95921),
        y = r(23795),
        w = r(37259),
        S = r(90948);
      let k = (0, S.ZP)(s.Z, { target: "e1tb3je0" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            justifyContent: "space-between",
            margin: t.spacing(5, 0, 7, 0),
          };
        }),
        x = (0, S.ZP)(s.Z, { target: "e1tb3je1" })((e) => {
          let { theme: t } = e;
          return {
            display: "flex",
            alignItems: "center",
            justifyContent: "space-between",
            marginBottom: t.spacing(8),
          };
        }),
        C = (0, S.ZP)(w.Z, { target: "e1tb3je2" })({ letterSpacing: 1.6 }),
        M = (0, S.ZP)(p.Z, { target: "e1tb3je3" })((e) => {
          let { theme: t } = e;
          return {
            margin: t.spacing(2, 0, 4.5, 0),
            color: t.palette.text.secondary,
          };
        }),
        z = (0, S.ZP)(y.Z, { target: "e1tb3je4" })((e) => {
          let { theme: t } = e;
          return {
            margin: t.spacing(0, "auto"),
            cursor: "pointer",
            fontWeight: 600,
            textTransform: "uppercase",
            textDecoration: "unset",
          };
        }),
        P = (0, S.ZP)(p.Z, { target: "e1tb3je5" })((e) => {
          let { theme: t } = e;
          return { color: t.palette.text.dark };
        });
      var _ = (0, a.memo)((e) => {
        let {
            hasRememberMe: t = !0,
            hasFirstTimeLogin: r,
            username: y,
            loginHelpText: w,
            recoveryLinks: S,
            onSubmit: _,
            onCancel: B,
          } = e,
          { t: T } = (0, l.$G)("blocks/auth"),
          { t: E } = (0, l.$G)("common"),
          [I, L] = (0, a.useState)(!1),
          { resolver: F } = (0, o.z)(b.d),
          {
            resetField: j,
            control: X,
            handleSubmit: R,
            formState: { isValid: H },
            setValue: U,
          } = (0, i.cI)({ defaultValues: v.S, resolver: F });
        (0, a.useEffect)(() => {
          U("login", y || ""),
            U("isSaveUser", !!(null == y ? void 0 : y.length));
        }, [y, U]);
        let handleFormSubmit = async (e) => {
          L(!0), await (null == _ ? void 0 : _(e)), j("password"), L(!1);
        };
        return (0, n.BX)(s.Z, {
          children: [
            (0, n.tZ)(p.Z, {
              component: "p",
              mb: 4.5,
              children: T("enterYourCredentials"),
            }),
            (0, n.BX)("form", {
              onSubmit: R(handleFormSubmit),
              children: [
                (0, n.BX)(u.Z, {
                  children: [
                    (0, n.tZ)(g.Z, {
                      control: X,
                      id: "login",
                      isDisabled: I,
                      label: T("login"),
                      name: "login",
                      type: "text",
                      variant: "standard",
                    }),
                    (0, n.tZ)(M, { variant: "caption", children: w }),
                    (0, n.tZ)(g.Z, {
                      control: X,
                      id: "password",
                      isDisabled: I,
                      label: T("passwordPlaceholder"),
                      name: "password",
                      type: "password",
                      variant: "standard",
                    }),
                  ],
                }),
                (0, n.tZ)(k, { children: S }),
                t
                  ? (0, n.tZ)(x, {
                      children: (0, n.tZ)(f.Z, {
                        control: X,
                        id: "save-user",
                        isDisabled: I,
                        name: "isSaveUser",
                        label: (0, n.BX)(u.Z, {
                          alignItems: "center",
                          columnGap: 1,
                          direction: "row",
                          children: [
                            (0, n.tZ)(P, { children: T("keepLoggedIn") }),
                            (0, n.tZ)(Z.Z, {
                              placement: "bottom",
                              title: T("trustInfo"),
                              arrow: !0,
                              children: (0, n.tZ)(d.Z, {
                                children: (0, n.tZ)(m.default, {
                                  fontSize: "small",
                                }),
                              }),
                            }),
                          ],
                        }),
                        isFullWidth: !0,
                      }),
                    })
                  : null,
                (0, n.BX)(u.Z, {
                  gap: 11,
                  children: [
                    (0, n.tZ)(C, {
                      isDisabled: !H,
                      isLoading: I,
                      type: "submit",
                      variant: "contained",
                      children: T("loginButton"),
                    }),
                    r
                      ? (0, n.tZ)(u.Z, {
                          alignItems: "center",
                          children: (0, n.tZ)(c.Z, {
                            href: h.Z6.ezpass.activateAccountInformation,
                            children: (0, n.tZ)(p.Z, {
                              children: T("firstTimeLogin"),
                            }),
                          }),
                        })
                      : null,
                    (0, n.tZ)(z, {
                      color: "primary",
                      href: h.Z6.root,
                      onClick: B,
                      children: E("buttons.cancel"),
                    }),
                  ],
                }),
              ],
            }),
          ],
        });
      });
    },
    95921: function (e, t, r) {
      "use strict";
      r.d(t, {
        S: function () {
          return n;
        },
      });
      let n = { login: "", password: "", isSaveUser: !1 };
    },
    56266: function (e, t, r) {
      "use strict";
      r.d(t, {
        d: function () {
          return loginSchema;
        },
      });
      var n = r(63857);
      let loginSchema = () =>
        (0, n.l)({
          login: n.n.stringRequired(),
          password: n.n.stringRequired(),
          isSaveUser: n.n.boolean,
        });
    },
    32417: function (e, t, r) {
      "use strict";
      r.r(t),
        r.d(t, {
          default: function () {
            return InfoIcon;
          },
        });
      var n = r(35944),
        a = r(53219);
      function InfoIcon(e) {
        return (0, n.tZ)(a.Z, {
          ...e,
          viewBox: "0 0 18 18",
          children: (0, n.BX)("g", {
            fill: "#69207e",
            transform: "translate(-1272 -672)",
            children: [
              (0, n.tZ)("path", {
                d: "M1281 672a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 17.142a8.142 8.142 0 1 1 8.142-8.142 8.15 8.15 0 0 1-8.142 8.142Z",
              }),
              (0, n.tZ)("path", { d: "M1280.399 679.885h1.199v5.657h-1.199z" }),
              (0, n.tZ)("circle", {
                cx: ".942",
                cy: ".942",
                r: ".942",
                transform: "translate(1280.058 676.458)",
              }),
            ],
          }),
        });
      }
    },
    61624: function (e, t, r) {
      "use strict";
      r.d(t, {
        AW: function () {
          return l;
        },
        QE: function () {
          return s;
        },
        Zg: function () {
          return c;
        },
        zx: function () {
          return u;
        },
      });
      var n = r(51233),
        a = r(15861),
        i = r(37259),
        o = r(90948);
      let l = (0, o.ZP)(a.Z, { target: "e1rfg6270" })((e) => {
          let { theme: t } = e;
          return { padding: t.spacing(4, 0, 0), fontWeight: 600 };
        }),
        s = (0, o.ZP)(a.Z, { target: "e1rfg6271" })((e) => {
          let { theme: t } = e;
          return {
            display: "block",
            textAlign: "center",
            padding: t.spacing(4, 0, 0),
          };
        }),
        c = (0, o.ZP)(n.Z, { target: "e1rfg6272" })((e) => {
          let { theme: t } = e;
          return {
            gap: t.spacing(4),
            [t.breakpoints.only("xs")]: {
              flexDirection: "row-reverse",
              gap: t.spacing(1.5),
            },
          };
        }),
        u = (0, o.ZP)(i.Z, { target: "e1rfg6273" })((e) => {
          let { theme: t } = e;
          return {
            [t.breakpoints.only("xs")]: {
              border: "1px solid ".concat(
                t.palette.primary.main,
                " !important"
              ),
            },
          };
        });
    },
    51062: function (e, t, r) {
      "use strict";
      var n = r(35944),
        a = r(67294),
        i = r(74897),
        o = r(51233),
        l = r(14465),
        s = r(12047),
        c = r(61624);
      t.Z = (0, a.memo)((e) => {
        let {
            icon: t,
            title: r,
            content: u,
            subtitle: d,
            ariaLabel: p,
            bottomText: f,
            hasCloseIcon: g = !0,
            closeButtonLabel: Z,
            confirmButtonLabel: m,
            isReverseButton: h = !1,
            showCloseButton: b = !0,
            onClose: v,
            onConfirm: y,
            ...w
          } = e,
          { t: S } = (0, i.$G)("common"),
          [k, x] = (0, a.useState)(!1),
          C = (0, a.useCallback)(async () => {
            try {
              x(!0), await (null == y ? void 0 : y());
            } finally {
              x(!1);
            }
          }, [y]),
          M = (0, a.useCallback)(() => {
            null == v || v(), s.Z.close();
          }, [v]),
          z = (0, a.useMemo)(() => {
            let e = Z || (h ? S("buttons.yes") : S("buttons.cancel")),
              t = m || (h ? S("buttons.cancel") : S("buttons.yes"));
            return (0, n.BX)(c.Zg, {
              gap: 4,
              mb: 0.5,
              children: [
                (0, n.tZ)(c.zx, {
                  isDisabled: !!h && k,
                  isLoading: !h && k,
                  variant: "contained",
                  onClick: h ? M : C,
                  children: t,
                }),
                b &&
                  (0, n.tZ)(c.zx, {
                    isDisabled: !h && k,
                    isLoading: !!h && k,
                    onClick: h ? C : M,
                    children: e,
                  }),
              ],
            });
          }, [k, h, M, C, S, Z, m, b]);
        return (0, n.tZ)(l.Z, {
          hasCloseIcon: g,
          label: null != p ? p : r,
          onClose: v,
          ...w,
          children: (0, n.BX)(o.Z, {
            gap: 8,
            children: [
              (0, n.BX)(o.Z, {
                children: [
                  t
                    ? (0, n.tZ)(o.Z, {
                        alignItems: "center",
                        pb: 2.75,
                        children: t,
                      })
                    : null,
                  (0, n.tZ)(c.AW, {
                    align: "center",
                    component: "span",
                    id: p,
                    variant: "h4",
                    children: r,
                  }),
                  d ? (0, n.tZ)(c.QE, { children: d }) : null,
                  u ? (0, n.tZ)(c.QE, { mt: 2.75, children: u }) : null,
                ],
              }),
              z,
              f || null,
            ],
          }),
        });
      });
    },
    72627: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return u;
        },
      });
      var n = r(35944),
        a = r(87536),
        i = r(63908),
        o = r(67294),
        l = r(50480),
        s = r(13264);
      let c = (0, s.Z)(l.Z, {
        shouldForwardProp: (e) => "isFullWidth" !== e,
        target: "euonobh0",
      })((e) => {
        let { theme: t, isFullWidth: r, label: n } = e;
        return {
          gap: t.spacing(n ? 3 : 0),
          justifyContent: "space-between",
          margin: t.spacing(0),
          width: r ? "100%" : "initial",
        };
      });
      var u = (0, o.memo)((e) => {
        let {
          name: t,
          id: r = t,
          label: o,
          control: l,
          labelPlacement: s = "start",
          isDisabled: u,
          isFullWidth: d,
          onBlur: p,
          onChange: f,
          ...g
        } = e;
        return (0, n.tZ)(c, {
          isFullWidth: d,
          label: o,
          labelPlacement: s,
          control: (0, n.tZ)(a.Qr, {
            control: l,
            name: t,
            render: (e) => {
              let {
                field: { name: t, value: a, onChange: l, onBlur: s },
              } = e;
              return (0, n.tZ)(i.Z, {
                checked: a,
                disabled: u,
                id: r,
                label: o,
                value: t,
                onBlur: null != p ? p : s,
                onChange: null != f ? f : l,
                ...g,
              });
            },
          }),
        });
      });
    },
    89973: function (e, t, r) {
      "use strict";
      var n = r(35944),
        a = r(67294),
        i = r(87536),
        o = r(87397),
        l = r(48846);
      t.Z = (0, a.memo)((e) => {
        let {
            name: t,
            control: r,
            hasError: s,
            onBlur: c,
            onChange: u,
            onToggleValue: d,
            ...p
          } = e,
          f = (0, a.useCallback)(
            (e) => {
              "number" === p.type && l.lz.includes(e.key) && e.preventDefault();
            },
            [p.type]
          );
        return (0, n.tZ)(i.Qr, {
          control: r,
          name: t,
          render: (e) => {
            let {
                field: { onChange: t, onBlur: r, ...a },
                fieldState: { error: i },
              } = e,
              l =
                void 0 === s
                  ? !!(null == i ? void 0 : i.message)
                  : s && !!(null == i ? void 0 : i.message);
            return (0, n.tZ)(o.Z, {
              ...p,
              ...a,
              errorMessage: l ? (null == i ? void 0 : i.message) : "",
              hasError: l,
              InputLabelProps: { shrink: !!a.value },
              onBlur: null != c ? c : r,
              onChange: null != u ? u : t,
              onToggleValue: d,
              onKeyDown: (e) => {
                var t;
                f(e),
                  null == p ||
                    null === (t = p.onKeyDown) ||
                    void 0 === t ||
                    t.call(p, e);
              },
            });
          },
        });
      });
    },
    39554: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return n.Z;
        },
      });
      var n = r(89973);
    },
    88668: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return u;
        },
      });
      var n = r(35944),
        a = r(67294),
        i = r(51233),
        o = r(15861),
        l = r(89572),
        s = r(90948);
      let c = (0, s.ZP)(l.Z, { target: "eccwg3h0" })((e) => {
        let { theme: t } = e;
        return { fontSize: 22, fill: t.palette.error.dark };
      });
      var u = (0, a.memo)((e) => {
        let { errorText: t, hasErrorIcon: r } = e;
        return t
          ? (0, n.BX)(i.Z, {
              alignItems: "center",
              direction: "row",
              gap: 2,
              children: [
                r ? (0, n.tZ)(c, {}) : null,
                (0, n.tZ)(o.Z, {
                  color: "error",
                  variant: "caption",
                  children: t,
                }),
              ],
            })
          : null;
      });
    },
    48903: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return c;
        },
      });
      var n = r(35944),
        a = r(67294),
        i = r(21023),
        o = r(48831),
        l = r(90948);
      let s = (0, l.ZP)(o.Z, { target: "e11d4sts0" })((e) => {
        let { theme: t } = e;
        return {
          ".MuiTooltip-tooltip": {
            border: "1px solid ".concat(t.palette.divider),
            backgroundColor: t.palette.common.white,
            boxShadow: t.shadows[6],
            padding: t.spacing(2, 2),
          },
          ".MuiTooltip-arrow": { color: t.palette.primary.main },
        };
      });
      var c = (0, a.memo)((e) => {
        let { className: t, ...r } = e;
        return (0, n.tZ)(i.Z, {
          classes: { tooltip: t },
          PopperComponent: s,
          ...r,
        });
      });
    },
    63908: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return c;
        },
      });
      var n = r(35944),
        a = r(67294),
        i = r(45843),
        o = r(90948),
        l = r(41796);
      let s = (0, o.ZP)(i.Z, { target: "etnq7jh0" })((e) => {
        let { theme: t } = e;
        return {
          width: 50,
          height: 32,
          padding: 0,
          "& .MuiSwitch-switchBase": {
            padding: 0,
            margin: 2,
            transitionDuration: "300ms",
            "&.Mui-checked": {
              transform: "translateX(18px)",
              color: t.palette.background.default,
              "& + .MuiSwitch-track": {
                backgroundColor: t.palette.background.accent,
                opacity: 1,
                border: 0,
              },
              "&.Mui-disabled + .MuiSwitch-track": { opacity: 0.5 },
            },
            "&.Mui-focusVisible .MuiSwitch-thumb": {
              color: t.palette.background.accent,
              border: "6px solid #fff",
            },
            "&.Mui-disabled .MuiSwitch-thumb": {
              color:
                "light" === t.palette.mode
                  ? t.palette.grey[100]
                  : t.palette.grey[600],
            },
            "&.Mui-disabled + .MuiSwitch-track": { opacity: 0.7 },
          },
          "& .MuiSwitch-thumb": {
            width: 28,
            height: 28,
            boxSizing: "border-box",
            boxShadow: t.shadows[1],
            border: "0.5px solid ".concat(
              (0, l.Fq)(t.palette.common.black, 0.04)
            ),
          },
          "& .MuiSwitch-track": {
            borderRadius: 16,
            backgroundColor: t.palette.background.shadedGray,
            opacity: 1,
            transition: t.transitions.create(["background-color"], {
              duration: 500,
            }),
          },
        };
      });
      var c = (0, a.memo)((e) => {
        let { id: t, ...r } = e;
        return (0, n.tZ)(s, {
          focusVisibleClassName: ".Mui-focusVisible",
          id: t,
          disableRipple: !0,
          ...r,
        });
      });
    },
    87397: function (e, t, r) {
      "use strict";
      r.d(t, {
        Z: function () {
          return h;
        },
      });
      var n = r(35944),
        a = r(67294),
        i = r(74897),
        o = r(87109),
        l = r(88668),
        s = r(22961),
        c = r(72450),
        u = r(5918),
        d = r(50135),
        p = r(93946),
        f = r(90948);
      let g = (0, f.ZP)(d.Z, {
          shouldForwardProp: (e) => "isFullWidth" !== e,
          target: "e16tiem30",
        })((e) => {
          let { theme: t, isFullWidth: r } = e;
          return {
            flex: r ? 1 : "initial",
            width: r ? "100%" : "auto",
            ".MuiFormLabel-root": { color: t.palette.text.secondary },
            "& :-webkit-autofill": {
              WebkitBoxShadow: "0 0 0 1000px ".concat(
                t.palette.background.default,
                " inset"
              ),
            },
            "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
              { display: "none" },
            "& input[type=number]": { MozAppearance: "textfield" },
          };
        }),
        Z = (0, f.ZP)(p.Z, { target: "e16tiem31" })((e) => {
          let { theme: t } = e;
          return { svg: { fontSize: 24, fill: t.palette.icon.dark } };
        }),
        m = (0, a.forwardRef)((e, t) => {
          let {
              type: r,
              helperText: d,
              InputProps: p,
              errorMessage: f,
              hasError: m,
              hasErrorIcon: h,
              isDisabled: b,
              isFullWidth: v = !0,
              isControlShowValue: y,
              onToggleValue: w,
              ...S
            } = e,
            { t: k } = (0, i.$G)("errors"),
            [x, C] = (0, a.useState)(!1),
            M = (0, a.useMemo)(() => (f ? (0, u.d)(f, k) : null), [f, k]),
            z = (0, a.useCallback)(() => {
              C((e) => !e), null == w || w();
            }, [w]);
          return (0, n.tZ)(g, {
            ref: t,
            ...S,
            autoComplete: "password" === r ? "new-password" : "false",
            disabled: b,
            error: m,
            isFullWidth: v,
            type: x ? "text" : r,
            helperText: (0, n.tZ)(l.Z, {
              errorText: null != d ? d : M,
              hasErrorIcon: h,
            }),
            InputProps: {
              endAdornment:
                "password" === r || w
                  ? (0, n.tZ)(o.Z, {
                      position: "end",
                      children: (0, n.tZ)(Z, {
                        "aria-label": "toggle value visibility",
                        onClick: z,
                        children: (null != y ? y : x)
                          ? (0, n.tZ)(c.Z, {})
                          : (0, n.tZ)(s.Z, {}),
                      }),
                    })
                  : void 0,
              ...p,
            },
          });
        });
      var h = (0, a.memo)(m);
    },
    45531: function (e, t, r) {
      "use strict";
      r.d(t, {
        z: function () {
          return useFormSchema;
        },
      });
      var n = r(67294),
        a = r(47533);
      r(36620);
      let useFormSchema = function (e) {
        for (
          var t = arguments.length, r = Array(t > 1 ? t - 1 : 0), i = 1;
          i < t;
          i++
        )
          r[i - 1] = arguments[i];
        let o = (0, n.useMemo)(() => (0, a.X)(e(...r)), [e, r]);
        return { resolver: o };
      };
    },
    5918: function (e, t, r) {
      "use strict";
      r.d(t, {
        d: function () {
          return translateErrorMessage;
        },
      });
      let translateErrorMessage = (e, t) => {
        if (void 0 === e) return null;
        if ("string" == typeof e) return t(e);
        let { key: r, values: n } = e;
        return t(r, n);
      };
    },
    94646: function (e, t, r) {
      "use strict";
      r.r(t),
        r.d(t, {
          __N_SSP: function () {
            return C;
          },
          default: function () {
            return index_page;
          },
        });
      var n = r(35944),
        a = r(67294),
        i = r(11163),
        o = r(74897),
        l = r(76037),
        s = r(62792),
        c = r(89794),
        u = r(33152),
        d = r(33299),
        p = r(88282),
        f = r(50326),
        g = r(12526),
        Z = r(15626),
        m = r(65355),
        h = r(90948),
        b = r(5633);
      let v = (0, h.ZP)(m.Z, { target: "e8plzmd0" })((e) => {
          let { theme: t } = e;
          return {
            ["".concat(b.Bk)]: {
              padding: t.spacing(10),
              [t.breakpoints.only("xs")]: { padding: t.spacing(10, 0) },
            },
            ["".concat(b.rL)]: {
              paddingLeft: t.spacing(5),
              paddingRight: t.spacing(5),
            },
          };
        }),
        y = (0, h.ZP)(Z.Z, { target: "e8plzmd1" })((e) => {
          let { theme: t } = e;
          return { color: t.palette.text.accent, cursor: "pointer" };
        });
      var w = r(12047),
        S = r(51062),
        k = r(89327);
      let x = s.Z.buildToast({
        id: "ezpass-login-form",
        variant: "customError",
      });
      var ezpass_sign_in_container = (e) => {
          let { from: t } = e,
            r = (0, i.useRouter)(),
            { t: Z } = (0, o.$G)("pages/ezpass-auth"),
            { t: m } = (0, o.$G)("common");
          (0, a.useEffect)(() => {
            t && (0, u.j4)("redirectAfterLoginRoute", t);
          }, [t]);
          let h = (0, a.useMemo)(
              () => ((0, c.S)() ? (0, p.fp)("ezpassUsername") : ""),
              []
            ),
            b = (0, a.useMemo)(
              () =>
                (0, n.BX)(n.HY, {
                  children: [
                    (0, n.tZ)(y, {
                      href: f.Z6.ezpass.forgotUsername,
                      underline: "none",
                      children: Z("forgotUsername"),
                    }),
                    (0, n.tZ)(y, {
                      href: f.Z6.ezpass.forgotPassword,
                      underline: "none",
                      children: Z("forgotPassword"),
                    }),
                  ],
                }),
              [Z]
            ),
            C = (0, a.useCallback)(() => {
              s.Z.open({
                id: "ezpass-login-form",
                code: "default",
                variant: "customError",
              }),
                (0, u.gk)("isStatusCallValidationFailed");
            }, []);
          (0, a.useEffect)(() => {
            let e = (0, u.Kk)("isStatusCallValidationFailed");
            e && C();
          }, [C]);
          let M = (0, a.useCallback)(
              (e) => {
                var t;
                return null !==
                  (t = m("modal.multiSessionWarning.title", {
                    currentSession: e,
                  })) && void 0 !== t
                  ? t
                  : "";
              },
              [m]
            ),
            z = (0, a.useCallback)(
              (e, t) => {
                var r;
                return null !==
                  (r = m("modal.multiSessionWarning.text", {
                    currentSession: e,
                    newSession: t,
                  })) && void 0 !== r
                  ? r
                  : "";
              },
              [m]
            ),
            P = (0, a.useCallback)(
              (e) => {
                switch (e) {
                  case g.H.TBM:
                    return m("accountTypes.tollsByMail");
                  case g.H.EZPass:
                    return m("accountTypes.e-zpass");
                  case g.H.Fleet:
                    return m("accountTypes.fleet");
                  case g.H.STVA:
                    return m("accountTypes.stva");
                  case g.H.Retail:
                    return m("accountTypes.retailer");
                  default:
                    return "";
                }
              },
              [m]
            ),
            _ = (0, a.useCallback)(
              async (e) => {
                let { login: t, password: a, isSaveUser: i } = e;
                i
                  ? (0, p.IY)("ezpassUsername", t)
                  : (0, p.bZ)("ezpassUsername");
                let o = (0, p.fp)("ezpassMfaToken") || "",
                  l = await (0, d.getSession)();
                async function newSignIn() {
                  await (0, d.signIn)("".concat(g.H.EZPass), {
                    login: t,
                    password: a,
                    mfaToken: o,
                    redirect: !1,
                  })
                    .then(async (e) => {
                      if (null == e ? void 0 : e.error) x({ code: e.error });
                      else {
                        let e = await (0, d.getSession)();
                        await r.push(
                          (null == e ? void 0 : e.isSkipMFA)
                            ? f.Z6.ezpass.dashboard
                            : f.Z6.ezpass.deviceVerification
                        );
                      }
                    })
                    .catch((e) => x({ error: e }));
                }
                if (l && l.provider !== g.H.EZPass) {
                  var s, c;
                  w.Z.open(S.Z, {
                    icon: (0, n.tZ)(k.aN, {}),
                    title: M(
                      P(null !== (s = l.provider) && void 0 !== s ? s : "")
                    ),
                    subtitle: z(
                      P(null !== (c = l.provider) && void 0 !== c ? c : ""),
                      P(g.H.EZPass)
                    ),
                    isReverseButton: !0,
                    onConfirm: async () => {
                      await (0, d.signOut)({ redirect: !1 }),
                        await newSignIn().then(() => w.Z.close());
                    },
                  });
                } else await newSignIn();
              },
              [r, P, z, M]
            );
          return (0, n.tZ)(v, {
            backRoute: f.Z6.root,
            size: "sm",
            title: Z("pageHeader"),
            hasHeaderGradientMobile: !0,
            children: (0, n.tZ)(l.Z, {
              loginHelpText: Z("loginHelpText"),
              recoveryLinks: b,
              username: h,
              hasFirstTimeLogin: !0,
              onSubmit: _,
            }),
          });
        },
        C = !0,
        index_page = (e) => {
          let { from: t } = e;
          return (0, n.tZ)(ezpass_sign_in_container, { from: t });
        };
    },
  },
  function (e) {
    e.O(
      0,
      [
        14564, 78890, 87536, 32216, 36435, 48831, 21023, 88321, 63857, 49774,
        92888, 40179,
      ],
      function () {
        return e((e.s = 26608));
      }
    ),
      (_N_E = e.O());
  },
]);
