@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/audio-recorder-B-8SKgKn.js

@@ -1,376 +0,0 @@
-import { jsxs as b, jsx as r, Fragment as se } from "react/jsx-runtime";
-import { forwardRef as re, useReducer as ie, useState as x, useRef as m, useEffect as N, useCallback as k } from "react";
-import { c as ae } from "./index-D2ZczOXr.js";
-import { useTranslation as ne } from "react-i18next";
-import { B as U } from "./button-7mLWcMp_.js";
-import { I as D } from "./icon-button-Wnnde5lc.js";
-import { S as de } from "./select-IY_JQa-F.js";
-import { A as ce } from "./audio-visualiser-CeMPCZkd.js";
-import { A as T } from "./alert-BlOUMkXj.js";
-import { c as _ } from "./createLucideIcon-CrFbzy84.js";
-import { S as ue } from "./square-CZoGU14v.js";
-import { X as oe } from "./x-CCcI3eJp.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const le = [
-  ["path", { d: "M12 19v3", key: "npa21l" }],
-  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
-  ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
-], pe = _("mic", le);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const me = [
-  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
-  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
-], fe = _("pause", me);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const he = [
-  [
-    "path",
-    {
-      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-      key: "10ikf1"
-    }
-  ]
-], ke = _("play", he);
-function ve(n, o) {
-  switch (o.type) {
-    case "request":
-      return { kind: "requesting" };
-    case "start":
-      return { kind: "recording", startedAt: Date.now(), pausedMs: 0 };
-    case "pause":
-      return n.kind !== "recording" ? n : {
-        kind: "paused",
-        startedAt: n.startedAt,
-        pausedMs: n.pausedMs,
-        pausedAt: Date.now()
-      };
-    case "resume":
-      return n.kind !== "paused" ? n : {
-        kind: "recording",
-        startedAt: n.startedAt,
-        pausedMs: n.pausedMs + (Date.now() - n.pausedAt)
-      };
-    case "stop":
-      return { kind: "stopped", duration: o.duration };
-    case "cancel":
-      return { kind: "idle" };
-    case "error":
-      return { kind: "error", type: o.kind };
-    case "reset":
-      return { kind: "idle" };
-    default:
-      return n;
-  }
-}
-const ye = ae(
-  [
-    "ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
-    "ds:bg-background"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), ge = [
-  "audio/webm;codecs=opus",
-  "audio/webm",
-  "audio/mp4",
-  "audio/ogg;codecs=opus"
-];
-function be() {
-  if (!(typeof MediaRecorder > "u")) {
-    for (const n of ge)
-      if (MediaRecorder.isTypeSupported(n)) return n;
-  }
-}
-function we(n, o) {
-  const p = Math.max(0, Math.floor(n / 1e3)), s = Math.floor(p / 60), f = p % 60, v = (z) => new Intl.NumberFormat(o, { minimumIntegerDigits: 2 }).format(z);
-  return `${v(s)}:${v(f)}`;
-}
-const Me = re(
-  ({
-    size: n = "md",
-    onRecordingComplete: o,
-    onCancel: p,
-    onError: s,
-    maxDurationMs: f = 1800 * 1e3,
-    maxBytes: v = 250 * 1024 * 1024,
-    className: z,
-    ...X
-  }, C) => {
-    const { t: d, i18n: G } = ne(), [t, l] = ie(ve, { kind: "idle" }), [R, S] = x(null), [H, J] = x(Date.now()), [K, Q] = x([]), [w, W] = x(""), c = m(null), y = m([]), I = m(0), j = m(0), h = m(null), q = m(!1), M = m(!1), g = typeof MediaRecorder < "u";
-    N(() => {
-      var e;
-      !g || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((i) => {
-        const u = i.filter((a) => a.kind === "audioinput");
-        Q(u);
-      }).catch(() => {
-      });
-    }, [g]), N(() => {
-      if (t.kind !== "recording") return;
-      const e = window.setInterval(() => J(Date.now()), 250);
-      return () => window.clearInterval(e);
-    }, [t.kind]);
-    const F = k(() => {
-      const e = h.current ?? R;
-      e == null || e.getTracks().forEach((i) => i.stop()), h.current = null, S(null);
-    }, [R]), P = k(async () => {
-      if (!g) {
-        l({ type: "error", kind: "unsupported" }), s == null || s("unsupported");
-        return;
-      }
-      l({ type: "request" }), M.current = !1;
-      try {
-        const e = await navigator.mediaDevices.getUserMedia({
-          audio: w ? { deviceId: { exact: w } } : !0
-        });
-        if (q.current) {
-          e.getTracks().forEach((a) => a.stop());
-          return;
-        }
-        h.current = e, S(e);
-        const i = be(), u = new MediaRecorder(
-          e,
-          i ? { mimeType: i } : void 0
-        );
-        c.current = u, y.current = [], I.current = 0, u.ondataavailable = (a) => {
-          var L;
-          if (a.data && a.data.size > 0 && (y.current.push(a.data), I.current += a.data.size, typeof v == "number" && I.current >= v && ((L = c.current) == null ? void 0 : L.state) === "recording")) {
-            s == null || s("max-size");
-            try {
-              c.current.stop();
-            } catch {
-            }
-          }
-        }, u.onstop = () => {
-          if (!M.current) {
-            const a = new Blob(y.current, {
-              type: i ?? "audio/webm"
-            });
-            o == null || o(a, j.current);
-          }
-          y.current = [], c.current = null, e.getTracks().forEach((a) => a.stop()), h.current = null, S(null), M.current = !1;
-        }, u.start(1e3), l({ type: "start" });
-      } catch (e) {
-        const i = e instanceof Error ? e.name : "";
-        i === "NotAllowedError" || i === "SecurityError" ? (l({ type: "error", kind: "permission-denied" }), s == null || s("permission-denied")) : i === "NotFoundError" || i === "OverconstrainedError" ? (l({ type: "error", kind: "no-device" }), s == null || s("no-device")) : (l({ type: "error", kind: "capture-failed" }), s == null || s("capture-failed"));
-      }
-    }, [s, o, w, g]), Y = k(() => {
-      var e;
-      (e = c.current) == null || e.pause(), l({ type: "pause" });
-    }, []), Z = k(() => {
-      var e;
-      (e = c.current) == null || e.resume(), l({ type: "resume" });
-    }, []), E = k(() => {
-      var e;
-      if (t.kind === "recording" || t.kind === "paused") {
-        const i = t.startedAt, u = t.pausedMs, a = Date.now() - i - u;
-        j.current = Math.max(0, a), l({ type: "stop", duration: a });
-      }
-      try {
-        (e = c.current) == null || e.stop();
-      } catch {
-      }
-    }, [t]), ee = k(() => {
-      var e;
-      M.current = !0;
-      try {
-        (e = c.current) == null || e.stop();
-      } catch {
-      }
-      y.current = [], c.current = null, F(), l({ type: "cancel" }), p == null || p();
-    }, [F, p]);
-    N(() => {
-      if (t.kind !== "recording" || typeof f != "number" || f <= 0) return;
-      const e = Date.now() - t.startedAt - t.pausedMs, i = Math.max(0, f - e), u = window.setTimeout(() => {
-        var a;
-        if (((a = c.current) == null ? void 0 : a.state) === "recording") {
-          s == null || s("max-duration");
-          try {
-            c.current.stop();
-          } catch {
-          }
-        }
-      }, i);
-      return () => window.clearTimeout(u);
-    }, [t, f, s]), N(() => () => {
-      var e, i;
-      q.current = !0;
-      try {
-        (e = c.current) == null || e.stop();
-      } catch {
-      }
-      (i = h.current) == null || i.getTracks().forEach((u) => u.stop()), h.current = null;
-    }, []);
-    const te = t.kind === "recording" ? H - t.startedAt - t.pausedMs : t.kind === "paused" ? t.pausedAt - t.startedAt - t.pausedMs : t.kind === "stopped" ? t.duration : 0, V = K.map((e) => ({
-      value: e.deviceId,
-      label: e.label || d("ui.chat.audio.selectDevice")
-    })), $ = (() => {
-      switch (t.kind) {
-        case "idle":
-          return d("ui.chat.audio.idle");
-        case "requesting":
-          return d("ui.common.loading");
-        case "recording":
-          return d("ui.chat.audio.recording");
-        case "paused":
-          return d("ui.chat.audio.paused");
-        case "stopped":
-          return d("ui.chat.audio.idle");
-        case "error":
-          return t.type === "permission-denied" ? d("ui.chat.audio.permissionDenied") : t.type === "unsupported" ? d("ui.chat.audio.unsupported") : d("ui.chat.audio.idle");
-      }
-    })(), A = t.kind === "recording", B = t.kind === "paused", O = t.kind === "error";
-    return /* @__PURE__ */ b(
-      "div",
-      {
-        ref: C,
-        "data-component": "audio-recorder",
-        className: ye({ size: n, className: z }),
-        ...X,
-        children: [
-          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ r(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: [
-                  "ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]",
-                  A ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
-                ].join(" "),
-                children: A ? /* @__PURE__ */ r(
-                  "span",
-                  {
-                    className: [
-                      "ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)]",
-                      "ds:bg-[color:var(--destructive)]",
-                      "ds:motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]",
-                      "ds:[.theme-accessible_&]:animate-none"
-                    ].join(" ")
-                  }
-                ) : null
-              }
-            ),
-            /* @__PURE__ */ r(
-              ce,
-              {
-                stream: R,
-                size: "sm",
-                "aria-hidden": "true",
-                className: "ds:flex-1"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "time",
-              {
-                dir: "ltr",
-                "aria-hidden": "true",
-                className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
-                children: we(te, G.language)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: $ }),
-          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            t.kind === "idle" || t.kind === "stopped" || O ? /* @__PURE__ */ r(
-              U,
-              {
-                intent: "primary",
-                size: "sm",
-                startIcon: /* @__PURE__ */ r(pe, {}),
-                onClick: P,
-                disabled: !g,
-                children: d("ui.chat.audio.record")
-              }
-            ) : null,
-            A ? /* @__PURE__ */ r(
-              D,
-              {
-                icon: /* @__PURE__ */ r(fe, {}),
-                "aria-label": d("ui.chat.audio.pause"),
-                intent: "secondary",
-                size: "sm",
-                onClick: Y
-              }
-            ) : null,
-            B ? /* @__PURE__ */ r(
-              D,
-              {
-                icon: /* @__PURE__ */ r(ke, {}),
-                "aria-label": d("ui.chat.audio.resume"),
-                intent: "secondary",
-                size: "sm",
-                onClick: Z
-              }
-            ) : null,
-            A || B ? /* @__PURE__ */ b(se, { children: [
-              /* @__PURE__ */ r(
-                D,
-                {
-                  icon: /* @__PURE__ */ r(ue, {}),
-                  "aria-label": d("ui.chat.audio.stop"),
-                  intent: "primary",
-                  size: "sm",
-                  onClick: E
-                }
-              ),
-              /* @__PURE__ */ r(
-                D,
-                {
-                  icon: /* @__PURE__ */ r(oe, {}),
-                  "aria-label": d("ui.chat.audio.cancel"),
-                  intent: "ghost",
-                  size: "sm",
-                  onClick: ee
-                }
-              )
-            ] }) : null,
-            t.kind === "idle" && V.length > 1 ? /* @__PURE__ */ r("div", { className: "ds:ms-auto ds:min-w-[160px]", children: /* @__PURE__ */ r(
-              de,
-              {
-                "aria-label": d("ui.chat.audio.selectDevice"),
-                options: V,
-                value: w,
-                onValueChange: (e) => W(e),
-                size: "sm",
-                clearable: !0
-              }
-            ) }) : null
-          ] }),
-          O && t.kind === "error" ? /* @__PURE__ */ b(T, { variant: "error", live: "polite", children: [
-            /* @__PURE__ */ r(T.Description, { children: $ }),
-            t.type === "permission-denied" ? /* @__PURE__ */ r(T.Action, { children: /* @__PURE__ */ r(U, { intent: "ghost", size: "sm", onClick: P, children: d("ui.chat.audio.retry") }) }) : null
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-Me.displayName = "AudioRecorder";
-export {
-  Me as A
-};
-//# sourceMappingURL=audio-recorder-B-8SKgKn.js.map