speakid-build-a-sentence 1.0.23 → 1.0.24

package/dist/speakid-build-a-sentence.es.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { useState as l, useCallback as ge, useRef as re, useEffect as Y, useMemo as sn, Component as dn } from "react";
+import { useState as l, useCallback as ge, useRef as oe, useEffect as Y, useMemo as sn, Component as dn } from "react";
 const an = `
   @keyframes spin {
     from { transform: rotate(0deg); }
@@ -254,7 +254,7 @@ const Te = {
   s && s.remove(), document.head.appendChild(u);
 }, gn = (u) => [...u].sort(() => Math.random() - 0.5);
 function yn(u = {}) {
-  const { logoUrl: s, showLogo: W = !0 } = u, se = re(null), { validateAllSentences: de, errors: H } = ln(), I = () => d || window.innerWidth < 768, f = () => d || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, y = (e = "medium") => {
+  const { logoUrl: s, showLogo: W = !0 } = u, se = oe(null), { validateAllSentences: de, errors: H } = ln(), I = () => d || window.innerWidth < 768, f = () => d || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, y = (e = "medium") => {
     if (!f())
       return {
         padding: "12px 24px",
@@ -289,17 +289,17 @@ function yn(u = {}) {
   }), []);
   const [b, S] = l("select"), [C, K] = l(null), [ue, we] = l(null), [T, Z] = l([]), [D, fe] = l(0), [ae, me] = l([]), [k, le] = l([]), [q, xe] = l(20), [V, L] = l(0), [un, ye] = l(null), [M, z] = l(null), [c, _] = l(!1), [be, ce] = l(!1), [he, De] = l(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), U = re(null), Re = re(null), Se = re(0), [m, E] = l({ list: null, id: null, side: null }), [d, ze] = l(!1), [Ee, Q] = l(1), [We, ee] = l(null), [Pe, Be] = l(!1), [A, Le] = l(!1), [$, Me] = l(!1), [O, Ae] = l(!1), [N, $e] = l(!1), [G, Oe] = l(!1), [X, Ne] = l(!1), [j, Ge] = l(!1), [F, Xe] = l(!1), [wn, je] = l(!1), [fn, Fe] = l(!1);
+  ), U = oe(null), Re = oe(null), Se = oe(0), [m, E] = l({ list: null, id: null, side: null }), [d, ze] = l(!1), [Ee, Q] = l(1), [We, ee] = l(null), [Pe, Be] = l(!1), [A, Le] = l(!1), [$, Me] = l(!1), [O, Ae] = l(!1), [N, $e] = l(!1), [G, Oe] = l(!1), [X, Ne] = l(!1), [j, Ge] = l(!1), [F, Xe] = l(!1), [wn, je] = l(!1), [fn, Fe] = l(!1);
   Y(() => {
     const e = () => {
-      const t = window.innerWidth, n = window.innerHeight, i = t < 768 || t === 926 && n === 428 || t === 932 && n === 430, o = n < 700, p = t / n > 1.8, w = t === 768 && n === 1024, r = t === 1024 && n === 768, h = t === 820 && n === 1180, R = t === 1180 && n === 820, v = t === 540 && n === 720, oe = t === 720 && n === 540, He = t === 1024 && n === 1366, Ie = t === 1366 && n === 1024, Ce = t >= 1200 && n >= 600 && !i;
-      Be(Ce), Le(w), Me(r), Ae(h), $e(R), Oe(v), Ne(oe), Ge(He), Xe(Ie), Fe(p);
-      const rn = i && t > n || i || // ✅ ВСЕ мобильные устройства (включая portrait)
+      const t = window.innerWidth, n = window.innerHeight, i = t < 768 || t === 926 && n === 428 || t === 932 && n === 430, r = n < 700, p = t / n > 1.8, w = t === 768 && n === 1024, o = t === 1024 && n === 768, h = t === 820 && n === 1180, R = t === 1180 && n === 820, v = t === 540 && n === 720, re = t === 720 && n === 540, He = t === 1024 && n === 1366, Ie = t === 1366 && n === 1024, Ce = t >= 1200 && n >= 600 && !i;
+      Be(Ce), Le(w), Me(o), Ae(h), $e(R), Oe(v), Ne(re), Ge(He), Xe(Ie), Fe(p);
+      const on = i && t > n || i || // ✅ ВСЕ мобильные устройства (включая portrait)
       n < 700 || p || // ✅ Широкие экраны
-      t === 1366 && n === 766 || t === 1366 && n === 768 || t === 1280 && n === 720 || t === 1440 && n === 900 || w || r || h || R || v || oe || He || Ie || Ce;
-      if (je(rn), ze(i), i)
+      t === 1366 && n === 766 || t === 1366 && n === 768 || t === 1280 && n === 720 || t === 1440 && n === 900 || w || o || h || R || v || re || He || Ie || Ce;
+      if (je(on), ze(i), i)
         ee(null), Q(1);
-      else if (o)
+      else if (r)
         ee(null), Q(1);
       else if (p) {
         const pe = Math.min(1e3, Math.min(t, n) * 0.9);
@@ -313,28 +313,28 @@ function yn(u = {}) {
   }, []);
   const ne = (e, t, n, i) => {
     if (c) return;
-    let o = [...ae], p = [...k];
-    const w = e === "bank" ? o : p, r = t === "bank" ? o : p, h = w.findIndex((oe) => oe.id === n);
+    let r = [...ae], p = [...k];
+    const w = e === "bank" ? r : p, o = t === "bank" ? r : p, h = w.findIndex((re) => re.id === n);
     if (h === -1) return;
     const [R] = w.splice(h, 1);
     let v = i;
-    e === t && v !== null && v !== void 0 && v > h && (v = v - 1), v == null || v < 0 || v > r.length ? r.push(R) : r.splice(v, 0, R), e === "bank" ? o = w : p = w, t === "bank" ? o = r : p = r, me(o), le(p);
+    e === t && v !== null && v !== void 0 && v > h && (v = v - 1), v == null || v < 0 || v > o.length ? o.push(R) : o.splice(v, 0, R), e === "bank" ? r = w : p = w, t === "bank" ? r = o : p = o, me(r), le(p);
   }, J = (e, t, n) => {
     if (e.preventDefault(), c) {
       E({ list: null, id: null, side: null });
       return;
     }
     const i = e.dataTransfer.getData("application/x-token") || (() => {
-      const o = e.dataTransfer.getData("text/plain");
-      if (!o) return "";
-      const p = ae.some((h) => h.id === o), w = k.some((h) => h.id === o), r = p ? "bank" : w ? "selected" : null;
-      return r ? JSON.stringify({ from: r, id: o }) : "";
+      const r = e.dataTransfer.getData("text/plain");
+      if (!r) return "";
+      const p = ae.some((h) => h.id === r), w = k.some((h) => h.id === r), o = p ? "bank" : w ? "selected" : null;
+      return o ? JSON.stringify({ from: o, id: r }) : "";
     })();
     if (i) {
       try {
-        const o = JSON.parse(i);
-        if (!o || !o.id || !o.from) return;
-        ne(o.from, t, o.id, n);
+        const r = JSON.parse(i);
+        if (!r || !r.id || !r.from) return;
+        ne(r.from, t, r.id, n);
       } catch {
       }
       E({ list: null, id: null, side: null });
@@ -348,8 +348,8 @@ function yn(u = {}) {
       return;
     const i = [...T];
     i[e] = t, Z(i);
-    const o = de(i);
-    o.isValid || console.warn("Validation errors:", o.errors);
+    const r = de(i);
+    r.isValid || console.warn("Validation errors:", r.errors);
   }, Je = (e) => e.trim().replace(/\s+/g, " "), ke = (e) => e <= 3 ? 20 : e <= 5 ? 18 : e <= 7 ? 16 : e <= 9 ? 14 : 12, Ye = () => {
     T.some((t) => t.trim().length === 0) || (Z((t) => t.map((n) => Je(n))), L(0), fe(0), Se.current = 0, ye(null), S("getready"));
   };
@@ -364,9 +364,9 @@ function yn(u = {}) {
     if (!t) return;
     const i = gn(
       t.trim().split(/\s+/).filter(Boolean)
-    ).map((o, p) => ({
+    ).map((r, p) => ({
       id: `${Date.now()}-${e}-${p}-${Math.random().toString(36).slice(2)}`,
-      text: o
+      text: r
     }));
     me(i), le([]), fe(e), Se.current = e, xe(ue || 20), z(null), _(!1), ce(!1), S("play");
   };
@@ -381,8 +381,8 @@ function yn(u = {}) {
           z(null);
           return;
         }
-        const t = e.trim().split(/\s+/), n = k.map((r) => r.text), i = t.filter((r) => !n.includes(r)).length, o = n.filter((r) => !t.includes(r)).length, p = t.filter((r, h) => r !== n[h]).length, w = i + o + p;
-        w === 0 ? (z("correct"), be || (ce(!0), L((r) => r + 1)), P("correct"), B("Correct! Well done!")) : w === 1 ? (z("almost"), L((r) => r + 0.5), P("half"), B("Almost correct! Just one mistake.")) : (z("wrong"), P("wrong"), B("Not quite right. Keep trying!"));
+        const t = e.trim().split(/\s+/), n = k.map((o) => o.text), i = t.filter((o) => !n.includes(o)).length, r = n.filter((o) => !t.includes(o)).length, p = t.filter((o, h) => n.includes(o) ? n[h] !== o : !1).length, w = i + r + p;
+        w === 0 ? (z("correct"), be || (ce(!0), L((o) => o + 1)), P("correct"), B("Correct! Well done!")) : w === 1 ? (z("almost"), L((o) => o + 0.5), P("half"), B("Almost correct! Just one mistake.")) : (z("wrong"), P("wrong"), B("Not quite right. Keep trying!"));
       }
     return () => {
       U.current !== null && window.clearTimeout(U.current);
@@ -399,8 +399,8 @@ function yn(u = {}) {
         D + 1 < (C || 0) ? te(D + 1) : (S("results"), setTimeout(() => ie(), 600));
         return;
       }
-      const n = t.trim().split(/\s+/), i = k.map((h) => h.text), o = n.filter((h) => !i.includes(h)).length, p = i.filter((h) => !n.includes(h)).length, w = n.filter((h, R) => h !== i[R]).length, r = o + p + w;
-      r === 0 ? (L((h) => h + 1), z("correct"), ce(!0), P("correct"), B("Correct! Well done!")) : r === 1 ? (L((h) => h + 0.5), z("almost"), P("half"), B("Almost correct! Just one mistake.")) : (z("wrong"), P("wrong"), B("Not quite right. Keep trying!")), D + 1 < (C || 0) ? setTimeout(() => te(D + 1), 800) : setTimeout(() => {
+      const n = t.trim().split(/\s+/), i = k.map((h) => h.text), r = n.filter((h) => !i.includes(h)).length, p = i.filter((h) => !n.includes(h)).length, w = n.filter((h, R) => i.includes(h) ? i[R] !== h : !1).length, o = r + p + w;
+      o === 0 ? (L((h) => h + 1), z("correct"), ce(!0), P("correct"), B("Correct! Well done!")) : o === 1 ? (L((h) => h + 0.5), z("almost"), P("half"), B("Almost correct! Just one mistake.")) : (z("wrong"), P("wrong"), B("Not quite right. Keep trying!")), D + 1 < (C || 0) ? setTimeout(() => te(D + 1), 800) : setTimeout(() => {
         S("results"), setTimeout(() => ie(), 600);
       }, 800);
     }
@@ -429,7 +429,7 @@ function yn(u = {}) {
     }
     i.gain.setValueAtTime(0.1, t.currentTime), n.start(), n.stop(t.currentTime + 0.2);
   }, ie = () => {
-    const t = Date.now() + 2500, n = ["#ec4c44", "#f7c948", "#6fcf97", "#56ccf2", "#bb6bd9"], i = document.createElement("canvas"), o = i.getContext("2d");
+    const t = Date.now() + 2500, n = ["#ec4c44", "#f7c948", "#6fcf97", "#56ccf2", "#bb6bd9"], i = document.createElement("canvas"), r = i.getContext("2d");
     i.width = window.innerWidth, i.height = window.innerHeight, i.style.position = "fixed", i.style.top = "0", i.style.left = "0", i.style.pointerEvents = "none", document.body.appendChild(i);
     const p = Array.from({ length: 100 }).map(() => ({
       x: Math.random() * i.width,
@@ -439,8 +439,8 @@ function yn(u = {}) {
       speed: 2 + Math.random() * 4,
       tilt: Math.random() * 2 * Math.PI
     })), w = () => {
-      o.clearRect(0, 0, i.width, i.height), p.forEach((r) => {
-        o.fillStyle = r.color, o.beginPath(), o.ellipse(r.x, r.y, r.size, r.size / 2, r.tilt, 0, 2 * Math.PI), o.fill(), r.y += r.speed, r.x += Math.sin(r.tilt);
+      r.clearRect(0, 0, i.width, i.height), p.forEach((o) => {
+        r.fillStyle = o.color, r.beginPath(), r.ellipse(o.x, o.y, o.size, o.size / 2, o.tilt, 0, 2 * Math.PI), r.fill(), o.y += o.speed, o.x += Math.sin(o.tilt);
       }), Date.now() < t ? requestAnimationFrame(w) : document.body.removeChild(i);
     };
     w();
@@ -619,13 +619,13 @@ function yn(u = {}) {
             },
             onDragOver: (n) => n.preventDefault(),
             onDrop: (n) => {
-              const i = n.currentTarget.getBoundingClientRect(), o = i.left + i.width / 2, p = n.clientX > o ? t + 1 : t;
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, p = n.clientX > r ? t + 1 : t;
               E({ list: null, id: null, side: null }), n.stopPropagation(), J(n, "bank", p);
             },
             onDragEnter: (n) => {
               if (c) return;
-              const i = n.currentTarget.getBoundingClientRect(), o = i.left + i.width / 2;
-              E({ list: "bank", id: e.id, side: n.clientX > o ? "right" : "left" });
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2;
+              E({ list: "bank", id: e.id, side: n.clientX > r ? "right" : "left" });
             },
             onDragLeave: () => E({ list: null, id: null, side: null }),
             onClick: () => {
@@ -665,10 +665,10 @@ function yn(u = {}) {
             J(e, "selected", 0);
             return;
           }
-          let i = k.length, o = 1 / 0;
+          let i = k.length, r = 1 / 0;
           n.forEach((p, w) => {
-            const r = p.getBoundingClientRect(), h = r.left + r.width / 2, R = Math.abs(e.clientX - h);
-            R < o && (o = R, i = e.clientX < h ? w : w + 1);
+            const o = p.getBoundingClientRect(), h = o.left + o.width / 2, R = Math.abs(e.clientX - h);
+            R < r && (r = R, i = e.clientX < h ? w : w + 1);
           }), e.clientX > t.right - 30 && (i = k.length), e.clientX < t.left + 30 && (i = 0), J(e, "selected", i);
         },
         style: {
@@ -707,13 +707,13 @@ function yn(u = {}) {
             },
             onDragOver: (n) => n.preventDefault(),
             onDrop: (n) => {
-              const i = n.currentTarget.getBoundingClientRect(), o = i.left + i.width / 2, p = i.width * 0.25, w = n.clientX < o - p ? t : n.clientX > o + p || n.clientX > o ? t + 1 : t;
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, p = i.width * 0.25, w = n.clientX < r - p ? t : n.clientX > r + p || n.clientX > r ? t + 1 : t;
               E({ list: null, id: null, side: null }), n.stopPropagation(), J(n, "selected", w);
             },
             onDragEnter: (n) => {
               if (c) return;
-              const i = n.currentTarget.getBoundingClientRect(), o = i.left + i.width / 2;
-              E({ list: "selected", id: e.id, side: n.clientX > o ? "right" : "left" });
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2;
+              E({ list: "selected", id: e.id, side: n.clientX > r ? "right" : "left" });
             },
             onDragLeave: () => E({ list: null, id: null, side: null }),
             onClick: () => {
@@ -829,7 +829,7 @@ function yn(u = {}) {
         }
       )
     ] })
-  ] }), ve = !d && W, on = sn(
+  ] }), ve = !d && W, rn = sn(
     () => {
       if (d && window.innerWidth > window.innerHeight || window.innerHeight < 700 || !ve)
         return null;
@@ -908,7 +908,7 @@ function yn(u = {}) {
                 alignItems: "center"
               },
               children: /* @__PURE__ */ x("div", { id: "magic-sentence-root", children: [
-                on,
+                rn,
                 b === "select" ? Ze() : null,
                 b === "time" ? _e() : null,
                 b === "type" ? Qe() : null,