From f4eb72c1781084de7473a9943383f57c3208656e Mon Sep 17 00:00:00 2001 From: sim1222 Date: Thu, 17 Apr 2025 12:57:00 +0900 Subject: [PATCH] biome unsafe fix --- ..._Player_Ove-59cc90.a810eba2a0194c5f16e6.ts | 785 +++++++++--------- 1 file changed, 393 insertions(+), 392 deletions(-) diff --git a/src/cdn.nnn.ed.nico/tenjin_pc/assets/ohtomi/src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.ts b/src/cdn.nnn.ed.nico/tenjin_pc/assets/ohtomi/src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.ts index 0f9e2d7..5ef92ff 100644 --- a/src/cdn.nnn.ed.nico/tenjin_pc/assets/ohtomi/src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.ts +++ b/src/cdn.nnn.ed.nico/tenjin_pc/assets/ohtomi/src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.ts @@ -2,29 +2,29 @@ /*! @ohtomi-preamble version: 8.1.0, name:src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90 */ try { const e = - "undefined" != typeof window - ? window - : "undefined" != typeof global - ? global - : "undefined" != typeof globalThis - ? globalThis - : "undefined" != typeof self - ? self - : {}, - t = new e.Error().stack; + "undefined" !== typeof window + ? window + : "undefined" !== typeof global + ? global + : "undefined" !== typeof globalThis + ? globalThis + : "undefined" !== typeof self + ? self + : {}; + const t = new e.Error().stack; t && ((e._sentryDebugIds = e._sentryDebugIds || {}), (e._sentryDebugIds[t] = "78ff2760-29f1-40c0-a35f-3f4f11d9a7f9"), (e._sentryDebugIdIdentifier = "sentry-dbid-78ff2760-29f1-40c0-a35f-3f4f11d9a7f9")); } catch (e) {} -("undefined" != typeof window +("undefined" !== typeof window ? window - : "undefined" != typeof global + : "undefined" !== typeof global ? global - : "undefined" != typeof globalThis + : "undefined" !== typeof globalThis ? globalThis - : "undefined" != typeof self + : "undefined" !== typeof self ? self : {}).SENTRY_RELEASE = { id: "ohtomi@8.1.0" }; (self.webpackChunkOhtomi = self.webpackChunkOhtomi || []).push([ @@ -34,72 +34,72 @@ try { { 98024: (e, t, n) => { n.d(t, { B: () => o }); - var a = n(96540); + const a = n(96540); function o({ disabled: e = !1, storedDevice: t } = {}) { - const [n, o] = (0, a.useState)(null), - [inputDevices, setInputDevices] = (0, a.useState)([]), - [s, c] = (0, a.useState)(), - l = (0, a.useCallback)(async () => { - try { + const [n, o] = (0, a.useState)(null); + const [inputDevices, setInputDevices] = (0, a.useState)([]); + const [s, c] = (0, a.useState)(); + const l = (0, a.useCallback)(async () => { + try { + await navigator.mediaDevices + .getUserMedia({ video: !0 }) + .then((mediaStream) => { + mediaStream.getTracks().forEach((mediaTrack) => { + mediaStream.removeTrack(mediaTrack), mediaTrack.stop(); + }); + }), await navigator.mediaDevices - .getUserMedia({ video: !0 }) - .then((mediaStream) => { - mediaStream.getTracks().forEach((mediaTrack) => { - mediaStream.removeTrack(mediaTrack), mediaTrack.stop(); - }); - }), - await navigator.mediaDevices - .enumerateDevices() - .then((MediaDevices) => { - o(null); - const videoInputDevices = MediaDevices.filter( - (mediaDevice) => mediaDevice.kind === "videoinput" && mediaDevice.label !== "", - ); - if ( - (setInputDevices(videoInputDevices), - !s || - !videoInputDevices.some( - (e) => - e.deviceId === s.deviceId || e.label === s.label, - )) - ) { - var a, r; - const e = - null !== - (a = - null !== - (r = videoInputDevices.find( - ({ deviceId: e }) => - e === (null == t ? void 0 : t.deviceId), - )) && void 0 !== r - ? r - : videoInputDevices.find( - ({ label: e }) => - e === (null == t ? void 0 : t.label), - )) && void 0 !== a - ? a - : videoInputDevices[0]; - if (null == e) - throw new Error( - "利用可能なカメラデバイスが存在しません", - ); - c(e); - } - }); - } catch (e) { - o(e); - } - }, [ - s, - null == t ? void 0 : t.deviceId, - null == t ? void 0 : t.label, - ]), - d = (0, a.useCallback)( - (e) => { - c(null == inputDevices ? void 0 : inputDevices.find((t) => t.deviceId === e)); - }, - [inputDevices], - ); + .enumerateDevices() + .then((MediaDevices) => { + o(null); + const videoInputDevices = MediaDevices.filter( + (mediaDevice) => + mediaDevice.kind === "videoinput" && + mediaDevice.label !== "", + ); + if ( + (setInputDevices(videoInputDevices), + !s || + !videoInputDevices.some( + (e) => e.deviceId === s.deviceId || e.label === s.label, + )) + ) { + let a; + let r; + const e = + null !== + (a = + null !== + (r = videoInputDevices.find( + ({ deviceId: e }) => + e === (null == t ? void 0 : t.deviceId), + )) && void 0 !== r + ? r + : videoInputDevices.find( + ({ label: e }) => + e === (null == t ? void 0 : t.label), + )) && void 0 !== a + ? a + : videoInputDevices[0]; + if (null == e) + throw new Error("利用可能なカメラデバイスが存在しません"); + c(e); + } + }); + } catch (e) { + o(e); + } + }, [s, null == t ? void 0 : t.deviceId, null == t ? void 0 : t.label]); + const d = (0, a.useCallback)( + (e) => { + c( + null == inputDevices + ? void 0 + : inputDevices.find((t) => t.deviceId === e), + ); + }, + [inputDevices], + ); return ( (0, a.useEffect)( () => @@ -114,107 +114,112 @@ try { )), [e, l], ), - { error: n, availableDevices: inputDevices, currentDevice: s, select: d } + { + error: n, + availableDevices: inputDevices, + currentDevice: s, + select: d, + } ); } }, 81801: (e, t, n) => { n.d(t, { y: () => i }); - var a = n(96540), - o = n(78685); + const a = n(96540); + const o = n(78685); const r = "camera-device"; function i() { const [e, t] = (0, o.A)(r, void 0, { - raw: !1, - serializer: (e) => JSON.stringify(e), - deserializer: (e) => JSON.parse(e), - }), - n = (0, a.useCallback)((e) => t(e), [t]); + raw: !1, + serializer: (e) => JSON.stringify(e), + deserializer: (e) => JSON.parse(e), + }); + const n = (0, a.useCallback)((e) => t(e), [t]); return { device: e, save: n }; } }, 77177: (e, t, n) => { n.d(t, { j: () => C }); - var a = n(96540), - o = n(98024), - r = n(81801); + const a = n(96540); + const o = n(98024); + const r = n(81801); const i = Math.floor(25.5); const s = { width: 440, height: 440, type: "image/jpeg" }; function c({ status: e, onStatusChanged: t, onCapture: n, onError: c }) { - const { device: l } = (0, r.y)(), - { currentDevice: d } = (0, o.B)({ storedDevice: l }), - { captureImage: u } = (({ deviceId: e }) => ({ - captureImage: (0, a.useCallback)( - async ({ width: t, height: n, type: a, quality: o }) => { - const r = await navigator.mediaDevices.getUserMedia({ - video: { - deviceId: e ? { exact: e } : void 0, - width: t, - height: n, - }, - }), - s = r.getVideoTracks()[0]; - if (null == s) - throw new Error("映像トラックを取得できませんでした"); - const { width: c, height: l } = s.getSettings(); - if (null == c || null == l) - throw new Error("映像の幅と高さを取得できませんでした"); - try { - const e = document.createElement("video"); - (e.width = c), - (e.height = l), - (e.srcObject = r), - await e.play(); - const s = document.createElement("canvas"); - (s.width = t), (s.height = n); - const d = s.getContext("2d", { willReadFrequently: !0 }); - if (!d) - throw new Error("Canvasの2Dコンテキスト取得に失敗しました"); - const u = performance.now() + 1e3, - h = { x: Math.floor(t / 2), y: Math.floor(n / 2) }, - p = (([e, t], [n, a]) => { - const o = { src: e / t, dest: n / a }; - return o.src < o.dest - ? { - x: 0, - y: (t - e / o.dest) / 2, - width: e, - height: e / o.dest, - } - : { - x: (e - t * o.dest) / 2, - y: 0, - width: t * o.dest, - height: t, - }; - })([c, l], [t, n]); - for (;;) { - if (u <= performance.now()) - throw new Error( - "カメラからの映像を待機する処理がタイムアウトしました", - ); - if ( - (d.drawImage(e, p.x, p.y, p.width, p.height), - Array.from(d.getImageData(h.x, h.y, 1, 1).data) - .slice(0, 3) - .some((e) => i <= e)) - ) - break; - await new Promise((e) => setTimeout(e, 100)); - } - const f = await new Promise((e) => s.toBlob(e, a, o)); - if (!f) throw new Error("Blobデータの生成に失敗しました"); - return f; - } finally { - r.getTracks().forEach((e) => { - e.stop(), r.removeTrack(e); - }); + const { device: l } = (0, r.y)(); + const { currentDevice: d } = (0, o.B)({ storedDevice: l }); + const { captureImage: u } = (({ deviceId: e }) => ({ + captureImage: (0, a.useCallback)( + async ({ width: t, height: n, type: a, quality: o }) => { + const r = await navigator.mediaDevices.getUserMedia({ + video: { + deviceId: e ? { exact: e } : void 0, + width: t, + height: n, + }, + }); + const s = r.getVideoTracks()[0]; + if (null == s) + throw new Error("映像トラックを取得できませんでした"); + const { width: c, height: l } = s.getSettings(); + if (null == c || null == l) + throw new Error("映像の幅と高さを取得できませんでした"); + try { + const e = document.createElement("video"); + (e.width = c), + (e.height = l), + (e.srcObject = r), + await e.play(); + const s = document.createElement("canvas"); + (s.width = t), (s.height = n); + const d = s.getContext("2d", { willReadFrequently: !0 }); + if (!d) + throw new Error("Canvasの2Dコンテキスト取得に失敗しました"); + const u = performance.now() + 1e3; + const h = { x: Math.floor(t / 2), y: Math.floor(n / 2) }; + const p = (([e, t], [n, a]) => { + const o = { src: e / t, dest: n / a }; + return o.src < o.dest + ? { + x: 0, + y: (t - e / o.dest) / 2, + width: e, + height: e / o.dest, + } + : { + x: (e - t * o.dest) / 2, + y: 0, + width: t * o.dest, + height: t, + }; + })([c, l], [t, n]); + for (;;) { + if (u <= performance.now()) + throw new Error( + "カメラからの映像を待機する処理がタイムアウトしました", + ); + if ( + (d.drawImage(e, p.x, p.y, p.width, p.height), + Array.from(d.getImageData(h.x, h.y, 1, 1).data) + .slice(0, 3) + .some((e) => i <= e)) + ) + break; + await new Promise((e) => setTimeout(e, 100)); } - }, - [e], - ), - }))({ deviceId: null == d ? void 0 : d.deviceId }), - [h, p] = (0, a.useState)(!1); + const f = await new Promise((e) => s.toBlob(e, a, o)); + if (!f) throw new Error("Blobデータの生成に失敗しました"); + return f; + } finally { + r.getTracks().forEach((e) => { + e.stop(), r.removeTrack(e); + }); + } + }, + [e], + ), + }))({ deviceId: null == d ? void 0 : d.deviceId }); + const [h, p] = (0, a.useState)(!1); return ( (0, a.useEffect)(() => { null == (null == d ? void 0 : d.deviceId) || @@ -234,9 +239,9 @@ try { null ); } - var l = n(35830), - d = n(73305), - u = n(74848); + const l = n(35830); + const d = n(73305); + const u = n(74848); function h({ status: e, horizontalAlign: t }) { return (0, u.jsxs)(p, { horizontalAlign: t, @@ -259,72 +264,72 @@ try { }); } const p = l.default.div.withConfig({ componentId: "sc-1rzrjyt-0" })( - [ - "position:fixed;left:", - ";right:", - ";bottom:", - "px;z-index:1;display:inline-flex;padding:", - "px ", - "px;justify-content:center;align-items:center;gap:", - "px;border-radius:99px;color:", - ";background-color:", - ";", - ], - ({ horizontalAlign: e, theme: t }) => - "left" === e ? `${t.space[4]}px` : void 0, - ({ horizontalAlign: e, theme: t }) => - "right" === e ? `${t.space[4]}px` : void 0, - ({ theme: e }) => e.space[4], - ({ theme: e }) => e.space[1], - ({ theme: e }) => e.space[2], - ({ theme: e }) => e.space[1], - ({ theme: e }) => e.colors.white, - ({ theme: e }) => e.colors.transparent.blackClear20, - ), - f = l.default.div.withConfig({ componentId: "sc-1rzrjyt-1" })( - ["color:", ";font-size:1.2rem;"], - ({ theme: e }) => e.colors.white, - ), - v = (0, l.default)(d.A) - .attrs({ type: "capture-face-progress", size: "8px" }) - .withConfig({ componentId: "sc-1rzrjyt-2" })( - ["color:", ";"], - ({ theme: e }) => e.colors.accent5, - ), - g = (0, l.default)(d.A) - .attrs({ type: "capture-face-error", size: "8px" }) - .withConfig({ componentId: "sc-1rzrjyt-3" })( - ["color:", ";"], - ({ theme: e }) => e.colors.warning, - ), - m = Symbol("result"); - var w = n(71083), - y = n(53110), - x = n(78776); - const b = w.A.create({ baseURL: x.A.horusApiEndPoint }), - k = { - uploadImageAsync: async ({ sessionId: e, image: t }) => { - const n = w.A.toFormData({ image: t }); - return await b - .post(`/sessions/${e}/images/async`, n, { - headers: { "Content-Type": "multipart/form-data" }, - }) - .then((e) => { - return (0, y.F0)(e) - ? ((t = e), { [m]: "failure", error: t }) - : ((e) => ({ [m]: "success", data: e }))(e.data); - var t; - }); - }, - }; - var I = n(80724); + [ + "position:fixed;left:", + ";right:", + ";bottom:", + "px;z-index:1;display:inline-flex;padding:", + "px ", + "px;justify-content:center;align-items:center;gap:", + "px;border-radius:99px;color:", + ";background-color:", + ";", + ], + ({ horizontalAlign: e, theme: t }) => + "left" === e ? `${t.space[4]}px` : void 0, + ({ horizontalAlign: e, theme: t }) => + "right" === e ? `${t.space[4]}px` : void 0, + ({ theme: e }) => e.space[4], + ({ theme: e }) => e.space[1], + ({ theme: e }) => e.space[2], + ({ theme: e }) => e.space[1], + ({ theme: e }) => e.colors.white, + ({ theme: e }) => e.colors.transparent.blackClear20, + ); + const f = l.default.div.withConfig({ componentId: "sc-1rzrjyt-1" })( + ["color:", ";font-size:1.2rem;"], + ({ theme: e }) => e.colors.white, + ); + const v = (0, l.default)(d.A) + .attrs({ type: "capture-face-progress", size: "8px" }) + .withConfig({ componentId: "sc-1rzrjyt-2" })( + ["color:", ";"], + ({ theme: e }) => e.colors.accent5, + ); + const g = (0, l.default)(d.A) + .attrs({ type: "capture-face-error", size: "8px" }) + .withConfig({ componentId: "sc-1rzrjyt-3" })( + ["color:", ";"], + ({ theme: e }) => e.colors.warning, + ); + const m = Symbol("result"); + const w = n(71083); + const y = n(53110); + const x = n(78776); + const b = w.A.create({ baseURL: x.A.horusApiEndPoint }); + const k = { + uploadImageAsync: async ({ sessionId: e, image: t }) => { + const n = w.A.toFormData({ image: t }); + return await b + .post(`/sessions/${e}/images/async`, n, { + headers: { "Content-Type": "multipart/form-data" }, + }) + .then((e) => { + return (0, y.F0)(e) + ? ((t = e), { [m]: "failure", error: t }) + : ((e) => ({ [m]: "success", data: e }))(e.data); + let t; + }); + }, + }; + const I = n(80724); function C({ capture: e, horizontalAlign: t, contextDetail: n }) { - const [i, s] = (0, a.useState)(void 0), - { device: l } = (0, r.y)(), - { currentDevice: d, error: p } = (0, o.B)({ storedDevice: l }), - [f, v] = (0, a.useState)(), - [g, w] = (0, a.useState)(""), - y = (0, a.useRef)(!1); + const [i, s] = (0, a.useState)(void 0); + const { device: l } = (0, r.y)(); + const { currentDevice: d, error: p } = (0, o.B)({ storedDevice: l }); + const [f, v] = (0, a.useState)(); + const [g, w] = (0, a.useState)(""); + const y = (0, a.useRef)(!1); (0, a.useEffect)(() => { null == i && (null == p ? null != d && s("progress") : s("failed")); }, [d, p, i]), @@ -350,7 +355,7 @@ try { ); const x = (0, I.R)(); (0, a.useEffect)(() => { - var e; + let e; (null == (null == d ? void 0 : d.deviceId) && null == p) || g || y.current || @@ -384,39 +389,39 @@ try { g, ]); const b = (0, a.useCallback)( - async (e) => { - if (!g) - throw ( - (s("failed"), new Error("本人認証のセッションIDが不正です")) - ); - e && - (await (async (e, t) => { - try { - return await k - .uploadImageAsync({ sessionId: e, image: t }) - .then((e) => ((e) => "success" === e[m])(e)); - } catch { - return !1; - } - })(g, e).then((e) => { - s(e ? "success" : "failed"); - })); - }, - [g], - ), - C = (0, a.useCallback)(() => {}, []), - _ = (0, a.useMemo)( - () => - e && "progress" === i && g - ? (0, u.jsx)(c, { - status: i, - onStatusChanged: s, - onCapture: b, - onError: C, - }) - : null, - [e, b, C, g, i], - ); + async (e) => { + if (!g) + throw ( + (s("failed"), new Error("本人認証のセッションIDが不正です")) + ); + e && + (await (async (e, t) => { + try { + return await k + .uploadImageAsync({ sessionId: e, image: t }) + .then((e) => ((e) => "success" === e[m])(e)); + } catch { + return !1; + } + })(g, e).then((e) => { + s(e ? "success" : "failed"); + })); + }, + [g], + ); + const C = (0, a.useCallback)(() => {}, []); + const _ = (0, a.useMemo)( + () => + e && "progress" === i && g + ? (0, u.jsx)(c, { + status: i, + onStatusChanged: s, + onCapture: b, + onError: C, + }) + : null, + [e, b, C, g, i], + ); return (0, u.jsxs)(u.Fragment, { children: [_, i && (0, u.jsx)(h, { status: i, horizontalAlign: t })], }); @@ -424,41 +429,41 @@ try { }, 60616: (e, t, n) => { n.d(t, { v: () => r }); - var a = n(35830), - o = n(62851); + const a = n(35830); + const o = n(62851); const r = (0, a.default)(o.A).withConfig({ componentId: "sc-131fzem-0" })( ["font-size:40px;opacity:1;&:hover{cursor:pointer;}"], ); }, 21721: (e, t, n) => { n.d(t, { b: () => p }); - var a = n(63998), - o = n(35830), - r = n(96540), - i = n(74848); + const a = n(63998); + const o = n(35830); + const r = n(96540); + const i = n(74848); const s = ({ rate: e, currentRate: t, onClick: n }) => { - const a = (0, r.useCallback)(() => { - n(e); - }, [e, n]), - o = Math.abs(e - t) < 0.001; - return (0, i.jsx)(c, { selected: o, onClick: a, children: `x${e}` }); - }, - c = o.default.button.withConfig({ componentId: "sc-1iiy24x-0" })( - [ - "display:flex;width:48px;height:27px;font-size:13px;font-weight:700;align-items:center;color:", - ";justify-content:center;border-radius:2px;padding:2px;margin:2px;background-color:", - ";border:", - ";&:hover{background-color:", - ";cursor:pointer;}", - ], - ({ theme: e }) => e.colors.white, - ({ theme: e }) => e.colors.black, - ({ selected: e, theme: t }) => - e - ? `2px solid ${t.colors.white}` - : `1px solid ${t.colors.gray.darkness2}`, - ({ theme: e }) => e.colors.primary, - ); + const a = (0, r.useCallback)(() => { + n(e); + }, [e, n]); + const o = Math.abs(e - t) < 0.001; + return (0, i.jsx)(c, { selected: o, onClick: a, children: `x${e}` }); + }; + const c = o.default.button.withConfig({ componentId: "sc-1iiy24x-0" })( + [ + "display:flex;width:48px;height:27px;font-size:13px;font-weight:700;align-items:center;color:", + ";justify-content:center;border-radius:2px;padding:2px;margin:2px;background-color:", + ";border:", + ";&:hover{background-color:", + ";cursor:pointer;}", + ], + ({ theme: e }) => e.colors.white, + ({ theme: e }) => e.colors.black, + ({ selected: e, theme: t }) => + e + ? `2px solid ${t.colors.white}` + : `1px solid ${t.colors.gray.darkness2}`, + ({ theme: e }) => e.colors.primary, + ); function l({ currentPlaybackRate: e, isHover: t, @@ -502,73 +507,73 @@ try { ], }); } - var d = (0, o.default)(a.so).withConfig({ componentId: "sc-v2jbux-0" })( - (e) => ({ display: e.$_css }), - ), - u = n(60616); + const d = (0, o.default)(a.so).withConfig({ componentId: "sc-v2jbux-0" })( + (e) => ({ display: e.$_css }), + ); + const u = n(60616); const h = (0, o.default)(u.v).withConfig({ componentId: "sc-16km7w-0" })( - ["color:", ";&:hover{color:", ";}"], - ({ theme: e }) => e.colors.white, - ({ theme: e }) => e.colors.primary, - ), - p = ({ playbackRate: e, playbackRatesDropdownMenuProps: t }) => { - const { - isHover: n, - isOpenRateList: o, - handleMouseEnter: r, - handleMouseLeave: s, - handleRateItemButton: c, - handleRateIcon: d, - } = t; - return (0, i.jsxs)(a.so, { - sx: { position: "relative" }, - children: [ - (0, i.jsxs)(a.az, { - width: "80px", - height: "80px", - p: 5, - children: [ - (0, i.jsx)(a.az, { - width: "20px", - height: "20px", - sx: { position: "absolute", left: "0", top: "40px" }, - onMouseEnter: r, - onMouseLeave: s, - }), - (0, i.jsx)(h, { - type: `playback-rate-${`${e}`.replace(".", "-")}`, - onClick: d, - onMouseEnter: r, - onMouseLeave: s, - }), - (0, i.jsx)(a.az, { - width: "20px", - height: "20px", - sx: { position: "absolute", right: "0", top: "40px" }, - onMouseEnter: r, - onMouseLeave: s, - }), - ], - }), - (0, i.jsx)(l, { - currentPlaybackRate: e, - isHover: n, - isOpenRateList: o, - onChangeRateItem: c, - onMouseEnter: r, - onMouseLeave: s, - sx: { position: "absolute", left: "-12px", top: "60px" }, - }), - ], - }); - }; + ["color:", ";&:hover{color:", ";}"], + ({ theme: e }) => e.colors.white, + ({ theme: e }) => e.colors.primary, + ); + const p = ({ playbackRate: e, playbackRatesDropdownMenuProps: t }) => { + const { + isHover: n, + isOpenRateList: o, + handleMouseEnter: r, + handleMouseLeave: s, + handleRateItemButton: c, + handleRateIcon: d, + } = t; + return (0, i.jsxs)(a.so, { + sx: { position: "relative" }, + children: [ + (0, i.jsxs)(a.az, { + width: "80px", + height: "80px", + p: 5, + children: [ + (0, i.jsx)(a.az, { + width: "20px", + height: "20px", + sx: { position: "absolute", left: "0", top: "40px" }, + onMouseEnter: r, + onMouseLeave: s, + }), + (0, i.jsx)(h, { + type: `playback-rate-${`${e}`.replace(".", "-")}`, + onClick: d, + onMouseEnter: r, + onMouseLeave: s, + }), + (0, i.jsx)(a.az, { + width: "20px", + height: "20px", + sx: { position: "absolute", right: "0", top: "40px" }, + onMouseEnter: r, + onMouseLeave: s, + }), + ], + }), + (0, i.jsx)(l, { + currentPlaybackRate: e, + isHover: n, + isOpenRateList: o, + onChangeRateItem: c, + onMouseEnter: r, + onMouseLeave: s, + sx: { position: "absolute", left: "-12px", top: "60px" }, + }), + ], + }); + }; }, 41233: (e, t, n) => { n.d(t, { y: () => o }); - var a = n(96540); + const a = n(96540); function o({ changePlaybackRate: e }) { - const [t, n] = (0, a.useState)(!1), - [o, r] = (0, a.useState)(!1); + const [t, n] = (0, a.useState)(!1); + const [o, r] = (0, a.useState)(!1); return { isHover: t, isOpenRateList: o, @@ -592,46 +597,42 @@ try { }, 58169: (e, t, n) => { n.d(t, { A: () => c }); - var a = n(57097), - o = n(53110), - r = n(80724), - i = n(70195), - s = n(21137); + const a = n(57097); + const o = n(53110); + const r = n(80724); + const i = n(70195); + const s = n(21137); const c = () => { - const e = (0, r.R)(), - { showSnackbar: t } = (0, i.d)(s), - { mutate: n } = (0, a.n)({ - mutationFn: e.postLearningAmounts, - retry: (e, n) => { - if (e > 2) - return ( - t({ - id: Date.now(), - type: "info", - message: "学習数を記録できませんでした", - actionLabel: "学習数とは", - onClick: () => { - window.open( - "/help#learning_amount", - "_blank", - "noopener", - ); - }, - }), - !1 - ); - const a = !n.response, - r = n.code === o.pe.ECONNABORTED; - return a || r; - }, - retryDelay: 1e3, - }); + const e = (0, r.R)(); + const { showSnackbar: t } = (0, i.d)(s); + const { mutate: n } = (0, a.n)({ + mutationFn: e.postLearningAmounts, + retry: (e, n) => { + if (e > 2) + return ( + t({ + id: Date.now(), + type: "info", + message: "学習数を記録できませんでした", + actionLabel: "学習数とは", + onClick: () => { + window.open("/help#learning_amount", "_blank", "noopener"); + }, + }), + !1 + ); + const a = !n.response; + const r = n.code === o.pe.ECONNABORTED; + return a || r; + }, + retryDelay: 1e3, + }); return { addLearningAmounts: n }; }; }, 49474: (e, t, n) => { n.d(t, { J: () => o }); - var a = n(96540); + const a = n(96540); function o(e) { const [t, n] = (0, a.useState)("prompt"); return ( @@ -664,7 +665,7 @@ try { courseType: r, materialType: i, }) { - var s; + let s; if (void 0 === e && void 0 === t) (window.dataLayer = null !== (s = window.dataLayer) && void 0 !== s ? s : []), @@ -678,7 +679,7 @@ try { }, }); else if (void 0 === e) { - var c; + let c; (window.dataLayer = null !== (c = window.dataLayer) && void 0 !== c ? c : []), window.dataLayer.push({ @@ -692,7 +693,7 @@ try { }, }); } else if (void 0 === t) { - var l; + let l; (window.dataLayer = null !== (l = window.dataLayer) && void 0 !== l ? l : []), window.dataLayer.push({ @@ -706,7 +707,7 @@ try { }, }); } else { - var d; + let d; (window.dataLayer = null !== (d = window.dataLayer) && void 0 !== d ? d : []), window.dataLayer.push({