smart-admin-web 10.15.0 → 10.20.1

package/dist/views/mfa/index2.vue.js

@@ -1,22 +1,30 @@
-import { defineComponent as J, ref as _, reactive as L, computed as W, openBlock as p, createElementBlock as C, createVNode as o, unref as e, withCtx as r, Fragment as P, createBlock as R, withKeys as S, createTextVNode as s, toDisplayString as c, createElementVNode as h, renderList as X } from "vue";
-import { useRoute as Y, useRouter as Z } from "vue-router";
-import { useMessage as ee, NCard as te, NSteps as oe, NStep as I, NForm as U, NAlert as g, NFormItem as v, NInput as b, NButton as f, NQrCode as ae } from "naive-ui";
-import { useI18n as re } from "vue-i18n";
-import { mfaApi as N } from "../../api/index.js";
-import { translateError as B } from "../../utils/error.js";
-import { triggerBlobDownload as le } from "../../utils/download.js";
-import { useUserStore as ne } from "../../stores/user.js";
-import { useAuthStore as ue } from "../../stores/auth.js";
-import { resetRouter as ce } from "../../router/index.js";
-import { takeRecoveryCodes as se } from "./bindComplete.js";
-const de = { class: "mfa-page" }, ie = { class: "mfa-header" }, me = { class: "mfa-qr-wrap" }, pe = { class: "mfa-manual-hint" }, fe = {
+import { defineComponent as ee, ref as k, reactive as K, computed as oe, openBlock as d, createBlock as x, withCtx as r, createElementVNode as p, toDisplayString as s, unref as e, createVNode as t, createTextVNode as u, createElementBlock as w, Fragment as S, renderList as M, withKeys as P, createCommentVNode as te } from "vue";
+import { useRoute as ae, useRouter as re } from "vue-router";
+import { useMessage as le, NButton as y, NSteps as ne, NStep as se, NForm as R, NAlert as h, NFormItem as b, NInput as g, NQrCode as ce } from "naive-ui";
+import { Icon as $ } from "@iconify/vue";
+import { useMediaQuery as ue } from "@vueuse/core";
+import { useI18n as ie } from "vue-i18n";
+import { mfaApi as U } from "../../api/index.js";
+import { translateError as N } from "../../utils/error.js";
+import { triggerBlobDownload as de } from "../../utils/download.js";
+import { useUserStore as me } from "../../stores/user.js";
+import { useAuthStore as fe } from "../../stores/auth.js";
+import { useSite as pe } from "../../composables/useSite.js";
+import { resetRouter as ye } from "../../router/index.js";
+import ve from "../../components/SmartLogo.vue.js";
+import we from "../login/components/LoginDesk.vue.js";
+import { takeRecoveryCodes as be } from "./bindComplete.js";
+const ge = { class: "login-logo" }, Ce = { class: "mfa-header" }, he = { class: "mfa-title" }, _e = { class: "mfa-qr-wrap" }, ke = { class: "mfa-manual-hint" }, xe = {
   key: 2,
   class: "recovery-codes"
-}, Ie = /* @__PURE__ */ J({
+}, Se = { class: "recovery-grid" }, ze = { class: "recovery-actions" }, Ie = { class: "login-foot" }, Pe = {
+  key: 0,
+  class: "login-foot-ver"
+}, Qe = /* @__PURE__ */ ee({
   __name: "index",
-  setup(ye) {
-    var K;
-    const { t } = re(), x = Y(), M = Z(), i = ee(), q = ne(), V = ue(), $ = x.query.mode === "recovery" ? "recovery" : "bind", w = _($), y = _(1), m = _(!1), k = _(!1), A = (typeof x.query.account == "string" ? x.query.account : "") || ((K = q.userInfo) == null ? void 0 : K.account) || "", a = L({
+  setup(Re) {
+    var H;
+    const { t: o } = ie(), z = ae(), j = re(), m = le(), B = me(), O = fe(), { site: q, appVersion: D } = pe(), Q = (/* @__PURE__ */ new Date()).getFullYear(), Y = ue("(max-width: 480px)"), G = z.query.mode === "recovery" ? "recovery" : "bind", C = k(G), v = k(1), f = k(!1), _ = k(!1), A = (typeof z.query.account == "string" ? z.query.account : "") || ((H = B.userInfo) == null ? void 0 : H.account) || "", a = K({
       account: A,
       currentPassword: "",
       bindChallengeId: "",
@@ -24,402 +32,440 @@ const de = { class: "mfa-page" }, ie = { class: "mfa-header" }, me = { class: "m
       seed: "",
       totpCode: "",
       recoveryCodes: []
-    }), d = L({
+    }), i = K({
       account: A,
       currentPassword: "",
       recoveryCode: ""
-    }), j = W(() => !!a.account.trim() && !!a.currentPassword);
-    async function T(u) {
+    }), J = oe(() => !!a.account.trim() && !!a.currentPassword);
+    async function T(c) {
       try {
-        await navigator.clipboard.writeText(u), i.success(t("mfa.copied"));
+        await navigator.clipboard.writeText(c), m.success(o("mfa.copied"));
       } catch {
-        i.error(t("mfa.copyFailed"));
+        m.error(o("mfa.copyFailed"));
       }
     }
-    function z() {
-      const u = a.account.trim() || "account", l = [
-        t("mfa.recoveryDownloadHeader", { account: u }),
+    function W() {
+      const c = a.account.trim() || "account", l = [
+        o("mfa.recoveryDownloadHeader", { account: c }),
         "",
         ...a.recoveryCodes,
         "",
-        t("mfa.recoveryDownloadFooter")
+        o("mfa.recoveryDownloadFooter")
       ], n = new Blob([l.join(`
-`)], { type: "text/plain;charset=utf-8" }), Q = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), G = u.replace(/[^\w.\-@]+/g, "_");
-      le(n, `smart-recovery-codes-${G}-${Q}.txt`), i.success(t("mfa.recoveryDownloaded"));
+`)], { type: "text/plain;charset=utf-8" }), I = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), Z = c.replace(/[^\w.\-@]+/g, "_");
+      de(n, `smart-recovery-codes-${Z}-${I}.txt`), m.success(o("mfa.recoveryDownloaded"));
     }
-    async function D() {
-      if (!j.value) {
-        i.warning(t("mfa.bindRequired"));
+    async function F() {
+      if (!J.value) {
+        m.warning(o("mfa.bindRequired"));
         return;
       }
-      m.value = !0;
+      f.value = !0;
       try {
-        const u = await N.bindStart({
+        const c = await U.bindStart({
           account: a.account.trim(),
           currentPassword: a.currentPassword
         });
-        if (a.bindChallengeId = u.bindChallengeId ?? "", a.otpauthUri = u.otpauthUri ?? "", a.seed = u.seed ?? "", !a.bindChallengeId || !a.otpauthUri || !a.seed)
-          throw new Error(t("mfa.bindStartResponseIncomplete"));
-        a.currentPassword = "", y.value = 2;
-      } catch (u) {
-        i.error(B(u));
+        if (a.bindChallengeId = c.bindChallengeId ?? "", a.otpauthUri = c.otpauthUri ?? "", a.seed = c.seed ?? "", !a.bindChallengeId || !a.otpauthUri || !a.seed)
+          throw new Error(o("mfa.bindStartResponseIncomplete"));
+        a.currentPassword = "", v.value = 2;
+      } catch (c) {
+        m.error(N(c));
       } finally {
-        m.value = !1;
+        f.value = !1;
       }
     }
-    async function E() {
+    async function L() {
       if (!a.totpCode) {
-        i.warning(t("mfa.codeRequired"));
+        m.warning(o("mfa.codeRequired"));
         return;
       }
-      m.value = !0;
+      f.value = !0;
       try {
-        const u = await N.bindComplete({
+        const c = await U.bindComplete({
           bindChallengeId: a.bindChallengeId,
           totpCode: a.totpCode
-        }), l = se(u);
-        if (!l) throw new Error(t("mfa.bindCompleteResponseIncomplete"));
-        a.recoveryCodes = l, a.seed = "", a.otpauthUri = "", a.totpCode = "", k.value = !0, y.value = 3;
-      } catch (u) {
-        i.error(B(u));
+        }), l = be(c);
+        if (!l) throw new Error(o("mfa.bindCompleteResponseIncomplete"));
+        a.recoveryCodes = l, a.seed = "", a.otpauthUri = "", a.totpCode = "", _.value = !0, v.value = 3;
+      } catch (c) {
+        m.error(N(c));
       } finally {
-        m.value = !1;
+        f.value = !1;
       }
     }
-    async function F() {
-      if (!d.account || !d.currentPassword || !d.recoveryCode) {
-        i.warning(t("mfa.recoveryRequired"));
+    async function V() {
+      if (!i.account || !i.currentPassword || !i.recoveryCode) {
+        m.warning(o("mfa.recoveryRequired"));
         return;
       }
-      m.value = !0;
+      f.value = !0;
       try {
-        await N.recovery(d), d.currentPassword = "", d.recoveryCode = "", k.value = !0;
-      } catch (u) {
-        i.error(B(u));
+        await U.recovery(i), i.currentPassword = "", i.recoveryCode = "", _.value = !0;
+      } catch (c) {
+        m.error(N(c));
       } finally {
-        m.value = !1;
+        f.value = !1;
       }
     }
-    function H() {
-      ce(), V.reset(), q.clear(), M.replace("/login");
+    function E() {
+      ye(), O.reset(), B.clear(), j.replace("/login");
     }
-    function O() {
-      w.value === "bind" && y.value === 3 && (a.recoveryCodes = [], y.value = 1), k.value = !1, w.value = w.value === "bind" ? "recovery" : "bind";
+    function X() {
+      C.value === "bind" && v.value === 3 && (a.recoveryCodes = [], v.value = 1), _.value = !1, C.value = C.value === "bind" ? "recovery" : "bind";
     }
-    return (u, l) => (p(), C("main", de, [
-      o(e(te), {
-        class: "mfa-card",
-        bordered: !0
-      }, {
-        header: r(() => [
-          h("div", ie, [
-            h("span", null, c(w.value === "bind" ? e(t)("mfa.bindTitle") : e(t)("mfa.recoveryTitle")), 1),
-            o(e(f), {
-              text: "",
-              type: "primary",
-              onClick: O
-            }, {
-              default: r(() => [
-                s(c(w.value === "bind" ? e(t)("mfa.useRecovery") : e(t)("mfa.backToBind")), 1)
-              ]),
-              _: 1
-            })
-          ])
+    return (c, l) => (d(), x(we, {
+      width: 440,
+      "content-style": "padding: 24px 26px 22px"
+    }, {
+      above: r(() => [
+        p("div", ge, [
+          t(ve, { size: 56 })
+        ])
+      ]),
+      after: r(() => [
+        p("p", Ie, [
+          p("span", null, "© " + s(e(Q)) + " " + s(e(q).copyright || e(q).title), 1),
+          e(D) ? (d(), w("span", Pe, "v" + s(e(D)), 1)) : te("", !0)
+        ])
+      ]),
+      default: r(() => [
+        p("div", Ce, [
+          p("div", he, s(C.value === "bind" ? e(o)("mfa.bindTitle") : e(o)("mfa.recoveryTitle")), 1),
+          t(e(y), {
+            text: "",
+            type: "primary",
+            class: "mfa-switch",
+            onClick: X
+          }, {
+            default: r(() => [
+              u(s(C.value === "bind" ? e(o)("mfa.useRecovery") : e(o)("mfa.backToBind")), 1)
+            ]),
+            _: 1
+          })
         ]),
-        default: r(() => [
-          w.value === "bind" ? (p(), C(P, { key: 0 }, [
-            o(e(oe), {
-              current: y.value,
-              size: "small",
-              style: { "margin-bottom": "24px" }
-            }, {
-              default: r(() => [
-                o(e(I), {
-                  title: e(t)("mfa.stepVerify")
-                }, null, 8, ["title"]),
-                o(e(I), {
-                  title: e(t)("mfa.stepAuthenticator")
-                }, null, 8, ["title"]),
-                o(e(I), {
-                  title: e(t)("mfa.stepRecovery")
-                }, null, 8, ["title"])
-              ]),
-              _: 1
-            }, 8, ["current"]),
-            y.value === 1 ? (p(), R(e(U), {
-              key: 0,
-              "label-placement": "top",
-              onKeyup: S(D, ["enter"])
-            }, {
-              default: r(() => [
-                o(e(g), {
-                  type: "info",
-                  bordered: !1,
-                  style: { "margin-bottom": "16px" }
-                }, {
-                  default: r(() => [
-                    s(c(e(t)("mfa.bindHint")), 1)
-                  ]),
-                  _: 1
-                }),
-                o(e(v), {
-                  label: e(t)("mfa.account")
-                }, {
-                  default: r(() => [
-                    o(e(b), {
-                      value: a.account,
-                      "onUpdate:value": l[0] || (l[0] = (n) => a.account = n),
-                      autocomplete: "username"
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(e(v), {
-                  label: e(t)("mfa.currentPassword")
-                }, {
-                  default: r(() => [
-                    o(e(b), {
-                      value: a.currentPassword,
-                      "onUpdate:value": l[1] || (l[1] = (n) => a.currentPassword = n),
-                      type: "password",
-                      "show-password-on": "click",
-                      autocomplete: "current-password"
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(e(f), {
-                  type: "primary",
-                  block: "",
-                  loading: m.value,
-                  onClick: D
-                }, {
-                  default: r(() => [
-                    s(c(e(t)("mfa.startBind")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["loading"])
-              ]),
-              _: 1
-            })) : y.value === 2 ? (p(), R(e(U), {
-              key: 1,
-              "label-placement": "top",
-              onKeyup: S(E, ["enter"])
-            }, {
-              default: r(() => [
-                o(e(g), {
-                  type: "info",
-                  bordered: !1,
-                  style: { "margin-bottom": "16px" }
-                }, {
-                  default: r(() => [
-                    s(c(e(t)("mfa.scanSetupHint")), 1)
-                  ]),
-                  _: 1
-                }),
-                h("div", me, [
-                  o(e(ae), {
-                    value: a.otpauthUri,
-                    size: 200,
-                    "error-correction-level": "M"
-                  }, null, 8, ["value"])
-                ]),
-                o(e(v), {
-                  label: e(t)("mfa.manualKey")
-                }, {
-                  default: r(() => [
-                    o(e(b), {
-                      value: a.seed,
-                      readonly: ""
-                    }, {
-                      suffix: r(() => [
-                        o(e(f), {
-                          text: "",
-                          type: "primary",
-                          onClick: l[2] || (l[2] = (n) => T(a.seed))
-                        }, {
-                          default: r(() => [
-                            s(c(e(t)("mfa.copy")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                h("p", pe, c(e(t)("mfa.manualSetupHint")), 1),
-                o(e(v), {
-                  label: e(t)("mfa.authenticatorCode")
-                }, {
-                  default: r(() => [
-                    o(e(b), {
-                      value: a.totpCode,
-                      "onUpdate:value": l[3] || (l[3] = (n) => a.totpCode = n),
-                      maxlength: 6,
-                      autocomplete: "one-time-code"
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(e(f), {
-                  type: "primary",
-                  block: "",
-                  loading: m.value,
-                  onClick: E
-                }, {
-                  default: r(() => [
-                    s(c(e(t)("mfa.completeBind")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["loading"])
-              ]),
-              _: 1
-            })) : (p(), C("div", fe, [
-              o(e(g), {
-                type: "warning",
-                bordered: !1,
-                style: { "margin-bottom": "16px" }
+        C.value === "bind" ? (d(), w(S, { key: 0 }, [
+          t(e(ne), {
+            current: v.value,
+            size: "small",
+            class: "mfa-steps"
+          }, {
+            default: r(() => [
+              (d(), w(S, null, M(["mfa.stepVerify", "mfa.stepAuthenticator", "mfa.stepRecovery"], (n, I) => t(e(se), {
+                key: n,
+                title: !e(Y) || v.value === I + 1 ? e(o)(n) : ""
+              }, null, 8, ["title"])), 64))
+            ]),
+            _: 1
+          }, 8, ["current"]),
+          v.value === 1 ? (d(), x(e(R), {
+            key: 0,
+            "label-placement": "top",
+            size: "large",
+            "show-feedback": !1,
+            onKeyup: P(F, ["enter"])
+          }, {
+            default: r(() => [
+              t(e(h), {
+                type: "info",
+                "show-icon": !0,
+                class: "mfa-alert"
               }, {
                 default: r(() => [
-                  s(c(e(t)("mfa.recoveryOnce")), 1)
+                  u(s(e(o)("mfa.bindHint")), 1)
                 ]),
                 _: 1
               }),
-              (p(!0), C(P, null, X(a.recoveryCodes, (n) => (p(), C("div", {
-                key: n,
-                class: "recovery-code"
-              }, c(n), 1))), 128)),
-              o(e(f), {
-                type: "primary",
-                block: "",
-                style: { "margin-top": "16px" },
-                onClick: z
+              t(e(b), {
+                label: e(o)("mfa.account")
               }, {
                 default: r(() => [
-                  s(c(e(t)("mfa.downloadCodes")), 1)
+                  t(e(g), {
+                    value: a.account,
+                    "onUpdate:value": l[0] || (l[0] = (n) => a.account = n),
+                    autocomplete: "username"
+                  }, null, 8, ["value"])
                 ]),
                 _: 1
-              }),
-              o(e(f), {
-                block: "",
-                style: { "margin-top": "8px" },
-                onClick: l[4] || (l[4] = (n) => T(a.recoveryCodes.join(`
-`)))
+              }, 8, ["label"]),
+              t(e(b), {
+                label: e(o)("mfa.currentPassword")
               }, {
                 default: r(() => [
-                  s(c(e(t)("mfa.copyAll")), 1)
+                  t(e(g), {
+                    value: a.currentPassword,
+                    "onUpdate:value": l[1] || (l[1] = (n) => a.currentPassword = n),
+                    type: "password",
+                    "show-password-on": "click",
+                    autocomplete: "current-password"
+                  }, null, 8, ["value"])
                 ]),
                 _: 1
-              }),
-              o(e(f), {
+              }, 8, ["label"]),
+              t(e(y), {
+                class: "cta mfa-submit",
+                type: "primary",
+                size: "large",
                 block: "",
-                style: { "margin-top": "8px" },
-                onClick: H
+                loading: f.value,
+                onClick: F
               }, {
                 default: r(() => [
-                  s(c(e(t)("mfa.backToLogin")), 1)
+                  u(s(e(o)("mfa.startBind")), 1)
                 ]),
                 _: 1
-              })
-            ]))
-          ], 64)) : k.value ? (p(), C(P, { key: 2 }, [
-            o(e(g), {
-              type: "success",
-              bordered: !1
-            }, {
-              default: r(() => [
-                s(c(e(t)("mfa.recoveryDone")), 1)
-              ]),
-              _: 1
-            }),
-            o(e(f), {
-              type: "primary",
-              block: "",
-              style: { "margin-top": "16px" },
-              onClick: H
-            }, {
-              default: r(() => [
-                s(c(e(t)("mfa.backToLogin")), 1)
-              ]),
-              _: 1
-            })
-          ], 64)) : (p(), R(e(U), {
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          })) : v.value === 2 ? (d(), x(e(R), {
             key: 1,
             "label-placement": "top",
-            onKeyup: S(F, ["enter"])
+            size: "large",
+            "show-feedback": !1,
+            onKeyup: P(L, ["enter"])
           }, {
             default: r(() => [
-              o(e(g), {
-                type: "warning",
-                bordered: !1,
-                style: { "margin-bottom": "16px" }
+              t(e(h), {
+                type: "info",
+                "show-icon": !0,
+                class: "mfa-alert"
               }, {
                 default: r(() => [
-                  s(c(e(t)("mfa.recoveryHint")), 1)
+                  u(s(e(o)("mfa.scanSetupHint")), 1)
                 ]),
                 _: 1
               }),
-              o(e(v), {
-                label: e(t)("mfa.account")
+              p("div", _e, [
+                t(e(ce), {
+                  value: a.otpauthUri,
+                  size: 200,
+                  "error-correction-level": "M",
+                  style: { "box-sizing": "content-box" }
+                }, null, 8, ["value"])
+              ]),
+              t(e(b), {
+                label: e(o)("mfa.manualKey")
               }, {
                 default: r(() => [
-                  o(e(b), {
-                    value: d.account,
-                    "onUpdate:value": l[5] || (l[5] = (n) => d.account = n),
-                    autocomplete: "username"
-                  }, null, 8, ["value"])
+                  t(e(g), {
+                    value: a.seed,
+                    readonly: "",
+                    class: "mfa-seed"
+                  }, {
+                    suffix: r(() => [
+                      t(e(y), {
+                        text: "",
+                        type: "primary",
+                        onClick: l[2] || (l[2] = (n) => T(a.seed))
+                      }, {
+                        default: r(() => [
+                          u(s(e(o)("mfa.copy")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              o(e(v), {
-                label: e(t)("mfa.currentPassword")
+              p("p", ke, s(e(o)("mfa.manualSetupHint")), 1),
+              t(e(b), {
+                label: e(o)("mfa.authenticatorCode")
               }, {
                 default: r(() => [
-                  o(e(b), {
-                    value: d.currentPassword,
-                    "onUpdate:value": l[6] || (l[6] = (n) => d.currentPassword = n),
-                    type: "password",
-                    "show-password-on": "click",
-                    autocomplete: "current-password"
+                  t(e(g), {
+                    value: a.totpCode,
+                    "onUpdate:value": l[3] || (l[3] = (n) => a.totpCode = n),
+                    maxlength: 6,
+                    autocomplete: "one-time-code"
                   }, null, 8, ["value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              o(e(v), {
-                label: e(t)("mfa.recoveryCode")
+              t(e(y), {
+                class: "cta mfa-submit",
+                type: "primary",
+                size: "large",
+                block: "",
+                loading: f.value,
+                onClick: L
               }, {
                 default: r(() => [
-                  o(e(b), {
-                    value: d.recoveryCode,
-                    "onUpdate:value": l[7] || (l[7] = (n) => d.recoveryCode = n),
-                    autocomplete: "one-time-code"
-                  }, null, 8, ["value"])
+                  u(s(e(o)("mfa.completeBind")), 1)
                 ]),
                 _: 1
-              }, 8, ["label"]),
-              o(e(f), {
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          })) : (d(), w("div", xe, [
+            t(e(h), {
+              type: "warning",
+              "show-icon": !0,
+              class: "mfa-alert"
+            }, {
+              default: r(() => [
+                u(s(e(o)("mfa.recoveryOnce")), 1)
+              ]),
+              _: 1
+            }),
+            p("div", Se, [
+              (d(!0), w(S, null, M(a.recoveryCodes, (n) => (d(), w("div", {
+                key: n,
+                class: "recovery-code"
+              }, s(n), 1))), 128))
+            ]),
+            p("div", ze, [
+              t(e(y), {
+                class: "cta",
                 type: "primary",
+                size: "large",
                 block: "",
-                loading: m.value,
-                onClick: F
+                onClick: W
               }, {
+                icon: r(() => [
+                  t(e($), {
+                    icon: "ph:download-simple",
+                    width: 18
+                  })
+                ]),
                 default: r(() => [
-                  s(c(e(t)("mfa.submitRecovery")), 1)
+                  u(" " + s(e(o)("mfa.downloadCodes")), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])
+              }),
+              t(e(y), {
+                secondary: "",
+                size: "large",
+                block: "",
+                onClick: l[4] || (l[4] = (n) => T(a.recoveryCodes.join(`
+`)))
+              }, {
+                icon: r(() => [
+                  t(e($), {
+                    icon: "ph:copy",
+                    width: 18
+                  })
+                ]),
+                default: r(() => [
+                  u(" " + s(e(o)("mfa.copyAll")), 1)
+                ]),
+                _: 1
+              }),
+              t(e(y), {
+                secondary: "",
+                size: "large",
+                block: "",
+                onClick: E
+              }, {
+                default: r(() => [
+                  u(s(e(o)("mfa.backToLogin")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]))
+        ], 64)) : _.value ? (d(), w(S, { key: 2 }, [
+          t(e(h), {
+            type: "success",
+            "show-icon": !0,
+            class: "mfa-alert"
+          }, {
+            default: r(() => [
+              u(s(e(o)("mfa.recoveryDone")), 1)
             ]),
             _: 1
-          }))
-        ]),
-        _: 1
-      })
-    ]));
+          }),
+          t(e(y), {
+            class: "cta",
+            type: "primary",
+            size: "large",
+            block: "",
+            onClick: E
+          }, {
+            default: r(() => [
+              u(s(e(o)("mfa.backToLogin")), 1)
+            ]),
+            _: 1
+          })
+        ], 64)) : (d(), x(e(R), {
+          key: 1,
+          "label-placement": "top",
+          size: "large",
+          "show-feedback": !1,
+          onKeyup: P(V, ["enter"])
+        }, {
+          default: r(() => [
+            t(e(h), {
+              type: "warning",
+              "show-icon": !0,
+              class: "mfa-alert"
+            }, {
+              default: r(() => [
+                u(s(e(o)("mfa.recoveryHint")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(b), {
+              label: e(o)("mfa.account")
+            }, {
+              default: r(() => [
+                t(e(g), {
+                  value: i.account,
+                  "onUpdate:value": l[5] || (l[5] = (n) => i.account = n),
+                  autocomplete: "username"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(b), {
+              label: e(o)("mfa.currentPassword")
+            }, {
+              default: r(() => [
+                t(e(g), {
+                  value: i.currentPassword,
+                  "onUpdate:value": l[6] || (l[6] = (n) => i.currentPassword = n),
+                  type: "password",
+                  "show-password-on": "click",
+                  autocomplete: "current-password"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(b), {
+              label: e(o)("mfa.recoveryCode")
+            }, {
+              default: r(() => [
+                t(e(g), {
+                  value: i.recoveryCode,
+                  "onUpdate:value": l[7] || (l[7] = (n) => i.recoveryCode = n),
+                  autocomplete: "one-time-code"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(y), {
+              class: "cta mfa-submit",
+              type: "primary",
+              size: "large",
+              block: "",
+              loading: f.value,
+              onClick: V
+            }, {
+              default: r(() => [
+                u(s(e(o)("mfa.submitRecovery")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  Ie as default
+  Qe as default
 };
 //# sourceMappingURL=index2.vue.js.map