speakid-build-a-sentence 1.0.21 → 1.0.22

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

@@ -1,5 +1,5 @@
-import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import { useState as h, useCallback as we, useRef as Z, useEffect as U, useMemo as dn, Component as an } from "react";
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { useState as h, useCallback as we, useRef as Q, useEffect as V, useMemo as dn, Component as an } from "react";
 const ln = `
   @keyframes spin {
     from { transform: rotate(0deg); }
@@ -173,50 +173,50 @@ const De = {
   // ===== Анимационные стили =====
   ...De
 }, cn = () => {
-  const [w, s] = h([]), I = we((D, R, m) => {
+  const [w, s] = h([]), H = we((z, E, m) => {
     const W = [];
-    D.trim() || W.push({
+    z.trim() || W.push({
       type: "empty",
       message: "Sentence cannot be empty"
-    }), D.length > 41 && W.push({
+    }), z.length > 41 && W.push({
       type: "length",
-      message: `Sentence is too long (${D.length}/41 characters)`
-    }), D && !/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(D) && W.push({
+      message: `Sentence is too long (${z.length}/41 characters)`
+    }), z && !/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(z) && W.push({
       type: "characters",
       message: "Only Latin characters, numbers, spaces and punctuation are allowed"
     });
-    const H = m.findIndex((z, _) => _ !== R && z.toLowerCase().trim() === D.toLowerCase().trim());
-    return H !== -1 && W.push({
+    const k = m.findIndex((R, ee) => ee !== E && R.toLowerCase().trim() === z.toLowerCase().trim());
+    return k !== -1 && W.push({
       type: "duplicate",
-      message: `Duplicate sentence (same as sentence ${H + 1})`
+      message: `Duplicate sentence (same as sentence ${k + 1})`
     }), s(W), {
       isValid: W.length === 0,
       errors: W
     };
-  }, []), de = we((D) => {
-    const R = [];
-    return D.forEach((m, W) => {
-      const S = I(m, W, D);
-      R.push(...S.errors.map((H) => ({
-        ...H,
-        message: `Sentence ${W + 1}: ${H.message}`
+  }, []), le = we((z) => {
+    const E = [];
+    return z.forEach((m, W) => {
+      const b = H(m, W, z);
+      E.push(...b.errors.map((k) => ({
+        ...k,
+        message: `Sentence ${W + 1}: ${k.message}`
       })));
     }), {
-      isValid: R.length === 0,
-      errors: R
+      isValid: E.length === 0,
+      errors: E
     };
-  }, [I]), ae = we(() => {
+  }, [H]), ce = we(() => {
     s([]);
   }, []);
   return {
     errors: w,
-    validateSentence: I,
-    validateAllSentences: de,
-    clearErrors: ae
+    validateSentence: H,
+    validateAllSentences: le,
+    clearErrors: ce
   };
-}, hn = (w, s, I) => s && I ? `${w} word "${s}" ${I}` : s ? `${w} word "${s}"` : w, un = (w, s, I = ["Enter", " "]) => {
-  I.includes(w.key) && (w.preventDefault(), s());
-}, M = (w) => {
+}, un = (w, s, H) => s && H ? `${w} word "${s}" ${H}` : s ? `${w} word "${s}"` : w, hn = (w, s, H = ["Enter", " "]) => {
+  H.includes(w.key) && (w.preventDefault(), s());
+}, L = (w) => {
   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 = w, setTimeout(() => {
     document.body.removeChild(s);
@@ -254,7 +254,7 @@ const De = {
   s && s.remove(), document.head.appendChild(w);
 }, pn = (w) => [...w].sort(() => Math.random() - 0.5);
 function bn(w = {}) {
-  const { logoUrl: s, showLogo: I = !0 } = w, de = Z(null), { validateAllSentences: ae, errors: D } = cn(), R = () => a || window.innerWidth < 768, m = () => a || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, W = (e = "medium") => {
+  const { logoUrl: s, showLogo: H = !0 } = w, le = Q(null), { validateAllSentences: ce, errors: z } = cn(), E = () => a || window.innerWidth < 768, m = () => a || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, W = (e = "medium") => {
     if (!m())
       return {
         padding: "12px 24px",
@@ -282,26 +282,26 @@ function bn(w = {}) {
         };
     }
   };
-  U(() => (gn(), () => {
+  V(() => (gn(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const e = document.getElementById("magic-sentence-reset");
     e && e.remove();
   }), []);
-  const [S, H] = h("select"), [z, _] = h(null), [fe, me] = h(null), [C, Q] = h([]), [E, xe] = h(0), [le, ye] = h([]), [k, ce] = h([]), [$, be] = h(20), [J, L] = h(0), [wn, Se] = h(null), [A, T] = h(null), [d, ee] = h(!1), [ne, te] = h(!1), [he, Re] = h(
+  const [b, k] = h("select"), [R, ee] = h(null), [fe, me] = h(null), [T, ne] = h([]), [C, xe] = h(0), [ue, ye] = h([]), [S, he] = h([]), [U, be] = h(20), [J, B] = h(0), [wn, We] = h(null), [A, v] = h(null), [c, te] = h(!1), [Y, K] = h(!1), [ge, Re] = h(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), Y = Z(null), ze = Z(null), We = Z(0), [x, B] = h({ list: null, id: null, side: null }), [a, Ee] = h(!1), [Pe, ie] = h(1), [ke, re] = h(null), [Be, Me] = h(!1), [O, Le] = h(!1), [N, Ae] = h(!1), [G, $e] = h(!1), [X, Oe] = h(!1), [j, Ne] = h(!1), [F, Ge] = h(!1), [q, Xe] = h(!1), [V, je] = h(!1), [fn, Fe] = h(!1), [mn, qe] = h(!1);
-  U(() => {
+  ), Z = Q(null), ze = Q(null), Se = Q(0), [x, M] = h({ list: null, id: null, side: null }), [a, Ee] = h(!1), [Pe, ie] = h(1), [ke, re] = h(null), [Be, Me] = h(!1), [$, Le] = h(!1), [O, Ae] = h(!1), [N, $e] = h(!1), [G, Oe] = h(!1), [X, Ne] = h(!1), [j, Ge] = h(!1), [F, Xe] = h(!1), [q, je] = h(!1), [fn, Fe] = h(!1), [mn, qe] = h(!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, c = t / n > 1.8, p = t === 768 && n === 1024, o = t === 1024 && n === 768, u = t === 820 && n === 1180, y = t === 1180 && n === 820, v = t === 540 && n === 720, se = t === 720 && n === 540, Ie = t === 1024 && n === 1366, Te = t === 1366 && n === 1024, Ce = t >= 1200 && n >= 600 && !i;
-      Me(Ce), Le(p), Ae(o), $e(u), Oe(y), Ne(v), Ge(se), Xe(Ie), je(Te), qe(c);
+      const t = window.innerWidth, n = window.innerHeight, i = t < 768 || t === 926 && n === 428 || t === 932 && n === 430, r = n < 700, u = t / n > 1.8, p = t === 768 && n === 1024, o = t === 1024 && n === 768, d = t === 820 && n === 1180, D = t === 1180 && n === 820, I = t === 540 && n === 720, ae = t === 720 && n === 540, Ie = t === 1024 && n === 1366, Te = t === 1366 && n === 1024, Ce = t >= 1200 && n >= 600 && !i;
+      Me(Ce), Le(p), Ae(o), $e(d), Oe(D), Ne(I), Ge(ae), Xe(Ie), je(Te), qe(u);
       const sn = i && t > n || i || // ✅ ВСЕ мобильные устройства (включая portrait)
-      n < 700 || c || // ✅ Широкие экраны
-      t === 1366 && n === 766 || t === 1366 && n === 768 || t === 1280 && n === 720 || t === 1440 && n === 900 || p || o || u || y || v || se || Ie || Te || Ce;
+      n < 700 || u || // ✅ Широкие экраны
+      t === 1366 && n === 766 || t === 1366 && n === 768 || t === 1280 && n === 720 || t === 1440 && n === 900 || p || o || d || D || I || ae || Ie || Te || Ce;
       if (Fe(sn), Ee(i), i)
         re(null), ie(1);
       else if (r)
         re(null), ie(1);
-      else if (c) {
+      else if (u) {
         const pe = Math.min(1e3, Math.min(t, n) * 0.9);
         re(pe), ie(0.85);
       } else {
@@ -312,22 +312,22 @@ function bn(w = {}) {
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
   const oe = (e, t, n, i) => {
-    if (d) return;
-    let r = [...le], c = [...k];
-    const p = e === "bank" ? r : c, o = t === "bank" ? r : c, u = p.findIndex((se) => se.id === n);
-    if (u === -1) return;
-    const [y] = p.splice(u, 1);
-    let v = i;
-    e === t && v !== null && v !== void 0 && v > u && (v = v - 1), v == null || v < 0 || v > o.length ? o.push(y) : o.splice(v, 0, y), e === "bank" ? r = p : c = p, t === "bank" ? r = o : c = o, ye(r), ce(c);
-  }, K = (e, t, n) => {
-    if (e.preventDefault(), d) {
-      B({ list: null, id: null, side: null });
+    if (c) return;
+    let r = [...ue], u = [...S];
+    const p = e === "bank" ? r : u, o = t === "bank" ? r : u, d = p.findIndex((ae) => ae.id === n);
+    if (d === -1) return;
+    const [D] = p.splice(d, 1);
+    let I = i;
+    e === t && I !== null && I !== void 0 && I > d && (I = I - 1), I == null || I < 0 || I > o.length ? o.push(D) : o.splice(I, 0, D), e === "bank" ? r = p : u = p, t === "bank" ? r = o : u = o, ye(r), he(u);
+  }, _ = (e, t, n) => {
+    if (e.preventDefault(), c) {
+      M({ list: null, id: null, side: null });
       return;
     }
     const i = e.dataTransfer.getData("application/x-token") || (() => {
       const r = e.dataTransfer.getData("text/plain");
       if (!r) return "";
-      const c = le.some((u) => u.id === r), p = k.some((u) => u.id === r), o = c ? "bank" : p ? "selected" : null;
+      const u = ue.some((d) => d.id === r), p = S.some((d) => d.id === r), o = u ? "bank" : p ? "selected" : null;
       return o ? JSON.stringify({ from: o, id: r }) : "";
     })();
     if (i) {
@@ -337,91 +337,103 @@ function bn(w = {}) {
         oe(r.from, t, r.id, n);
       } catch {
       }
-      B({ list: null, id: null, side: null });
+      M({ list: null, id: null, side: null });
     }
   }, Ve = (e) => {
-    _(e), ze.current = e, Q(Array(e).fill("")), H("time");
+    ee(e), ze.current = e, ne(Array(e).fill("")), k("time");
   }, Ue = (e) => {
-    me(e), H("type");
+    me(e), k("type");
   }, Je = (e, t) => {
     if (t.length > 41 || t && !/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(t))
       return;
-    const i = [...C];
-    i[e] = t, Q(i);
-    const r = ae(i);
+    const i = [...T];
+    i[e] = t, ne(i);
+    const r = ce(i);
     r.isValid || console.warn("Validation errors:", r.errors);
   }, Ye = (e) => e.trim().replace(/\s+/g, " "), ve = (e) => e <= 3 ? 20 : e <= 5 ? 18 : e <= 7 ? 16 : e <= 9 ? 14 : 12, Ke = () => {
-    C.some((t) => t.trim().length === 0) || (Q((t) => t.map((n) => Ye(n))), L(0), xe(0), We.current = 0, Se(null), H("getready"));
+    T.some((t) => t.trim().length === 0) || (ne((t) => t.map((n) => Ye(n))), B(0), xe(0), Se.current = 0, We(null), k("getready"));
   };
-  U(() => {
-    if (S === "getready") {
-      const e = setTimeout(() => ue(0), 3e3);
+  V(() => {
+    if (b === "getready") {
+      const e = setTimeout(() => se(0), 3e3);
       return () => clearTimeout(e);
     }
-  }, [S]);
-  const ue = (e) => {
-    const t = C[e];
+  }, [b]);
+  const se = (e) => {
+    const t = T[e];
     if (!t) return;
     const i = pn(
       t.trim().split(/\s+/).filter(Boolean)
-    ).map((r, c) => ({
-      id: `${Date.now()}-${e}-${c}-${Math.random().toString(36).slice(2)}`,
+    ).map((r, u) => ({
+      id: `${Date.now()}-${e}-${u}-${Math.random().toString(36).slice(2)}`,
       text: r
     }));
-    ye(i), ce([]), xe(e), We.current = e, be(fe || 20), T(null), ee(!1), te(!1), H("play");
-  }, f = Z(null);
-  U(() => {
-    if (S !== "play" || d) {
+    ye(i), he([]), xe(e), Se.current = e, be(fe || 20), v(null), te(!1), K(!1), k("play");
+  }, f = Q(null);
+  V(() => {
+    if (b !== "play" || c) {
       f.current !== null && (window.clearTimeout(f.current), f.current = null);
       return;
     }
-    const e = C[E];
+    const e = T[C];
     if (!e) {
-      T(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
+      v(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
       return;
     }
-    if (k.length === 0) {
-      T(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
+    if (S.length === 0) {
+      v(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
       return;
     }
-    const t = e.trim().split(/\s+/), n = k.map((r) => r.text);
-    if (n.length === t.length && n.every((r, c) => r === t[c]))
-      f.current !== null && (window.clearTimeout(f.current), f.current = null), T("correct"), ne || (te(!0), L((r) => r + 1), P("correct"), M("Correct! Well done!"));
-    else if (n.length >= t.length || n.length >= 2) {
+    const t = e.trim().split(/\s+/), n = S.map((r) => r.text);
+    if (n.length === t.length && n.every((r, u) => r === t[u]))
+      f.current !== null && (window.clearTimeout(f.current), f.current = null), v("correct"), Y || (K(!0), B((r) => r + 1), P("correct"), L("Correct! Well done!"));
+    else if (n.length >= t.length) {
       f.current !== null && (window.clearTimeout(f.current), f.current = null);
-      const c = t.filter((y) => !n.includes(y)).length, p = n.filter((y) => !t.includes(y)).length, o = t.filter((y, v) => y !== n[v]).length, u = c + p + o;
-      T(u === 1 ? "almost" : "wrong"), ne && (te(!1), L((y) => Math.max(0, y - 1)));
+      const r = t.filter((d) => !n.includes(d)).length, u = n.filter((d) => !t.includes(d)).length, p = t.filter((d, D) => d !== n[D]).length, o = r + u + p;
+      v(o === 1 ? "almost" : "wrong"), Y && (K(!1), B((d) => Math.max(0, d - 1)));
     } else
-      T(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
+      v(null), f.current !== null && (window.clearTimeout(f.current), f.current = null);
     return () => {
       f.current !== null && (window.clearTimeout(f.current), f.current = null);
     };
-  }, [S, k, C, E, d, A, ne, z]), U(() => {
-    if (S === "play" && !d)
-      if (Y.current !== null && window.clearTimeout(Y.current), $ > 0)
-        Y.current = window.setTimeout(() => be((e) => e - 1), 1e3);
+  }, [b, S, T, C, c, A, Y, R]), V(() => {
+    if (b === "play" && !c)
+      if (Z.current !== null && window.clearTimeout(Z.current), U > 0)
+        Z.current = window.setTimeout(() => be((e) => e - 1), 1e3);
       else {
-        ee(!0);
-        const t = C[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, c = t.filter((o, u) => o !== n[u]).length, p = i + r + c;
-        p === 0 ? (T("correct"), ne || (te(!0), L((o) => o + 1)), P("correct"), M("Correct! Well done!")) : p === 1 ? (T("almost"), P("half"), M("Almost correct! Just one mistake.")) : (T("wrong"), P("wrong"), M("Not quite right. Keep trying!"));
+        te(!0);
+        const e = T[C];
+        if (!e) {
+          v(null);
+          return;
+        }
+        const t = e.trim().split(/\s+/), n = S.map((o) => o.text), i = t.filter((o) => !n.includes(o)).length, r = n.filter((o) => !t.includes(o)).length, u = t.filter((o, d) => o !== n[d]).length, p = i + r + u;
+        p === 0 ? (v("correct"), Y || (K(!0), B((o) => o + 1)), P("correct"), L("Correct! Well done!")) : p === 1 ? (v("almost"), B((o) => o + 0.5), P("half"), L("Almost correct! Just one mistake.")) : (v("wrong"), P("wrong"), L("Not quite right. Keep trying!"));
       }
     return () => {
-      Y.current !== null && window.clearTimeout(Y.current);
+      Z.current !== null && window.clearTimeout(Z.current);
     };
-  }, [S, $, d, C, E, k]);
+  }, [b, U, c, T, C, S, Y]);
   const Ze = (e = !0) => {
-    if (d && e) {
-      E + 1 < (z || 0) ? ue(E + 1) : (H("results"), setTimeout(() => ge(), 600));
-      return;
-    }
-    if (e && !d) {
-      const n = C[E].trim().split(/\s+/), i = k.map((u) => u.text), r = n.filter((u) => !i.includes(u)).length, c = i.filter((u) => !n.includes(u)).length, p = n.filter((u, y) => u !== i[y]).length, o = r + c + p;
-      o === 0 && $ > 0 ? (L((u) => u + 1), T("correct"), P("correct"), M("Correct! Well done!")) : o === 1 ? (L((u) => u + 0.5), T("almost"), P("half"), M("Almost correct! Just one mistake.")) : (T("wrong"), P("wrong"), M("Not quite right. Keep trying!")), E + 1 < (z || 0) ? setTimeout(() => ue(E + 1), 800) : (H("results"), setTimeout(() => ge(), 600));
+    if (e) {
+      if (c) {
+        C + 1 < (R || 0) ? se(C + 1) : (k("results"), setTimeout(() => de(), 600));
+        return;
+      }
+      const t = T[C];
+      if (!t) {
+        C + 1 < (R || 0) ? se(C + 1) : (k("results"), setTimeout(() => de(), 600));
+        return;
+      }
+      const n = t.trim().split(/\s+/), i = S.map((d) => d.text), r = n.filter((d) => !i.includes(d)).length, u = i.filter((d) => !n.includes(d)).length, p = n.filter((d, D) => d !== i[D]).length, o = r + u + p;
+      o === 0 ? (B((d) => d + 1), v("correct"), K(!0), P("correct"), L("Correct! Well done!")) : o === 1 ? (B((d) => d + 0.5), v("almost"), P("half"), L("Almost correct! Just one mistake.")) : (v("wrong"), P("wrong"), L("Not quite right. Keep trying!")), C + 1 < (R || 0) ? setTimeout(() => se(C + 1), 800) : setTimeout(() => {
+        k("results"), setTimeout(() => de(), 600);
+      }, 800);
     }
   };
-  U(() => {
-    S === "results" && J > he && (Re(J), localStorage.setItem("magicSentenceBest", String(J)));
-  }, [S, J, he]);
+  V(() => {
+    b === "results" && J > ge && (Re(J), localStorage.setItem("magicSentenceBest", String(J)));
+  }, [b, J, ge]);
   const P = (e) => {
     const t = new (window.AudioContext || window.webkitAudioContext)(), n = t.createOscillator(), i = t.createGain();
     switch (n.connect(i), i.connect(t.destination), e) {
@@ -442,10 +454,10 @@ function bn(w = {}) {
         break;
     }
     i.gain.setValueAtTime(0.1, t.currentTime), n.start(), n.stop(t.currentTime + 0.2);
-  }, ge = () => {
+  }, de = () => {
     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 c = Array.from({ length: 100 }).map(() => ({
+    const u = Array.from({ length: 100 }).map(() => ({
       x: Math.random() * i.width,
       y: Math.random() * i.height - i.height,
       size: 6 + Math.random() * 6,
@@ -453,19 +465,19 @@ function bn(w = {}) {
       speed: 2 + Math.random() * 4,
       tilt: Math.random() * 2 * Math.PI
     })), p = () => {
-      r.clearRect(0, 0, i.width, i.height), c.forEach((o) => {
+      r.clearRect(0, 0, i.width, i.height), u.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(p) : document.body.removeChild(i);
     };
     p();
-  }, _e = () => /* @__PURE__ */ b("div", { style: g.gmCenterScreen, children: [
+  }, _e = () => /* @__PURE__ */ y("div", { style: g.gmCenterScreen, children: [
     /* @__PURE__ */ l("h1", { style: g.gmHeadline1, children: "MAGIC SENTENCE" }),
     /* @__PURE__ */ l("p", { style: g.gmBodyM, children: "Select number of rounds" }),
     /* @__PURE__ */ l("div", { style: {
       display: "flex",
       gap: m() ? "8px" : "16px",
       justifyContent: "center"
-    }, children: [3, 4, 5].map((e) => /* @__PURE__ */ b(
+    }, children: [3, 4, 5].map((e) => /* @__PURE__ */ y(
       "button",
       {
         onClick: () => Ve(e),
@@ -480,14 +492,14 @@ function bn(w = {}) {
       },
       e
     )) })
-  ] }), Qe = () => /* @__PURE__ */ b("div", { style: g.gmCenterScreen, children: [
+  ] }), Qe = () => /* @__PURE__ */ y("div", { style: g.gmCenterScreen, children: [
     /* @__PURE__ */ l("h1", { style: g.gmHeadline1, children: "MAGIC SENTENCE" }),
     /* @__PURE__ */ l("p", { style: g.gmBodyM, children: "Select time per round" }),
     /* @__PURE__ */ l("div", { style: {
       display: "flex",
       gap: m() ? "8px" : "16px",
       justifyContent: "center"
-    }, children: [15, 20, 30].map((e) => /* @__PURE__ */ b(
+    }, children: [15, 20, 30].map((e) => /* @__PURE__ */ y(
       "button",
       {
         onClick: () => Ue(e),
@@ -502,12 +514,12 @@ function bn(w = {}) {
       },
       e
     )) })
-  ] }), en = () => /* @__PURE__ */ b("div", { style: g.gmCenterScreen, children: [
-    /* @__PURE__ */ b("h2", { style: { ...g.gmBodyM, marginBottom: "0px" }, children: [
+  ] }), en = () => /* @__PURE__ */ y("div", { style: g.gmCenterScreen, children: [
+    /* @__PURE__ */ y("h2", { style: { ...g.gmBodyM, marginBottom: "0px" }, children: [
       "Type down ",
-      z,
+      R,
       " sentence",
-      z && z > 1 ? "s" : "",
+      R && R > 1 ? "s" : "",
       " for your student"
     ] }),
     /* @__PURE__ */ l("p", { style: { ...g.gmBodyS, marginBottom: "16px", marginTop: "0px", color: "#6b7280" }, children: "Maximum 41 characters per sentence" }),
@@ -521,7 +533,7 @@ function bn(w = {}) {
       // Минимальная ширина по содержимому
       maxWidth: "600px"
       // Ограничиваем максимальную ширину
-    }, children: C.map((e, t) => /* @__PURE__ */ l(
+    }, children: T.map((e, t) => /* @__PURE__ */ l(
       "input",
       {
         value: e,
@@ -543,34 +555,34 @@ function bn(w = {}) {
       "button",
       {
         onClick: Ke,
-        disabled: C.some((e) => e.trim().length === 0),
+        disabled: T.some((e) => e.trim().length === 0),
         style: {
           ...g.gmButton,
           marginTop: 30,
-          background: C.some((e) => e.trim().length === 0) ? "#ccc" : "#ec4c44",
-          cursor: C.some((e) => e.trim().length === 0) ? "not-allowed" : "pointer",
+          background: T.some((e) => e.trim().length === 0) ? "#ccc" : "#ec4c44",
+          cursor: T.some((e) => e.trim().length === 0) ? "not-allowed" : "pointer",
           ...W("large")
         },
         children: "PLAY"
       }
     )
-  ] }), nn = () => /* @__PURE__ */ b("div", { style: g.gmReadyWrapper, children: [
+  ] }), nn = () => /* @__PURE__ */ y("div", { style: g.gmReadyWrapper, children: [
     /* @__PURE__ */ l("h1", { style: {
       ...g.gmHeadline1,
       color: "#ec4c44"
     }, children: "GET READY" }),
     /* @__PURE__ */ l("div", { style: g.gmHourglass, children: "⏳" })
-  ] }), tn = () => /* @__PURE__ */ b("div", { style: g.gmGameLayout, children: [
-    /* @__PURE__ */ b("h2", { style: {
+  ] }), tn = () => /* @__PURE__ */ y("div", { style: g.gmGameLayout, children: [
+    /* @__PURE__ */ y("h2", { style: {
       marginBottom: m() ? "5px" : "10px",
       fontSize: m() ? "16px" : "20px"
     }, children: [
       "Round ",
-      E + 1,
+      C + 1,
       "/",
-      z,
+      R,
       " — ",
-      d ? "TIME'S UP!" : `Time: ${$}s`
+      c ? "TIME'S UP!" : `Time: ${U}s`
     ] }),
     /* @__PURE__ */ l(
       "div",
@@ -588,8 +600,8 @@ function bn(w = {}) {
           {
             style: {
               height: "100%",
-              width: `${$ / (fe || 20) * 100}%`,
-              background: $ <= 5 ? "#ec4c44" : "#4caf50",
+              width: `${U / (fe || 20) * 100}%`,
+              background: U <= 5 ? "#ec4c44" : "#4caf50",
               transition: "width 1s linear"
             }
           }
@@ -600,10 +612,10 @@ function bn(w = {}) {
       "div",
       {
         onDragOver: (e) => e.preventDefault(),
-        onDrop: (e) => K(e, "bank", null),
+        onDrop: (e) => _(e, "bank", null),
         style: {
           display: "flex",
-          flexWrap: R() ? "wrap" : "nowrap",
+          flexWrap: E() ? "wrap" : "nowrap",
           gap: a || window.innerWidth < 768 ? "6px" : "10px",
           justifyContent: "center",
           marginBottom: a || window.innerWidth < 768 ? "15px" : "30px",
@@ -611,52 +623,52 @@ function bn(w = {}) {
           width: "100%",
           boxSizing: "border-box"
         },
-        children: le.map((e, t) => /* @__PURE__ */ l(
+        children: ue.map((e, t) => /* @__PURE__ */ l(
           "div",
           {
-            draggable: !d,
+            draggable: !c,
             role: "button",
-            tabIndex: d ? -1 : 0,
-            "aria-label": d ? `Word: ${e.text} (time expired)` : hn("Drag word", e.text, "to build sentence"),
+            tabIndex: c ? -1 : 0,
+            "aria-label": c ? `Word: ${e.text} (time expired)` : un("Drag word", e.text, "to build sentence"),
             onDragStart: (n) => {
-              if (d) {
+              if (c) {
                 n.preventDefault();
                 return;
               }
               n.dataTransfer.setData(
                 "application/x-token",
                 JSON.stringify({ from: "bank", id: e.id })
-              ), n.dataTransfer.setData("text/plain", e.id), M(`Dragging word: ${e.text}`);
+              ), n.dataTransfer.setData("text/plain", e.id), L(`Dragging word: ${e.text}`);
             },
             onKeyDown: (n) => {
-              d || un(n, () => oe("bank", "selected", e.id, null));
+              c || hn(n, () => oe("bank", "selected", e.id, null));
             },
             onDragOver: (n) => n.preventDefault(),
             onDrop: (n) => {
-              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, c = n.clientX > r ? t + 1 : t;
-              B({ list: null, id: null, side: null }), n.stopPropagation(), K(n, "bank", c);
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, u = n.clientX > r ? t + 1 : t;
+              M({ list: null, id: null, side: null }), n.stopPropagation(), _(n, "bank", u);
             },
             onDragEnter: (n) => {
-              if (d) return;
+              if (c) return;
               const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2;
-              B({ list: "bank", id: e.id, side: n.clientX > r ? "right" : "left" });
+              M({ list: "bank", id: e.id, side: n.clientX > r ? "right" : "left" });
             },
-            onDragLeave: () => B({ list: null, id: null, side: null }),
+            onDragLeave: () => M({ list: null, id: null, side: null }),
             onClick: () => {
-              d || oe("bank", "selected", e.id, null);
+              c || oe("bank", "selected", e.id, null);
             },
             style: {
               padding: a || window.innerWidth < 768 ? "6px 10px" : "10px 16px",
               borderRadius: a || window.innerWidth < 768 ? "6px" : "10px",
               border: "1px solid #ccc",
-              background: d ? "#f0f0f0" : "#f9f9f9",
-              cursor: d ? "not-allowed" : x.list === "bank" && x.id === e.id ? "grabbing" : "grab",
+              background: c ? "#f0f0f0" : "#f9f9f9",
+              cursor: c ? "not-allowed" : x.list === "bank" && x.id === e.id ? "grabbing" : "grab",
               fontSize: a || window.innerWidth < 768 ? "12px" : "18px",
               ...x.list === "bank" && x.id === e.id && x.side === "left" ? { borderLeft: "3px solid #3b82f6" } : {},
               ...x.list === "bank" && x.id === e.id && x.side === "right" ? { borderRight: "3px solid #3b82f6" } : {},
               flexShrink: 0,
               flexBasis: "auto",
-              opacity: d ? 0.6 : 1,
+              opacity: c ? 0.6 : 1,
               transition: "opacity 0.3s ease, transform 0.2s ease",
               ...x.list === "bank" && x.id === e.id ? {
                 transform: "scale(1.05)",
@@ -676,14 +688,14 @@ function bn(w = {}) {
         onDrop: (e) => {
           const t = e.currentTarget.getBoundingClientRect(), n = Array.from(e.currentTarget.children);
           if (n.length === 0) {
-            K(e, "selected", 0);
+            _(e, "selected", 0);
             return;
           }
-          let i = k.length, r = 1 / 0;
-          n.forEach((c, p) => {
-            const o = c.getBoundingClientRect(), u = o.left + o.width / 2, y = Math.abs(e.clientX - u);
-            y < r && (r = y, i = e.clientX < u ? p : p + 1);
-          }), e.clientX > t.right - 30 && (i = k.length), e.clientX < t.left + 30 && (i = 0), K(e, "selected", i);
+          let i = S.length, r = 1 / 0;
+          n.forEach((u, p) => {
+            const o = u.getBoundingClientRect(), d = o.left + o.width / 2, D = Math.abs(e.clientX - d);
+            D < r && (r = D, i = e.clientX < d ? p : p + 1);
+          }), e.clientX > t.right - 30 && (i = S.length), e.clientX < t.left + 30 && (i = 0), _(e, "selected", i);
         },
         style: {
           minHeight: a || window.innerWidth < 768 ? "50px" : "70px",
@@ -697,20 +709,20 @@ function bn(w = {}) {
           borderRadius: a || window.innerWidth < 768 ? "8px" : "12px",
           padding: a || window.innerWidth < 768 ? "8px" : "12px",
           display: "flex",
-          flexWrap: R() ? "wrap" : "nowrap",
+          flexWrap: E() ? "wrap" : "nowrap",
           alignItems: "center",
           justifyContent: "center",
-          fontSize: `${ve(k.length)}px`,
+          fontSize: `${ve(S.length)}px`,
           background: A === "correct" ? "#e8f5e8" : A === "almost" ? "#fff3e0" : A === "wrong" ? "#ffebee" : "#fafafa",
-          overflowX: R() ? "hidden" : "auto",
-          whiteSpace: R() ? "normal" : "nowrap"
+          overflowX: E() ? "hidden" : "auto",
+          whiteSpace: E() ? "normal" : "nowrap"
         },
-        children: k.map((e, t) => /* @__PURE__ */ l(
+        children: S.map((e, t) => /* @__PURE__ */ l(
           "span",
           {
-            draggable: !d,
+            draggable: !c,
             onDragStart: (n) => {
-              if (d) {
+              if (c) {
                 n.preventDefault();
                 return;
               }
@@ -721,36 +733,36 @@ function bn(w = {}) {
             },
             onDragOver: (n) => n.preventDefault(),
             onDrop: (n) => {
-              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, c = i.width * 0.25, p = n.clientX < r - c ? t : n.clientX > r + c || n.clientX > r ? t + 1 : t;
-              B({ list: null, id: null, side: null }), n.stopPropagation(), K(n, "selected", p);
+              const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2, u = i.width * 0.25, p = n.clientX < r - u ? t : n.clientX > r + u || n.clientX > r ? t + 1 : t;
+              M({ list: null, id: null, side: null }), n.stopPropagation(), _(n, "selected", p);
             },
             onDragEnter: (n) => {
-              if (d) return;
+              if (c) return;
               const i = n.currentTarget.getBoundingClientRect(), r = i.left + i.width / 2;
-              B({ list: "selected", id: e.id, side: n.clientX > r ? "right" : "left" });
+              M({ list: "selected", id: e.id, side: n.clientX > r ? "right" : "left" });
             },
-            onDragLeave: () => B({ list: null, id: null, side: null }),
+            onDragLeave: () => M({ list: null, id: null, side: null }),
             onClick: () => {
-              d || oe("selected", "bank", e.id, null);
+              c || oe("selected", "bank", e.id, null);
             },
-            title: d ? "Time expired" : "Click to remove back to bank",
+            title: c ? "Time expired" : "Click to remove back to bank",
             style: {
               padding: m() ? "4px 6px" : "6px 10px",
               margin: m() ? "2px" : "4px",
               borderRadius: m() ? "4px" : "8px",
-              background: d ? "#f0f0f0" : "#ffe9e7",
-              border: d ? "1px solid #ccc" : "1px solid #ec4c44",
+              background: c ? "#f0f0f0" : "#ffe9e7",
+              border: c ? "1px solid #ccc" : "1px solid #ec4c44",
               ...x.list === "selected" && x.id === e.id && x.side === "left" ? { borderLeft: "3px solid #3b82f6" } : {},
               ...x.list === "selected" && x.id === e.id && x.side === "right" ? { borderRight: "3px solid #3b82f6" } : {},
-              cursor: d ? "not-allowed" : x.list === "selected" && x.id === e.id ? "grabbing" : "grab",
+              cursor: c ? "not-allowed" : x.list === "selected" && x.id === e.id ? "grabbing" : "grab",
               userSelect: "none",
-              fontSize: `${ve(k.length)}px`,
+              fontSize: `${ve(S.length)}px`,
               // Адаптивный размер шрифта для слов
               fontFamily: '"Roboto", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif',
               // Более плотный шрифт
               whiteSpace: "nowrap",
               // Запрещаем перенос слов
-              opacity: d ? 0.6 : 1,
+              opacity: c ? 0.6 : 1,
               transition: "opacity 0.3s ease, transform 0.2s ease",
               ...x.list === "selected" && x.id === e.id ? {
                 transform: "scale(1.05)",
@@ -767,49 +779,49 @@ function bn(w = {}) {
       "button",
       {
         onClick: () => Ze(!0),
-        disabled: !d && k.length === 0,
+        disabled: !c && S.length === 0,
         style: {
           marginTop: m() ? "15px" : "30px",
           fontSize: m() ? "14px" : "20px",
           padding: m() ? "6px 12px" : "10px 24px",
           borderRadius: m() ? "8px" : "12px",
-          background: d || k.length > 0 ? "#ec4c44" : "#ccc",
+          background: c || S.length > 0 ? "#ec4c44" : "#ccc",
           color: "white",
           border: "none",
-          cursor: d || k.length > 0 ? "pointer" : "not-allowed"
+          cursor: c || S.length > 0 ? "pointer" : "not-allowed"
         },
         children: "NEXT"
       }
     )
-  ] }), rn = () => /* @__PURE__ */ b("div", { style: g.gmCenterScreen, children: [
+  ] }), rn = () => /* @__PURE__ */ y("div", { style: g.gmCenterScreen, children: [
     /* @__PURE__ */ l("h1", { style: {
       ...g.gmHeadline1,
-      marginTop: (a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V, "0px"),
-      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V ? "2px" : "10px",
+      marginTop: (a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q, "0px"),
+      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q ? "2px" : "10px",
       fontSize: a && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "32px" : "clamp(28px, 4vw, 40px)"
     }, children: "Game Over 🎯" }),
-    /* @__PURE__ */ b("h2", { style: {
+    /* @__PURE__ */ y("h2", { style: {
       ...g.gmHeadline2,
-      marginTop: (a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V, "0px"),
-      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V ? "2px" : "16px",
+      marginTop: (a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q, "0px"),
+      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q ? "2px" : "16px",
       fontSize: a && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "18px" : "24px"
     }, children: [
       "Your score: ",
       J,
       " out of ",
-      z
+      R
     ] }),
-    /* @__PURE__ */ b("p", { style: {
+    /* @__PURE__ */ y("p", { style: {
       ...g.gmBodyM,
       color: "#10b981",
-      marginTop: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V ? "0px" : "12px",
-      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || O || N || G || X || j || F || q || V ? "2px" : "16px",
+      marginTop: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q ? "0px" : "12px",
+      marginBottom: a && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || $ || O || N || G || X || j || F || q ? "2px" : "16px",
       fontSize: a && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px"
     }, children: [
       "Best score: ",
-      he
+      ge
     ] }),
-    /* @__PURE__ */ b("div", { style: {
+    /* @__PURE__ */ y("div", { style: {
       display: "flex",
       gap: a && window.innerWidth > window.innerHeight || a && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px",
       marginTop: a && window.innerWidth > window.innerHeight || a && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "2px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || Be ? "12px" : "24px"
@@ -818,8 +830,8 @@ function bn(w = {}) {
         "button",
         {
           onClick: () => {
-            ge(), P("start"), setTimeout(() => {
-              H("getready"), Se(null), ee(!1);
+            de(), P("start"), setTimeout(() => {
+              k("getready"), We(null), te(!1);
             }, 800);
           },
           style: {
@@ -833,7 +845,7 @@ function bn(w = {}) {
         "button",
         {
           onClick: () => {
-            P("click"), H("select"), _(null), me(null), Q([]), L(0), ce([]), ee(!1);
+            P("click"), k("select"), ee(null), me(null), ne([]), B(0), he([]), te(!1);
           },
           style: {
             ...g.gmButton,
@@ -843,14 +855,14 @@ function bn(w = {}) {
         }
       )
     ] })
-  ] }), He = !a && I, on = dn(
+  ] }), He = !a && H, on = dn(
     () => {
       if (a && window.innerWidth > window.innerHeight || window.innerHeight < 700 || !He)
         return null;
       const e = s || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/magic%20sentence/logo` : "/cloud/speakid/games/magic%20sentence/logo");
       return (
         // ensure logo is positioned inside the square container
-        /* @__PURE__ */ l("div", { style: { ...g.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ b("picture", { children: [
+        /* @__PURE__ */ l("div", { style: { ...g.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ y("picture", { children: [
           /* @__PURE__ */ l(
             "source",
             {
@@ -875,7 +887,7 @@ function bn(w = {}) {
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: de,
+      ref: le,
       style: {
         width: "100%",
         height: "100%",
@@ -921,14 +933,14 @@ function bn(w = {}) {
                 justifyContent: "center",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ b("div", { id: "magic-sentence-root", children: [
+              children: /* @__PURE__ */ y("div", { id: "magic-sentence-root", children: [
                 on,
-                S === "select" ? _e() : null,
-                S === "time" ? Qe() : null,
-                S === "type" ? en() : null,
-                S === "getready" ? nn() : null,
-                S === "play" ? tn() : null,
-                S === "results" ? rn() : null
+                b === "select" ? _e() : null,
+                b === "time" ? Qe() : null,
+                b === "type" ? en() : null,
+                b === "getready" ? nn() : null,
+                b === "play" ? tn() : null,
+                b === "results" ? rn() : null
               ] })
             }
           )
@@ -937,7 +949,7 @@ function bn(w = {}) {
     }
   );
 }
-class Sn extends an {
+class Wn extends an {
   constructor(s) {
     super(s), this.state = { hasError: !1 };
   }
@@ -947,17 +959,17 @@ class Sn extends an {
       error: s
     };
   }
-  componentDidCatch(s, I) {
-    console.error("Game Error:", s, I), this.setState({
+  componentDidCatch(s, H) {
+    console.error("Game Error:", s, H), this.setState({
       error: s,
-      errorInfo: I
+      errorInfo: H
     });
   }
   handleReset = () => {
     this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
   };
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ b("div", { style: {
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -990,9 +1002,9 @@ class Sn extends an {
           children: "🔄 Restart Game"
         }
       ),
-      typeof process < "u" && process.env.NODE_ENV === "development" && this.state.error && /* @__PURE__ */ b("details", { style: { marginTop: "20px", textAlign: "left", maxWidth: "600px" }, children: [
+      typeof process < "u" && process.env.NODE_ENV === "development" && this.state.error && /* @__PURE__ */ y("details", { style: { marginTop: "20px", textAlign: "left", maxWidth: "600px" }, children: [
         /* @__PURE__ */ l("summary", { style: { cursor: "pointer", fontSize: "14px" }, children: "Technical Details (Development Only)" }),
-        /* @__PURE__ */ b("pre", { style: {
+        /* @__PURE__ */ y("pre", { style: {
           backgroundColor: "#f3f4f6",
           padding: "12px",
           borderRadius: "4px",
@@ -1008,12 +1020,12 @@ class Sn extends an {
   }
 }
 export {
-  Sn as ErrorBoundary,
+  Wn as ErrorBoundary,
   bn as Game,
-  M as announceToScreenReader,
-  hn as createAriaLabel,
+  L as announceToScreenReader,
+  un as createAriaLabel,
   bn as default,
-  un as handleKeyDown,
+  hn as handleKeyDown,
   cn as useValidation
 };
 //# sourceMappingURL=speakid-build-a-sentence.es.js.map