speakid-build-a-sentence 1.0.25 → 1.0.26

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

@@ -173,7 +173,7 @@ const Te = {
   // ===== Анимационные стили =====
   ...Te
 }, ln = () => {
-  const [u, s] = c([]), W = ge((H, I, f) => {
+  const [u, s] = c([]), S = ge((H, I, f) => {
     const b = [];
     H.trim() || b.push({
       type: "empty",
@@ -185,10 +185,10 @@ const Te = {
       type: "characters",
       message: "Only Latin characters, numbers, spaces and punctuation are allowed"
     });
-    const S = f.findIndex((C, K) => K !== I && C.toLowerCase().trim() === H.toLowerCase().trim());
-    return S !== -1 && b.push({
+    const W = f.findIndex((C, K) => K !== I && C.toLowerCase().trim() === H.toLowerCase().trim());
+    return W !== -1 && b.push({
       type: "duplicate",
-      message: `Duplicate sentence (same as sentence ${S + 1})`
+      message: `Duplicate sentence (same as sentence ${W + 1})`
     }), s(b), {
       isValid: b.length === 0,
       errors: b
@@ -196,26 +196,26 @@ const Te = {
   }, []), se = ge((H) => {
     const I = [];
     return H.forEach((f, b) => {
-      const y = W(f, b, H);
-      I.push(...y.errors.map((S) => ({
-        ...S,
-        message: `Sentence ${b + 1}: ${S.message}`
+      const y = S(f, b, H);
+      I.push(...y.errors.map((W) => ({
+        ...W,
+        message: `Sentence ${b + 1}: ${W.message}`
       })));
     }), {
       isValid: I.length === 0,
       errors: I
     };
-  }, [W]), de = ge(() => {
+  }, [S]), de = ge(() => {
     s([]);
   }, []);
   return {
     errors: u,
-    validateSentence: W,
+    validateSentence: S,
     validateAllSentences: se,
     clearErrors: de
   };
-}, cn = (u, s, W) => s && W ? `${u} word "${s}" ${W}` : s ? `${u} word "${s}"` : u, hn = (u, s, W = ["Enter", " "]) => {
-  W.includes(u.key) && (u.preventDefault(), s());
+}, cn = (u, s, S) => s && S ? `${u} word "${s}" ${S}` : s ? `${u} word "${s}"` : u, hn = (u, s, S = ["Enter", " "]) => {
+  S.includes(u.key) && (u.preventDefault(), s());
 }, L = (u) => {
   const s = document.createElement("div");
   s.setAttribute("aria-live", "polite"), s.setAttribute("aria-atomic", "true"), s.style.position = "absolute", s.style.left = "-10000px", s.style.width = "1px", s.style.height = "1px", s.style.overflow = "hidden", document.body.appendChild(s), s.textContent = u, setTimeout(() => {
@@ -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 = 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, b = (e = "medium") => {
+  const { logoUrl: s, showLogo: S = !0 } = u, se = oe(null), { validateAllSentences: de, errors: H } = ln(), I = () => !!(d || window.innerWidth < 768 || window.innerWidth >= 768 && window.innerWidth < 1300), f = () => d || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, b = (e = "medium") => {
     if (!f())
       return {
         padding: "12px 24px",
@@ -287,9 +287,9 @@ function yn(u = {}) {
     const e = document.getElementById("magic-sentence-reset");
     e && e.remove();
   }), []);
-  const [y, S] = c("select"), [C, K] = c(null), [ue, we] = c(null), [T, Z] = c([]), [D, fe] = c(0), [ae, me] = c([]), [k, le] = c([]), [B, xe] = c(20), [U, M] = c(0), [un, ye] = c(null), [A, z] = c(null), [l, _] = c(!1), [be, ce] = c(!1), [he, De] = c(
+  const [y, W] = c("select"), [C, K] = c(null), [ue, we] = c(null), [T, Z] = c([]), [D, fe] = c(0), [ae, me] = c([]), [k, le] = c([]), [B, xe] = c(20), [U, M] = c(0), [un, ye] = c(null), [A, z] = c(null), [l, _] = c(!1), [be, ce] = c(!1), [he, De] = c(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), J = oe(null), Re = oe(null), Se = oe(0), [m, E] = c({ list: null, id: null, side: null }), [d, ze] = c(!1), [Ee, Q] = c(1), [We, ee] = c(null), [Pe, Be] = c(!1), [$, Le] = c(!1), [O, Me] = c(!1), [N, Ae] = c(!1), [G, $e] = c(!1), [X, Oe] = c(!1), [j, Ne] = c(!1), [F, Ge] = c(!1), [q, Xe] = c(!1), [wn, je] = c(!1), [fn, Fe] = c(!1);
+  ), J = oe(null), Re = oe(null), We = oe(0), [m, E] = c({ list: null, id: null, side: null }), [d, ze] = c(!1), [Ee, Q] = c(1), [Se, ee] = c(null), [Pe, Be] = c(!1), [$, Le] = c(!1), [O, Me] = c(!1), [N, Ae] = c(!1), [G, $e] = c(!1), [X, Oe] = c(!1), [j, Ne] = c(!1), [F, Ge] = c(!1), [q, Xe] = c(!1), [wn, je] = c(!1), [fn, Fe] = c(!1);
   V(() => {
     const e = () => {
       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;
@@ -340,9 +340,9 @@ function yn(u = {}) {
       E({ list: null, id: null, side: null });
     }
   }, qe = (e) => {
-    K(e), Re.current = e, Z(Array(e).fill("")), S("time");
+    K(e), Re.current = e, Z(Array(e).fill("")), W("time");
   }, Ve = (e) => {
-    we(e), S("type");
+    we(e), W("type");
   }, Ue = (e, t) => {
     if (t.length > 41 || t && !/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(t))
       return;
@@ -350,8 +350,11 @@ function yn(u = {}) {
     i[e] = t, Z(i);
     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))), M(0), fe(0), Se.current = 0, ye(null), S("getready"));
+  }, Je = (e) => e.trim().replace(/\s+/g, " "), ke = (e) => {
+    const t = window.innerWidth >= 768 && window.innerWidth < 1300;
+    return e <= 3 ? t ? 18 : 20 : e <= 5 ? t ? 16 : 18 : e <= 7 ? t ? 14 : 16 : e <= 9 ? t ? 12 : 14 : e <= 12 ? t ? 10 : 12 : t ? 9 : 10;
+  }, Ye = () => {
+    T.some((t) => t.trim().length === 0) || (Z((t) => t.map((n) => Je(n))), M(0), fe(0), We.current = 0, ye(null), W("getready"));
   };
   V(() => {
     if (y === "getready") {
@@ -368,7 +371,7 @@ function yn(u = {}) {
       id: `${Date.now()}-${e}-${p}-${Math.random().toString(36).slice(2)}`,
       text: r
     }));
-    me(i), le([]), fe(e), Se.current = e, xe(ue || 20), z(null), _(!1), ce(!1), S("play");
+    me(i), le([]), fe(e), We.current = e, xe(ue || 20), z(null), _(!1), ce(!1), W("play");
   };
   V(() => (y === "play" && !l && (J.current !== null && window.clearTimeout(J.current), B > 0 ? J.current = window.setTimeout(() => xe((e) => e - 1), 1e3) : _(!0)), () => {
     J.current !== null && window.clearTimeout(J.current);
@@ -386,17 +389,17 @@ function yn(u = {}) {
   const Ke = (e = !0) => {
     if (e) {
       if (l) {
-        D + 1 < (C || 0) ? te(D + 1) : (S("results"), setTimeout(() => ie(), 600));
+        D + 1 < (C || 0) ? te(D + 1) : (W("results"), setTimeout(() => ie(), 600));
         return;
       }
       const t = T[D];
       if (!t) {
-        D + 1 < (C || 0) ? te(D + 1) : (S("results"), setTimeout(() => ie(), 600));
+        D + 1 < (C || 0) ? te(D + 1) : (W("results"), setTimeout(() => ie(), 600));
         return;
       }
       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 ? (M((h) => h + 1), z("correct"), ce(!0), P("correct"), L("Correct! Well done!")) : o === 1 ? (M((h) => h + 0.5), z("almost"), P("half"), L("Almost correct! Just one mistake.")) : (z("wrong"), P("wrong"), L("Not quite right. Keep trying!")), D + 1 < (C || 0) ? setTimeout(() => te(D + 1), 800) : setTimeout(() => {
-        S("results"), setTimeout(() => ie(), 600);
+        W("results"), setTimeout(() => ie(), 600);
       }, 800);
     }
   };
@@ -632,7 +635,8 @@ function yn(u = {}) {
               border: "1px solid #ccc",
               background: l ? "#f0f0f0" : "#f9f9f9",
               cursor: l ? "not-allowed" : m.list === "bank" && m.id === e.id ? "grabbing" : "grab",
-              fontSize: d || window.innerWidth < 768 ? "12px" : "18px",
+              fontSize: d || window.innerWidth < 768 ? "12px" : window.innerWidth >= 768 && window.innerWidth < 1300 ? "14px" : "18px",
+              // Полный размер только для Pro и больших экранов
               ...m.list === "bank" && m.id === e.id && m.side === "left" ? { borderLeft: "3px solid #3b82f6" } : {},
               ...m.list === "bank" && m.id === e.id && m.side === "right" ? { borderRight: "3px solid #3b82f6" } : {},
               flexShrink: 0,
@@ -800,7 +804,7 @@ function yn(u = {}) {
         {
           onClick: () => {
             ie(), P("start"), setTimeout(() => {
-              S("getready"), ye(null), _(!1);
+              W("getready"), ye(null), _(!1);
             }, 800);
           },
           style: {
@@ -814,7 +818,7 @@ function yn(u = {}) {
         "button",
         {
           onClick: () => {
-            P("click"), S("select"), K(null), we(null), Z([]), M(0), le([]), _(!1);
+            P("click"), W("select"), K(null), we(null), Z([]), M(0), le([]), _(!1);
           },
           style: {
             ...g.gmButton,
@@ -824,7 +828,7 @@ function yn(u = {}) {
         }
       )
     ] })
-  ] }), ve = !d && W, rn = sn(
+  ] }), ve = !d && S, rn = sn(
     () => {
       if (d && window.innerWidth > window.innerHeight || window.innerHeight < 700 || !ve)
         return null;
@@ -876,8 +880,8 @@ function yn(u = {}) {
         "div",
         {
           style: {
-            width: d ? "100%" : We || 1e3,
-            height: d ? "100%" : We || 1e3,
+            width: d ? "100%" : Se || 1e3,
+            height: d ? "100%" : Se || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -928,10 +932,10 @@ class bn extends dn {
       error: s
     };
   }
-  componentDidCatch(s, W) {
-    console.error("Game Error:", s, W), this.setState({
+  componentDidCatch(s, S) {
+    console.error("Game Error:", s, S), this.setState({
       error: s,
-      errorInfo: W
+      errorInfo: S
     });
   }
   handleReset = () => {