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