biome unsafe fix
This commit is contained in:
parent
9f15f21f9d
commit
f4eb72c178
GPG Key ID:
D1AE30E316E44E5D
@ -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({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user