@jigowatts/jigowatts-ui 2.1.2 → 2.2.0

package/dist/components/TwoFaDialog/index.es.js

@@ -1,8 +1,8 @@
-import { jsxs as N, jsx as C } from "react/jsx-runtime";
-import b, { useState as H, useEffect as ge, useCallback as Z } from "react";
-import { CheckCircleOutline as pe, HelpOutline as Ee } from "@mui/icons-material";
-import { Dialog as Ce, DialogTitle as we, DialogContent as Me, Box as z, Typography as I, Divider as ye, Link as Re, IconButton as be, DialogActions as ve } from "@mui/material";
-import { useForm as Ae } from "react-hook-form";
+import { jsxs as I, jsx as C } from "react/jsx-runtime";
+import v, { useState as H, useEffect as pe, useCallback as Z } from "react";
+import { CheckCircleOutline as ge, HelpOutline as Ee } from "@mui/icons-material";
+import { Dialog as Ce, DialogTitle as we, DialogContent as Me, Box as F, Typography as N, Divider as ye, Link as Re, IconButton as ve, DialogActions as Ae } from "@mui/material";
+import { useForm as be } from "react-hook-form";
 import { Button as G } from "../Button/index.es.js";
 import { CopyableBox as Se, CopyIcon as Pe } from "../CopyableBox/index.es.js";
 import { ScrollableDialog as Ie } from "../ScrollableDialog/index.es.js";
@@ -30,14 +30,14 @@ var _e = Object.defineProperty, $ = Object.getOwnPropertySymbols, q = Object.pro
  */
 var T;
 ((u) => {
-  const l = class p {
+  const l = class g {
     /*-- Constructor (low level) and fields --*/
     // Creates a new QR Code with the given version number,
     // error correction level, data codeword bytes, and mask number.
     // This is a low-level API that most users should not use directly.
     // A mid-level API is the encodeSegments() function.
     constructor(e, o, t, r) {
-      if (this.version = e, this.errorCorrectionLevel = o, this.modules = [], this.isFunction = [], e < p.MIN_VERSION || e > p.MAX_VERSION)
+      if (this.version = e, this.errorCorrectionLevel = o, this.modules = [], this.isFunction = [], e < g.MIN_VERSION || e > g.MAX_VERSION)
         throw new RangeError("Version value out of range");
       if (r < -1 || r > 7)
         throw new RangeError("Mask value out of range");
@@ -57,7 +57,7 @@ var T;
           h < s && (r = m, s = h), this.applyMask(m);
         }
       }
-      g(0 <= r && r <= 7), this.mask = r, this.applyMask(r), this.drawFormatBits(r), this.isFunction = [];
+      p(0 <= r && r <= 7), this.mask = r, this.applyMask(r), this.drawFormatBits(r), this.isFunction = [];
     }
     /*-- Static factory functions (high level) --*/
     // Returns a QR Code representing the given Unicode text string at the given error correction level.
@@ -67,7 +67,7 @@ var T;
     // ecl argument if it can be done without increasing the version.
     static encodeText(e, o) {
       const t = u.QrSegment.makeSegments(e);
-      return p.encodeSegments(t, o);
+      return g.encodeSegments(t, o);
     }
     // Returns a QR Code representing the given binary data at the given error correction level.
     // This function always encodes using the binary segment mode, not any text mode. The maximum number of
@@ -75,7 +75,7 @@ var T;
     // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
     static encodeBinary(e, o) {
       const t = u.QrSegment.makeBytes(e);
-      return p.encodeSegments([t], o);
+      return g.encodeSegments([t], o);
     }
     /*-- Static factory functions (mid level) --*/
     // Returns a QR Code representing the given segments with the given encoding parameters.
@@ -88,11 +88,11 @@ var T;
     // between modes (such as alphanumeric and byte) to encode text in less space.
     // This is a mid-level API; the high-level API is encodeText() and encodeBinary().
     static encodeSegments(e, o, t = 1, r = 40, n = -1, a = !0) {
-      if (!(p.MIN_VERSION <= t && t <= r && r <= p.MAX_VERSION) || n < -1 || n > 7)
+      if (!(g.MIN_VERSION <= t && t <= r && r <= g.MAX_VERSION) || n < -1 || n > 7)
         throw new RangeError("Invalid value");
       let s, m;
       for (s = t; ; s++) {
-        const f = p.getNumDataCodewords(s, o) * 8, M = w.getTotalBits(e, s);
+        const f = g.getNumDataCodewords(s, o) * 8, M = w.getTotalBits(e, s);
         if (M <= f) {
           m = M;
           break;
@@ -100,23 +100,23 @@ var T;
         if (s >= r)
           throw new RangeError("Data too long");
       }
-      for (const f of [p.Ecc.MEDIUM, p.Ecc.QUARTILE, p.Ecc.HIGH])
-        a && m <= p.getNumDataCodewords(s, f) * 8 && (o = f);
+      for (const f of [g.Ecc.MEDIUM, g.Ecc.QUARTILE, g.Ecc.HIGH])
+        a && m <= g.getNumDataCodewords(s, f) * 8 && (o = f);
       let h = [];
       for (const f of e) {
         i(f.mode.modeBits, 4, h), i(f.numChars, f.mode.numCharCountBits(s), h);
         for (const M of f.getData())
           h.push(M);
       }
-      g(h.length == m);
-      const A = p.getNumDataCodewords(s, o) * 8;
-      g(h.length <= A), i(0, Math.min(4, A - h.length), h), i(0, (8 - h.length % 8) % 8, h), g(h.length % 8 == 0);
-      for (let f = 236; h.length < A; f ^= 253)
+      p(h.length == m);
+      const b = g.getNumDataCodewords(s, o) * 8;
+      p(h.length <= b), i(0, Math.min(4, b - h.length), h), i(0, (8 - h.length % 8) % 8, h), p(h.length % 8 == 0);
+      for (let f = 236; h.length < b; f ^= 253)
         i(f, 8, h);
       let R = [];
       for (; R.length * 8 < h.length; )
         R.push(0);
-      return h.forEach((f, M) => R[M >>> 3] |= f << 7 - (M & 7)), new p(s, o, R, n);
+      return h.forEach((f, M) => R[M >>> 3] |= f << 7 - (M & 7)), new g(s, o, R, n);
     }
     /*-- Accessor methods --*/
     // Returns the color of the module (pixel) at the given coordinates, which is false
@@ -149,7 +149,7 @@ var T;
       for (let n = 0; n < 10; n++)
         t = t << 1 ^ (t >>> 9) * 1335;
       const r = (o << 10 | t) ^ 21522;
-      g(r >>> 15 == 0);
+      p(r >>> 15 == 0);
       for (let n = 0; n <= 5; n++)
         this.setFunctionModule(8, n, c(r, n));
       this.setFunctionModule(8, 7, c(r, 6)), this.setFunctionModule(8, 8, c(r, 7)), this.setFunctionModule(7, 8, c(r, 8));
@@ -170,7 +170,7 @@ var T;
       for (let t = 0; t < 12; t++)
         e = e << 1 ^ (e >>> 11) * 7973;
       const o = this.version << 12 | e;
-      g(o >>> 18 == 0);
+      p(o >>> 18 == 0);
       for (let t = 0; t < 18; t++) {
         const r = c(o, t), n = this.size - 11 + t % 3, a = Math.floor(t / 3);
         this.setFunctionModule(n, a, r), this.setFunctionModule(a, n, r);
@@ -202,15 +202,15 @@ var T;
     // codewords appended to it, based on this object's version and error correction level.
     addEccAndInterleave(e) {
       const o = this.version, t = this.errorCorrectionLevel;
-      if (e.length != p.getNumDataCodewords(o, t))
+      if (e.length != g.getNumDataCodewords(o, t))
         throw new RangeError("Invalid argument");
-      const r = p.NUM_ERROR_CORRECTION_BLOCKS[t.ordinal][o], n = p.ECC_CODEWORDS_PER_BLOCK[t.ordinal][o], a = Math.floor(p.getNumRawDataModules(o) / 8), s = r - a % r, m = Math.floor(a / r);
+      const r = g.NUM_ERROR_CORRECTION_BLOCKS[t.ordinal][o], n = g.ECC_CODEWORDS_PER_BLOCK[t.ordinal][o], a = Math.floor(g.getNumRawDataModules(o) / 8), s = r - a % r, m = Math.floor(a / r);
       let h = [];
-      const A = p.reedSolomonComputeDivisor(n);
+      const b = g.reedSolomonComputeDivisor(n);
       for (let f = 0, M = 0; f < r; f++) {
         let P = e.slice(M, M + m - n + (f < s ? 0 : 1));
         M += P.length;
-        const D = p.reedSolomonComputeRemainder(P, A);
+        const D = g.reedSolomonComputeRemainder(P, b);
         f < s && P.push(0), h.push(P.concat(D));
       }
       let R = [];
@@ -218,12 +218,12 @@ var T;
         h.forEach((M, P) => {
           (f != m - n || P >= s) && R.push(M[f]);
         });
-      return g(R.length == a), R;
+      return p(R.length == a), R;
     }
     // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
     // data area of this QR Code. Function modules need to be marked off before this is called.
     drawCodewords(e) {
-      if (e.length != Math.floor(p.getNumRawDataModules(this.version) / 8))
+      if (e.length != Math.floor(g.getNumRawDataModules(this.version) / 8))
         throw new RangeError("Invalid argument");
       let o = 0;
       for (let t = this.size - 1; t >= 1; t -= 2) {
@@ -234,7 +234,7 @@ var T;
             !this.isFunction[m][a] && o < e.length * 8 && (this.modules[m][a] = c(e[o >>> 3], 7 - (o & 7)), o++);
           }
       }
-      g(o == e.length * 8);
+      p(o == e.length * 8);
     }
     // XORs the codeword modules in this QR Code with the given mask pattern.
     // The function modules must be marked and the codeword bits must be drawn
@@ -285,25 +285,25 @@ var T;
       for (let n = 0; n < this.size; n++) {
         let a = !1, s = 0, m = [0, 0, 0, 0, 0, 0, 0];
         for (let h = 0; h < this.size; h++)
-          this.modules[n][h] == a ? (s++, s == 5 ? e += p.PENALTY_N1 : s > 5 && e++) : (this.finderPenaltyAddHistory(s, m), a || (e += this.finderPenaltyCountPatterns(m) * p.PENALTY_N3), a = this.modules[n][h], s = 1);
-        e += this.finderPenaltyTerminateAndCount(a, s, m) * p.PENALTY_N3;
+          this.modules[n][h] == a ? (s++, s == 5 ? e += g.PENALTY_N1 : s > 5 && e++) : (this.finderPenaltyAddHistory(s, m), a || (e += this.finderPenaltyCountPatterns(m) * g.PENALTY_N3), a = this.modules[n][h], s = 1);
+        e += this.finderPenaltyTerminateAndCount(a, s, m) * g.PENALTY_N3;
       }
       for (let n = 0; n < this.size; n++) {
         let a = !1, s = 0, m = [0, 0, 0, 0, 0, 0, 0];
         for (let h = 0; h < this.size; h++)
-          this.modules[h][n] == a ? (s++, s == 5 ? e += p.PENALTY_N1 : s > 5 && e++) : (this.finderPenaltyAddHistory(s, m), a || (e += this.finderPenaltyCountPatterns(m) * p.PENALTY_N3), a = this.modules[h][n], s = 1);
-        e += this.finderPenaltyTerminateAndCount(a, s, m) * p.PENALTY_N3;
+          this.modules[h][n] == a ? (s++, s == 5 ? e += g.PENALTY_N1 : s > 5 && e++) : (this.finderPenaltyAddHistory(s, m), a || (e += this.finderPenaltyCountPatterns(m) * g.PENALTY_N3), a = this.modules[h][n], s = 1);
+        e += this.finderPenaltyTerminateAndCount(a, s, m) * g.PENALTY_N3;
       }
       for (let n = 0; n < this.size - 1; n++)
         for (let a = 0; a < this.size - 1; a++) {
           const s = this.modules[n][a];
-          s == this.modules[n][a + 1] && s == this.modules[n + 1][a] && s == this.modules[n + 1][a + 1] && (e += p.PENALTY_N2);
+          s == this.modules[n][a + 1] && s == this.modules[n + 1][a] && s == this.modules[n + 1][a + 1] && (e += g.PENALTY_N2);
         }
       let o = 0;
       for (const n of this.modules)
         o = n.reduce((a, s) => a + (s ? 1 : 0), o);
       const t = this.size * this.size, r = Math.ceil(Math.abs(o * 20 - t * 10) / t) - 1;
-      return g(0 <= r && r <= 9), e += r * p.PENALTY_N4, g(0 <= e && e <= 2568888), e;
+      return p(0 <= r && r <= 9), e += r * g.PENALTY_N4, p(0 <= e && e <= 2568888), e;
     }
     /*-- Private helper functions --*/
     // Returns an ascending list of positions of alignment patterns for this version number.
@@ -324,20 +324,20 @@ var T;
     // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
     // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
     static getNumRawDataModules(e) {
-      if (e < p.MIN_VERSION || e > p.MAX_VERSION)
+      if (e < g.MIN_VERSION || e > g.MAX_VERSION)
         throw new RangeError("Version number out of range");
       let o = (16 * e + 128) * e + 64;
       if (e >= 2) {
         const t = Math.floor(e / 7) + 2;
         o -= (25 * t - 10) * t - 55, e >= 7 && (o -= 36);
       }
-      return g(208 <= o && o <= 29648), o;
+      return p(208 <= o && o <= 29648), o;
     }
     // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
     // QR Code of the given version number and error correction level, with remainder bits discarded.
     // This stateless pure function could be implemented as a (40*4)-cell lookup table.
     static getNumDataCodewords(e, o) {
-      return Math.floor(p.getNumRawDataModules(e) / 8) - p.ECC_CODEWORDS_PER_BLOCK[o.ordinal][e] * p.NUM_ERROR_CORRECTION_BLOCKS[o.ordinal][e];
+      return Math.floor(g.getNumRawDataModules(e) / 8) - g.ECC_CODEWORDS_PER_BLOCK[o.ordinal][e] * g.NUM_ERROR_CORRECTION_BLOCKS[o.ordinal][e];
     }
     // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
     // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
@@ -351,8 +351,8 @@ var T;
       let t = 1;
       for (let r = 0; r < e; r++) {
         for (let n = 0; n < o.length; n++)
-          o[n] = p.reedSolomonMultiply(o[n], t), n + 1 < o.length && (o[n] ^= o[n + 1]);
-        t = p.reedSolomonMultiply(t, 2);
+          o[n] = g.reedSolomonMultiply(o[n], t), n + 1 < o.length && (o[n] ^= o[n + 1]);
+        t = g.reedSolomonMultiply(t, 2);
       }
       return o;
     }
@@ -361,7 +361,7 @@ var T;
       let t = o.map((r) => 0);
       for (const r of e) {
         const n = r ^ t.shift();
-        t.push(0), o.forEach((a, s) => t[s] ^= p.reedSolomonMultiply(a, n));
+        t.push(0), o.forEach((a, s) => t[s] ^= g.reedSolomonMultiply(a, n));
       }
       return t;
     }
@@ -373,13 +373,13 @@ var T;
       let t = 0;
       for (let r = 7; r >= 0; r--)
         t = t << 1 ^ (t >>> 7) * 285, t ^= (o >>> r & 1) * e;
-      return g(t >>> 8 == 0), t;
+      return p(t >>> 8 == 0), t;
     }
     // Can only be called immediately after a light run is added, and
     // returns either 0, 1, or 2. A helper function for getPenaltyScore().
     finderPenaltyCountPatterns(e) {
       const o = e[1];
-      g(o <= this.size * 3);
+      p(o <= this.size * 3);
       const t = o > 0 && e[2] == o && e[3] == o * 3 && e[4] == o && e[5] == o;
       return (t && e[0] >= o * 4 && e[6] >= o ? 1 : 0) + (t && e[6] >= o * 4 && e[0] >= o ? 1 : 0);
     }
@@ -424,7 +424,7 @@ var T;
   function c(E, e) {
     return (E >>> e & 1) != 0;
   }
-  function g(E) {
+  function p(E) {
     if (!E)
       throw new Error("Assertion error");
   }
@@ -539,8 +539,8 @@ var T;
     const i = class {
       // The QR Code can tolerate about 30% erroneous codewords
       /*-- Constructor and fields --*/
-      constructor(g, d) {
-        this.ordinal = g, this.formatBits = d;
+      constructor(p, d) {
+        this.ordinal = p, this.formatBits = d;
       }
     };
     i.LOW = new i(0, 1), i.MEDIUM = new i(1, 0), i.QUARTILE = new i(2, 3), i.HIGH = new i(3, 2), l.Ecc = i;
@@ -550,47 +550,47 @@ var T;
   ((l) => {
     const i = class {
       /*-- Constructor and fields --*/
-      constructor(g, d) {
-        this.modeBits = g, this.numBitsCharCount = d;
+      constructor(p, d) {
+        this.modeBits = p, this.numBitsCharCount = d;
       }
       /*-- Method --*/
       // (Package-private) Returns the bit width of the character count field for a segment in
       // this mode in a QR Code at the given version number. The result is in the range [0, 16].
-      numCharCountBits(g) {
-        return this.numBitsCharCount[Math.floor((g + 7) / 17)];
+      numCharCountBits(p) {
+        return this.numBitsCharCount[Math.floor((p + 7) / 17)];
       }
     };
     i.NUMERIC = new i(1, [10, 12, 14]), i.ALPHANUMERIC = new i(2, [9, 11, 13]), i.BYTE = new i(4, [8, 16, 16]), i.KANJI = new i(8, [8, 10, 12]), i.ECI = new i(7, [0, 0, 0]), l.Mode = i;
   })(u.QrSegment || (u.QrSegment = {}));
 })(T || (T = {}));
-var F = T;
+var B = T;
 /**
  * @license qrcode.react
  * Copyright (c) Paul O'Shannessy
  * SPDX-License-Identifier: ISC
  */
 var Oe = {
-  L: F.QrCode.Ecc.LOW,
-  M: F.QrCode.Ecc.MEDIUM,
-  Q: F.QrCode.Ecc.QUARTILE,
-  H: F.QrCode.Ecc.HIGH
+  L: B.QrCode.Ecc.LOW,
+  M: B.QrCode.Ecc.MEDIUM,
+  Q: B.QrCode.Ecc.QUARTILE,
+  H: B.QrCode.Ecc.HIGH
 }, te = 128, oe = "L", re = "#FFFFFF", ne = "#000000", ie = !1, se = 1, De = 4, Le = 0, Te = 0.1;
 function le(u, l = 0) {
   const i = [];
-  return u.forEach(function(c, g) {
+  return u.forEach(function(c, p) {
     let d = null;
     c.forEach(function(w, E) {
       if (!w && d !== null) {
         i.push(
-          `M${d + l} ${g + l}h${E - d}v1H${d + l}z`
+          `M${d + l} ${p + l}h${E - d}v1H${d + l}z`
         ), d = null;
         return;
       }
       if (E === c.length - 1) {
         if (!w)
           return;
-        d === null ? i.push(`M${E + l},${g + l} h1v1H${E + l}z`) : i.push(
-          `M${d + l},${g + l} h${E + 1 - d}v1H${d + l}z`
+        d === null ? i.push(`M${E + l},${p + l} h1v1H${E + l}z`) : i.push(
+          `M${d + l},${p + l} h${E + 1 - d}v1H${d + l}z`
         );
         return;
       }
@@ -599,16 +599,16 @@ function le(u, l = 0) {
   }), i.join("");
 }
 function ae(u, l) {
-  return u.slice().map((i, c) => c < l.y || c >= l.y + l.h ? i : i.map((g, d) => d < l.x || d >= l.x + l.w ? g : !1));
+  return u.slice().map((i, c) => c < l.y || c >= l.y + l.h ? i : i.map((p, d) => d < l.x || d >= l.x + l.w ? p : !1));
 }
 function xe(u, l, i, c) {
   if (c == null)
     return null;
-  const g = u.length + i * 2, d = Math.floor(l * Te), w = g / l, E = (c.width || d) * w, e = (c.height || d) * w, o = c.x == null ? u.length / 2 - E / 2 : c.x * w, t = c.y == null ? u.length / 2 - e / 2 : c.y * w, r = c.opacity == null ? 1 : c.opacity;
+  const p = u.length + i * 2, d = Math.floor(l * Te), w = p / l, E = (c.width || d) * w, e = (c.height || d) * w, o = c.x == null ? u.length / 2 - E / 2 : c.x * w, t = c.y == null ? u.length / 2 - e / 2 : c.y * w, r = c.opacity == null ? 1 : c.opacity;
   let n = null;
   if (c.excavate) {
-    let s = Math.floor(o), m = Math.floor(t), h = Math.ceil(E + o - s), A = Math.ceil(e + t - m);
-    n = { x: s, y: m, w: h, h: A };
+    let s = Math.floor(o), m = Math.floor(t), h = Math.ceil(E + o - s), b = Math.ceil(e + t - m);
+    n = { x: s, y: m, w: h, h: b };
   }
   const a = c.crossOrigin;
   return { x: o, y: t, h: e, w: E, excavation: n, opacity: r, crossOrigin: a };
@@ -621,14 +621,14 @@ function ce({
   level: l,
   minVersion: i,
   includeMargin: c,
-  marginSize: g,
+  marginSize: p,
   imageSettings: d,
   size: w,
   boostLevel: E
 }) {
-  let e = b.useMemo(() => {
-    const s = (Array.isArray(u) ? u : [u]).reduce((m, h) => (m.push(...F.QrSegment.makeSegments(h)), m), []);
-    return F.QrCode.encodeSegments(
+  let e = v.useMemo(() => {
+    const s = (Array.isArray(u) ? u : [u]).reduce((m, h) => (m.push(...B.QrSegment.makeSegments(h)), m), []);
+    return B.QrCode.encodeSegments(
       s,
       Oe[l],
       i,
@@ -637,9 +637,9 @@ function ce({
       E
     );
   }, [u, l, i, E]);
-  const { cells: o, margin: t, numCells: r, calculatedImageSettings: n } = b.useMemo(() => {
+  const { cells: o, margin: t, numCells: r, calculatedImageSettings: n } = v.useMemo(() => {
     let a = e.getModules();
-    const s = Fe(c, g), m = a.length + s * 2, h = xe(
+    const s = Fe(c, p), m = a.length + s * 2, h = xe(
       a,
       w,
       s,
@@ -651,7 +651,7 @@ function ce({
       numCells: m,
       calculatedImageSettings: h
     };
-  }, [e, w, d, c, g]);
+  }, [e, w, d, c, p]);
   return {
     qrcode: e,
     margin: t,
@@ -667,10 +667,10 @@ var Be = function() {
     return !1;
   }
   return !0;
-}(), ke = b.forwardRef(
+}(), ke = v.forwardRef(
   function(l, i) {
     const c = l, {
-      value: g,
+      value: p,
       size: d = te,
       level: w = oe,
       bgColor: E = re,
@@ -691,13 +691,13 @@ var Be = function() {
       "boostLevel",
       "marginSize",
       "imageSettings"
-    ]), { style: h } = m, A = Y(m, ["style"]), R = a == null ? void 0 : a.src, f = b.useRef(null), M = b.useRef(null), P = b.useCallback(
-      (v) => {
-        f.current = v, typeof i == "function" ? i(v) : i && (i.current = v);
+    ]), { style: h } = m, b = Y(m, ["style"]), R = a == null ? void 0 : a.src, f = v.useRef(null), M = v.useRef(null), P = v.useCallback(
+      (A) => {
+        f.current = A, typeof i == "function" ? i(A) : i && (i.current = A);
       },
       [i]
-    ), [D, U] = b.useState(!1), { margin: O, cells: B, numCells: x, calculatedImageSettings: S } = ce({
-      value: g,
+    ), [D, U] = v.useState(!1), { margin: O, cells: k, numCells: x, calculatedImageSettings: S } = ce({
+      value: p,
       level: w,
       minVersion: t,
       boostLevel: r,
@@ -706,38 +706,38 @@ var Be = function() {
       imageSettings: a,
       size: d
     });
-    b.useEffect(() => {
+    v.useEffect(() => {
       if (f.current != null) {
-        const v = f.current, _ = v.getContext("2d");
+        const A = f.current, _ = A.getContext("2d");
         if (!_)
           return;
-        let W = B;
-        const k = M.current, X = S != null && k !== null && k.complete && k.naturalHeight !== 0 && k.naturalWidth !== 0;
+        let W = k;
+        const z = M.current, X = S != null && z !== null && z.complete && z.naturalHeight !== 0 && z.naturalWidth !== 0;
         X && S.excavation != null && (W = ae(
-          B,
+          k,
           S.excavation
         ));
         const j = window.devicePixelRatio || 1;
-        v.height = v.width = d * j;
+        A.height = A.width = d * j;
         const K = d / x * j;
-        _.scale(K, K), _.fillStyle = E, _.fillRect(0, 0, x, x), _.fillStyle = e, Be ? _.fill(new Path2D(le(W, O))) : B.forEach(function(he, de) {
+        _.scale(K, K), _.fillStyle = E, _.fillRect(0, 0, x, x), _.fillStyle = e, Be ? _.fill(new Path2D(le(W, O))) : k.forEach(function(he, de) {
           he.forEach(function(fe, me) {
             fe && _.fillRect(me + O, de + O, 1, 1);
           });
         }), S && (_.globalAlpha = S.opacity), X && _.drawImage(
-          k,
+          z,
           S.x + O,
           S.y + O,
           S.w,
           S.h
         );
       }
-    }), b.useEffect(() => {
+    }), v.useEffect(() => {
       U(!1);
     }, [R]);
     const Q = V({ height: d, width: d }, h);
     let L = null;
-    return R != null && (L = /* @__PURE__ */ b.createElement(
+    return R != null && (L = /* @__PURE__ */ v.createElement(
       "img",
       {
         src: R,
@@ -749,7 +749,7 @@ var Be = function() {
         ref: M,
         crossOrigin: S == null ? void 0 : S.crossOrigin
       }
-    )), /* @__PURE__ */ b.createElement(b.Fragment, null, /* @__PURE__ */ b.createElement(
+    )), /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(
       "canvas",
       V({
         style: Q,
@@ -757,15 +757,15 @@ var Be = function() {
         width: d,
         ref: P,
         role: "img"
-      }, A)
+      }, b)
     ), L);
   }
 );
 ke.displayName = "QRCodeCanvas";
-var ue = b.forwardRef(
+var ue = v.forwardRef(
   function(l, i) {
     const c = l, {
-      value: g,
+      value: p,
       size: d = te,
       level: w = oe,
       bgColor: E = re,
@@ -788,8 +788,8 @@ var ue = b.forwardRef(
       "title",
       "marginSize",
       "imageSettings"
-    ]), { margin: h, cells: A, numCells: R, calculatedImageSettings: f } = ce({
-      value: g,
+    ]), { margin: h, cells: b, numCells: R, calculatedImageSettings: f } = ce({
+      value: p,
       level: w,
       minVersion: t,
       boostLevel: r,
@@ -798,11 +798,11 @@ var ue = b.forwardRef(
       imageSettings: s,
       size: d
     });
-    let M = A, P = null;
+    let M = b, P = null;
     s != null && f != null && (f.excavation != null && (M = ae(
-      A,
+      b,
       f.excavation
-    )), P = /* @__PURE__ */ b.createElement(
+    )), P = /* @__PURE__ */ v.createElement(
       "image",
       {
         href: s.src,
@@ -816,7 +816,7 @@ var ue = b.forwardRef(
       }
     ));
     const D = le(M, h);
-    return /* @__PURE__ */ b.createElement(
+    return /* @__PURE__ */ v.createElement(
       "svg",
       V({
         height: d,
@@ -825,8 +825,8 @@ var ue = b.forwardRef(
         ref: i,
         role: "img"
       }, m),
-      !!n && /* @__PURE__ */ b.createElement("title", null, n),
-      /* @__PURE__ */ b.createElement(
+      !!n && /* @__PURE__ */ v.createElement("title", null, n),
+      /* @__PURE__ */ v.createElement(
         "path",
         {
           fill: E,
@@ -834,7 +834,7 @@ var ue = b.forwardRef(
           shapeRendering: "crispEdges"
         }
       ),
-      /* @__PURE__ */ b.createElement("path", { fill: e, d: D, shapeRendering: "crispEdges" }),
+      /* @__PURE__ */ v.createElement("path", { fill: e, d: D, shapeRendering: "crispEdges" }),
       P
     );
   }
@@ -872,7 +872,7 @@ const ze = {
     open: l,
     qrUrl: i,
     secretKey: c,
-    onCloseDialog: g,
+    onCloseDialog: p,
     onSubmit: d,
     showSkipButton: w = !1,
     dictionary: E
@@ -883,65 +883,65 @@ const ze = {
     setError: n,
     watch: a,
     formState: { errors: s }
-  } = Ae({
+  } = be({
     defaultValues: { code: Array(6).fill("") },
     mode: "onSubmit"
-  }), [m, h] = H(!1), [A, R] = H(""), [f, M] = H(!1), [P, D] = H(!1), U = (L) => {
+  }), [m, h] = H(!1), [b, R] = H(""), [f, M] = H(!1), [P, D] = H(!1), U = (L) => {
     n("root.server", {
       type: "serverError",
       message: L
     });
   };
-  ge(() => {
+  pe(() => {
     l && (r({ code: Array(6).fill("") }), h(!1), M(!1));
   }, [l, r]);
   const O = Z(async () => {
     const L = a("code").join("");
     M(!0);
     try {
-      const v = await d(L);
-      v !== void 0 && v !== "" && (R(v), h(!0));
-    } catch (v) {
+      const A = await d(L);
+      A !== void 0 && A !== "" && (R(A), h(!0));
+    } catch (A) {
       r({ code: Array(6).fill("") }), U(
-        v instanceof Error ? v.message : "予期せぬエラーが発生しました"
+        A instanceof Error ? A.message : "予期せぬエラーが発生しました"
       );
     } finally {
       M(!1);
     }
-  }, [d, r, a]), B = Z(
-    (L, v) => {
-      (w || f) && v === "backdropClick" || g("cancel");
+  }, [d, r, a]), k = Z(
+    (L, A) => {
+      (w || f) && A === "backdropClick" || p("cancel");
     },
-    [w, f, g]
+    [w, f, p]
   ), x = () => {
     D(!0);
   }, S = () => {
     D(!1);
   };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ I(
     Ce,
     {
       open: l,
-      onClose: B,
+      onClose: k,
       scroll: "paper",
       "aria-labelledby": "scroll-dialog-title",
       "aria-describedby": "scroll-dialog-description",
       children: [
         /* @__PURE__ */ C(we, { id: "scroll-dialog-title", children: e.dialog_title }),
-        /* @__PURE__ */ N("form", { onSubmit: t(O), children: [
+        /* @__PURE__ */ I("form", { onSubmit: t(O), children: [
           /* @__PURE__ */ C(Me, { dividers: !0, children: m ? (
             // バックアップコード表示画面
-            /* @__PURE__ */ N(
-              z,
+            /* @__PURE__ */ I(
+              F,
               {
                 sx: { maxWidth: "400px", margin: "0 auto", textAlign: "center" },
                 children: [
-                  /* @__PURE__ */ C(pe, { color: "success", sx: { fontSize: 100 } }),
-                  /* @__PURE__ */ C(I, { variant: "h6", children: e.two_fa_complete }),
+                  /* @__PURE__ */ C(ge, { color: "success", sx: { fontSize: 100 } }),
+                  /* @__PURE__ */ C(N, { variant: "h6", children: e.two_fa_complete }),
                   /* @__PURE__ */ C(ye, { sx: { margin: "16px 0" } }),
-                  /* @__PURE__ */ C(I, { variant: "h6", children: e.backup_code_info }),
+                  /* @__PURE__ */ C(N, { variant: "h6", children: e.backup_code_info }),
                   /* @__PURE__ */ C(
-                    I,
+                    N,
                     {
                       variant: "body2",
                       align: "left",
@@ -949,15 +949,15 @@ const ze = {
                       children: e.backup_code_description
                     }
                   ),
-                  /* @__PURE__ */ C(Se, { text: A })
+                  /* @__PURE__ */ C(Se, { text: b })
                 ]
               }
             )
           ) : (
             // 二段階認証適用画面
-            /* @__PURE__ */ N(z, { sx: { maxWidth: "400px", margin: "0 auto" }, children: [
+            /* @__PURE__ */ I(F, { sx: { maxWidth: "400px", margin: "0 auto" }, children: [
               /* @__PURE__ */ C(
-                I,
+                N,
                 {
                   variant: "body1",
                   align: "left",
@@ -965,8 +965,8 @@ const ze = {
                   children: e.step1
                 }
               ),
-              /* @__PURE__ */ N(
-                I,
+              /* @__PURE__ */ I(
+                N,
                 {
                   "data-testid": "step1-description",
                   variant: "body2",
@@ -984,7 +984,7 @@ const ze = {
                       }
                     ),
                     /* @__PURE__ */ C(
-                      be,
+                      ve,
                       {
                         "aria-label": "help",
                         size: "small",
@@ -998,8 +998,8 @@ const ze = {
                   ]
                 }
               ),
-              /* @__PURE__ */ N(
-                z,
+              /* @__PURE__ */ I(
+                F,
                 {
                   sx: {
                     display: "flex",
@@ -1013,7 +1013,7 @@ const ze = {
                   },
                   children: [
                     /* @__PURE__ */ C(ue, { value: i }),
-                    /* @__PURE__ */ N(I, { variant: "body2", sx: { marginTop: "16px" }, children: [
+                    /* @__PURE__ */ I(N, { variant: "body2", sx: { marginTop: "16px" }, children: [
                       c,
                       /* @__PURE__ */ C(Pe, { text: c })
                     ] })
@@ -1021,7 +1021,7 @@ const ze = {
                 }
               ),
               /* @__PURE__ */ C(
-                I,
+                N,
                 {
                   variant: "body1",
                   align: "left",
@@ -1030,7 +1030,7 @@ const ze = {
                 }
               ),
               /* @__PURE__ */ C(
-                I,
+                N,
                 {
                   variant: "body2",
                   align: "left",
@@ -1038,8 +1038,8 @@ const ze = {
                   children: e.step2_description
                 }
               ),
-              /* @__PURE__ */ N(z, { sx: { padding: "16px 0" }, children: [
-                /* @__PURE__ */ N(z, { mb: 2, children: [
+              /* @__PURE__ */ I(F, { sx: { padding: "16px 0" }, children: [
+                /* @__PURE__ */ I(F, { mb: 2, children: [
                   /* @__PURE__ */ C(
                     Ne,
                     {
@@ -1051,7 +1051,7 @@ const ze = {
                     }
                   ),
                   ((Q = s.root) == null ? void 0 : Q.server) && /* @__PURE__ */ C(
-                    I,
+                    N,
                     {
                       variant: "body2",
                       color: "error",
@@ -1062,7 +1062,7 @@ const ze = {
                   )
                 ] }),
                 w && /* @__PURE__ */ C(
-                  I,
+                  N,
                   {
                     variant: "caption",
                     align: "center",
@@ -1075,14 +1075,14 @@ const ze = {
               ] })
             ] })
           ) }),
-          /* @__PURE__ */ N(ve, { children: [
+          /* @__PURE__ */ I(Ae, { children: [
             /* @__PURE__ */ C(
               G,
               {
                 type: "button",
                 color: "normal",
                 disabled: f,
-                onClick: () => g(
+                onClick: () => p(
                   m ? "cancel" : w ? "skip" : "cancel"
                 ),
                 children: m ? e.close : w ? e.skip : e.cancel
@@ -1108,9 +1108,9 @@ const ze = {
             onCloseDialog: S,
             dialogTitle: e.help_dialog_title,
             dialogContent: /* @__PURE__ */ C(
-              I,
+              F,
               {
-                variant: "body1",
+                component: "div",
                 id: "help-dialog-description",
                 sx: { whiteSpace: "pre-line" },
                 children: e.help_dialog_description