@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

package/dist/_virtual/___vite-browser-external.js

@@ -0,0 +1,7 @@
+import * as e from "./__vite-browser-external.js";
+import { getAugmentedNamespace as r } from "./_commonjsHelpers.js";
+const o = /* @__PURE__ */ r(e);
+export {
+  o as default
+};
+//# sourceMappingURL=___vite-browser-external.js.map

package/dist/_virtual/___vite-browser-external.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"___vite-browser-external.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/__vite-browser-external.js

@@ -0,0 +1,5 @@
+const e = {};
+export {
+  e as default
+};
+//# sourceMappingURL=__vite-browser-external.js.map

package/dist/_virtual/__vite-browser-external.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__vite-browser-external.js","sources":["../../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"AAAA,MAAeA,IAAA,CAAA;"}

package/dist/_virtual/_commonjsHelpers.js

@@ -1,9 +1,29 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
+function l(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  u as commonjsGlobal,
+  l as getAugmentedNamespace,
+  f as getDefaultExportFromCjs
 };
 //# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_virtual/alea.js

@@ -0,0 +1,5 @@
+var a = { exports: {} };
+export {
+  a as __module
+};
+//# sourceMappingURL=alea.js.map

package/dist/_virtual/alea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/seedrandom.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=seedrandom.js.map

package/dist/_virtual/seedrandom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seedrandom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/tychei.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=tychei.js.map

package/dist/_virtual/tychei.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tychei.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/xor128.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=xor128.js.map

package/dist/_virtual/xor128.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xor128.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/xor4096.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=xor4096.js.map

package/dist/_virtual/xor4096.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xor4096.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/xorshift7.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=xorshift7.js.map

package/dist/_virtual/xorshift7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xorshift7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/xorwow.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=xorwow.js.map

package/dist/_virtual/xorwow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xorwow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/features/av/av-preview/av-preview.js

@@ -1,126 +1,162 @@
-import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { memo as X, useRef as L, useCallback as f, useEffect as D } from "react";
-import { useUserMedia as E } from "@cuemath/av";
-import b from "../../ui/inputs/select-input/select-input.js";
-import a from "../../ui/layout/flex-view.js";
+import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { memo as j, useRef as B, useEffect as g, useCallback as A } from "react";
+import { useUserMedia as M } from "@cuemath/av";
+import N from "../video-analysis/hooks/use-video-analysis.js";
+import R from "../video-analysis/video-analysis-overlay/video-analysis-overlay.js";
+import $ from "../../ui/inputs/select-input/select-input.js";
+import u from "../../ui/layout/flex-view.js";
 import w from "../../ui/text/text.js";
-import { AVErrorSOPWrapper as k, AVErrorStepList as I } from "./av-preview-styled.js";
-import G from "./hooks/use-get-troubleshooting-steps.js";
-const j = {
+import { AVErrorSOPWrapper as T, AVErrorStepList as F } from "./av-preview-styled.js";
+import K from "./hooks/use-get-troubleshooting-steps.js";
+const W = {
   constraints: { audio: !0, video: !0 },
   withDevices: !0,
   setupListeners: !0
-}, y = X(({ children: x, logger: g, onDeviceUpdate: $ }) => {
-  const s = L(null), {
-    selectedAudioDevice: d,
-    selectedVideoDevice: u,
-    videoDeviceError: c,
-    devices: l,
-    changeDevice: o,
-    selectedAudioOutputDevice: p,
-    audioDeviceError: m,
-    userMediaStream: h,
-    isAudioDeviceLoading: C,
-    isVideoDeviceLoading: P
-  } = E(j), A = c === "permissionDeniedBySystem" || c === "permissionDenied" || m === "permissionDeniedBySystem" || m === "permissionDenied", v = G(m, c), S = f(
-    (i) => o(i, "audio"),
-    [o]
-  ), V = f(
-    (i) => o(i, "video"),
-    [o]
-  ), _ = f(
-    (i) => {
-      o(i, "audiooutput");
-      const r = s.current;
-      r && "setSinkId" in r && r.setSinkId(i).catch((t) => {
-        g("av_preview_set_audio_output_device_error", {
-          deviceId: i,
-          error_name: t == null ? void 0 : t.name,
-          error_message: t == null ? void 0 : t.message
+}, L = j(
+  ({
+    children: V,
+    logger: a,
+    onDeviceUpdate: y,
+    enableVideoAnalysis: D = !1,
+    detectEmotions: x = !1,
+    detectSleep: C = !1
+  }) => {
+    const s = B(null), {
+      selectedAudioDevice: l,
+      selectedVideoDevice: c,
+      videoDeviceError: m,
+      devices: p,
+      changeDevice: r,
+      selectedAudioOutputDevice: h,
+      audioDeviceError: v,
+      userMediaStream: f,
+      isAudioDeviceLoading: O,
+      isVideoDeviceLoading: P
+    } = M(W), _ = m === "permissionDeniedBySystem" || m === "permissionDenied" || v === "permissionDeniedBySystem" || v === "permissionDenied", b = K(v, m), {
+      metrics: S,
+      isLoading: X,
+      error: d
+    } = N(s, {
+      enabled: D,
+      detectEmotions: x,
+      detectSleep: C
+    });
+    g(() => {
+      d && a("av_preview_video_analysis_error", {
+        error_name: d.name,
+        error_message: d.message
+      });
+    }, [d, a]);
+    const E = A(
+      (i) => r(i, "audio"),
+      [r]
+    ), k = A(
+      (i) => r(i, "video"),
+      [r]
+    ), I = A(
+      (i) => {
+        r(i, "audiooutput");
+        const t = s.current;
+        t && "setSinkId" in t && t.setSinkId(i).catch((o) => {
+          a("av_preview_set_audio_output_device_error", {
+            deviceId: i,
+            error_name: o == null ? void 0 : o.name,
+            error_message: o == null ? void 0 : o.message
+          });
         });
+      },
+      [r, a]
+    );
+    return g(() => {
+      y({
+        audio: l,
+        video: c,
+        audioOutput: h
       });
-    },
-    [o, g]
-  );
-  return D(() => {
-    $({
-      audio: d,
-      video: u,
-      audioOutput: p
-    });
-  }, [d, u, p, $]), D(() => {
-    s.current && h && (s.current.srcObject = h);
-  }, [h]), /* @__PURE__ */ n(a, { $flexDirection: "row", $flexGapX: 2, children: [
-    /* @__PURE__ */ e(a, { $widthX: 26, $heightX: 19.5, $background: "BLACK_1", children: /* @__PURE__ */ e(
-      "video",
-      {
-        ref: s,
-        id: "localVideo",
-        autoPlay: !0,
-        playsInline: !0,
-        controls: !1,
-        muted: !0,
-        disablePictureInPicture: !0
-      }
-    ) }),
-    /* @__PURE__ */ n(a, { $position: "relative", $widthX: 22, $flexGapX: 1, $justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(a, { $flexGapX: 1, children: !A && /* @__PURE__ */ n(O, { children: [
+    }, [l, c, h, y]), g(() => {
+      s.current && f && (s.current.srcObject = f);
+    }, [f]), /* @__PURE__ */ n(u, { $flexDirection: "row", $flexGapX: 2, children: [
+      /* @__PURE__ */ n(u, { $widthX: 26, $heightX: 19.5, $background: "BLACK_1", $position: "relative", children: [
         /* @__PURE__ */ e(
-          b,
+          "video",
           {
-            label: "Camera",
-            renderAs: "primary",
-            shape: "borderLess",
-            options: l.video,
-            value: u,
-            onChange: V,
-            disabled: P
+            ref: s,
+            id: "localVideo",
+            autoPlay: !0,
+            playsInline: !0,
+            controls: !1,
+            muted: !0,
+            disablePictureInPicture: !0
           }
         ),
         /* @__PURE__ */ e(
-          b,
+          R,
           {
-            label: "Microphone",
-            renderAs: "primary",
-            shape: "borderLess",
-            options: l.audio,
-            value: d,
-            onChange: S,
-            disabled: C
+            metrics: S,
+            isLoading: X,
+            visible: D
           }
-        ),
-        /* @__PURE__ */ e(
-          b,
+        )
+      ] }),
+      /* @__PURE__ */ n(u, { $position: "relative", $widthX: 22, $flexGapX: 1, $justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(u, { $flexGapX: 1, children: !_ && /* @__PURE__ */ n(G, { children: [
+          /* @__PURE__ */ e(
+            $,
+            {
+              label: "Camera",
+              renderAs: "primary",
+              shape: "borderLess",
+              options: p.video,
+              value: c,
+              onChange: k,
+              disabled: P
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              label: "Microphone",
+              renderAs: "primary",
+              shape: "borderLess",
+              options: p.audio,
+              value: l,
+              onChange: E,
+              disabled: O
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              label: "Speaker",
+              renderAs: "primary",
+              shape: "borderLess",
+              options: p.audioOutput,
+              value: h,
+              onChange: I
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: V })
+        ] }) }),
+        b && /* @__PURE__ */ n(
+          T,
           {
-            label: "Speaker",
-            renderAs: "primary",
-            shape: "borderLess",
-            options: l.audioOutput,
-            value: p,
-            onChange: _
+            $background: "ORANGE_2",
+            $gutterX: 1,
+            $gapX: 1,
+            $width: _ ? "100%" : "272px",
+            children: [
+              /* @__PURE__ */ e(w, { $renderAs: "ab1-bold", $marginBottomX: 1, children: b.heading }),
+              /* @__PURE__ */ e(F, { children: b.steps.map((i, t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub1", children: i }) }, t)) })
+            ]
           }
-        ),
-        /* @__PURE__ */ e("div", { children: x })
-      ] }) }),
-      v && /* @__PURE__ */ n(
-        k,
-        {
-          $background: "ORANGE_2",
-          $gutterX: 1,
-          $gapX: 1,
-          $width: A ? "100%" : "272px",
-          children: [
-            /* @__PURE__ */ e(w, { $renderAs: "ab1-bold", $marginBottomX: 1, children: v.heading }),
-            /* @__PURE__ */ e(I, { children: v.steps.map((i, r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub2", children: i }) }, r)) })
-          ]
-        }
-      )
-    ] })
-  ] });
-});
-y.displayName = "AVPreview";
-const q = y;
+        )
+      ] })
+    ] });
+  }
+);
+L.displayName = "AVPreview";
+const re = L;
 export {
-  q as default
+  re as default
 };
 //# sourceMappingURL=av-preview.js.map

package/dist/features/av/av-preview/av-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\n\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport type { ILogger } from './av-preview-types';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  logger: ILogger;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n}\nconst OPTIONS = {\n  constraints: { audio: true, video: true },\n  withDevices: true,\n  setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(({ children, logger, onDeviceUpdate }) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const {\n    selectedAudioDevice,\n    selectedVideoDevice,\n    videoDeviceError,\n    devices,\n    changeDevice,\n    selectedAudioOutputDevice,\n    audioDeviceError,\n    userMediaStream,\n    isAudioDeviceLoading,\n    isVideoDeviceLoading,\n  } = useUserMedia(OPTIONS);\n\n  const hasPermissionProblem =\n    videoDeviceError === 'permissionDeniedBySystem' ||\n    videoDeviceError === 'permissionDenied' ||\n    audioDeviceError === 'permissionDeniedBySystem' ||\n    audioDeviceError === 'permissionDenied';\n  const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n  const handleAudioDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'audio'),\n    [changeDevice],\n  );\n\n  const handleVideoDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'video'),\n    [changeDevice],\n  );\n\n  const handleAudioOutputDeviceChange = useCallback(\n    (deviceId: string) => {\n      changeDevice(deviceId, 'audiooutput');\n      const videoEl = videoRef.current;\n\n      if (videoEl && 'setSinkId' in videoEl) {\n        videoEl.setSinkId(deviceId).catch(error => {\n          logger('av_preview_set_audio_output_device_error', {\n            deviceId,\n            error_name: error?.name,\n            error_message: error?.message,\n          });\n        });\n      }\n    },\n    [changeDevice, logger],\n  );\n\n  // Call onDeviceUpdate when devices or selected devices change\n  useEffect(() => {\n    onDeviceUpdate({\n      audio: selectedAudioDevice,\n      video: selectedVideoDevice,\n      audioOutput: selectedAudioOutputDevice,\n    });\n  }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n  useEffect(() => {\n    if (videoRef.current && userMediaStream) {\n      videoRef.current.srcObject = userMediaStream;\n    }\n  }, [userMediaStream]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={2}>\n      <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\">\n        <video\n          ref={videoRef}\n          id=\"localVideo\"\n          autoPlay\n          playsInline\n          controls={false}\n          muted={true}\n          disablePictureInPicture\n        />\n      </FlexView>\n      <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n        <FlexView $flexGapX={1}>\n          {!hasPermissionProblem && (\n            <>\n              <SelectInput\n                label=\"Camera\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.video}\n                value={selectedVideoDevice}\n                onChange={handleVideoDeviceChange}\n                disabled={isVideoDeviceLoading}\n              />\n              <SelectInput\n                label=\"Microphone\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audio}\n                value={selectedAudioDevice}\n                onChange={handleAudioDeviceChange}\n                disabled={isAudioDeviceLoading}\n              />\n              <SelectInput\n                label=\"Speaker\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audioOutput}\n                value={selectedAudioOutputDevice}\n                onChange={handleAudioOutputDeviceChange}\n              />\n              <div>{children}</div>\n            </>\n          )}\n        </FlexView>\n        {troubleshootingInfo && (\n          <Styled.AVErrorSOPWrapper\n            $background=\"ORANGE_2\"\n            $gutterX={1}\n            $gapX={1}\n            $width={hasPermissionProblem ? '100%' : '272px'}\n          >\n            <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n              {troubleshootingInfo.heading}\n            </Text>\n            <Styled.AVErrorStepList>\n              {troubleshootingInfo.steps.map((step, index) => (\n                <li key={index}>\n                  <Text $renderAs=\"ub2\">{step}</Text>\n                </li>\n              ))}\n            </Styled.AVErrorStepList>\n          </Styled.AVErrorSOPWrapper>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","useEffect","jsxs","FlexView","jsx","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","index","AVPreview$1"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAU;AAAA,EACd,aAAa,EAAE,OAAO,IAAM,OAAO,GAAK;AAAA,EACxC,aAAa;AAAA,EACb,gBAAgB;AAClB,GAEMC,IAAiCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,gBAAAC,QAAqB;AAC9E,QAAAC,IAAWC,EAAyB,IAAI,GACxC;AAAA,IACJ,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,IACEC,EAAalB,CAAO,GAElBmB,IACJT,MAAqB,8BACrBA,MAAqB,sBACrBI,MAAqB,8BACrBA,MAAqB,oBACjBM,IAAsBC,EAA0BP,GAAkBJ,CAAgB,GAElFY,IAA0BC;AAAA,IAC9B,CAACC,MAAqBZ,EAAaY,GAAU,OAAO;AAAA,IACpD,CAACZ,CAAY;AAAA,EAAA,GAGTa,IAA0BF;AAAA,IAC9B,CAACC,MAAqBZ,EAAaY,GAAU,OAAO;AAAA,IACpD,CAACZ,CAAY;AAAA,EAAA,GAGTc,IAAgCH;AAAA,IACpC,CAACC,MAAqB;AACpB,MAAAZ,EAAaY,GAAU,aAAa;AACpC,YAAMG,IAAUrB,EAAS;AAErB,MAAAqB,KAAW,eAAeA,KAC5BA,EAAQ,UAAUH,CAAQ,EAAE,MAAM,CAASI,MAAA;AACzC,QAAAxB,EAAO,4CAA4C;AAAA,UACjD,UAAAoB;AAAA,UACA,YAAYI,KAAA,gBAAAA,EAAO;AAAA,UACnB,eAAeA,KAAA,gBAAAA,EAAO;AAAA,QAAA,CACvB;AAAA,MAAA,CACF;AAAA,IAEL;AAAA,IACA,CAAChB,GAAcR,CAAM;AAAA,EAAA;AAIvB,SAAAyB,EAAU,MAAM;AACC,IAAAxB,EAAA;AAAA,MACb,OAAOG;AAAA,MACP,OAAOC;AAAA,MACP,aAAaI;AAAA,IAAA,CACd;AAAA,KACA,CAACL,GAAqBC,GAAqBI,GAA2BR,CAAc,CAAC,GAExFwB,EAAU,MAAM;AACV,IAAAvB,EAAS,WAAWS,MACtBT,EAAS,QAAQ,YAAYS;AAAA,EAC/B,GACC,CAACA,CAAe,CAAC,GAGjB,gBAAAe,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAS,SAAS,IAAI,UAAU,MAAM,aAAY,WACjD,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK1B;AAAA,QACL,IAAG;AAAA,QACH,UAAQ;AAAA,QACR,aAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,yBAAuB;AAAA,MAAA;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAwB,EAACC,KAAS,WAAU,YAAW,SAAS,IAAI,WAAW,GAAG,iBAAgB,iBACxE,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,WAAW,GAClB,UAAA,CAACZ,KAEE,gBAAAW,EAAAG,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAASvB,EAAQ;AAAA,YACjB,OAAOF;AAAA,YACP,UAAUgB;AAAA,YACV,UAAUR;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAe;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAASvB,EAAQ;AAAA,YACjB,OAAOH;AAAA,YACP,UAAUc;AAAA,YACV,UAAUN;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAASvB,EAAQ;AAAA,YACjB,OAAOE;AAAA,YACP,UAAUa;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAM,EAAC,SAAK,UAAA7B,GAAS;AAAA,MAAA,EAAA,CACjB,EAEJ,CAAA;AAAA,MACCiB,KACC,gBAAAU;AAAA,QAACK;AAAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQhB,IAAuB,SAAS;AAAA,UAExC,UAAA;AAAA,YAAA,gBAAAa,EAACI,KAAK,WAAU,YAAW,gBAAgB,GACxC,YAAoB,SACvB;AAAA,YACA,gBAAAJ,EAACK,GAAA,EACE,YAAoB,MAAM,IAAI,CAACC,GAAMC,wBACnC,MACC,EAAA,UAAA,gBAAAP,EAACI,KAAK,WAAU,OAAO,aAAK,EADrB,GAAAG,CAET,CACD,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;AAEDtC,EAAU,cAAc;AAExB,MAAAuC,IAAevC;"}
+{"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\n\nimport useVideoAnalysis from '../video-analysis/hooks/use-video-analysis';\nimport VideoAnalysisOverlay from '../video-analysis/video-analysis-overlay/video-analysis-overlay';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport type { ILogger } from './av-preview-types';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  logger: ILogger;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n  enableVideoAnalysis?: boolean;\n  detectEmotions?: boolean;\n  detectSleep?: boolean;\n}\nconst OPTIONS = {\n  constraints: { audio: true, video: true },\n  withDevices: true,\n  setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(\n  ({\n    children,\n    logger,\n    onDeviceUpdate,\n    enableVideoAnalysis = false,\n    detectEmotions = false,\n    detectSleep = false,\n  }) => {\n    const videoRef = useRef<HTMLVideoElement>(null);\n    const {\n      selectedAudioDevice,\n      selectedVideoDevice,\n      videoDeviceError,\n      devices,\n      changeDevice,\n      selectedAudioOutputDevice,\n      audioDeviceError,\n      userMediaStream,\n      isAudioDeviceLoading,\n      isVideoDeviceLoading,\n    } = useUserMedia(OPTIONS);\n\n    const hasPermissionProblem =\n      videoDeviceError === 'permissionDeniedBySystem' ||\n      videoDeviceError === 'permissionDenied' ||\n      audioDeviceError === 'permissionDeniedBySystem' ||\n      audioDeviceError === 'permissionDenied';\n    const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n    // Video analysis hook\n    const {\n      metrics,\n      isLoading: isAnalysisLoading,\n      error: analysisError,\n    } = useVideoAnalysis(videoRef, {\n      enabled: enableVideoAnalysis,\n      detectEmotions,\n      detectSleep,\n    });\n\n    // Log analysis errors\n    useEffect(() => {\n      if (analysisError) {\n        logger('av_preview_video_analysis_error', {\n          error_name: analysisError.name,\n          error_message: analysisError.message,\n        });\n      }\n    }, [analysisError, logger]);\n\n    const handleAudioDeviceChange = useCallback(\n      (deviceId: string) => changeDevice(deviceId, 'audio'),\n      [changeDevice],\n    );\n\n    const handleVideoDeviceChange = useCallback(\n      (deviceId: string) => changeDevice(deviceId, 'video'),\n      [changeDevice],\n    );\n\n    const handleAudioOutputDeviceChange = useCallback(\n      (deviceId: string) => {\n        changeDevice(deviceId, 'audiooutput');\n        const videoEl = videoRef.current;\n\n        if (videoEl && 'setSinkId' in videoEl) {\n          videoEl.setSinkId(deviceId).catch(error => {\n            logger('av_preview_set_audio_output_device_error', {\n              deviceId,\n              error_name: error?.name,\n              error_message: error?.message,\n            });\n          });\n        }\n      },\n      [changeDevice, logger],\n    );\n\n    // Call onDeviceUpdate when devices or selected devices change\n    useEffect(() => {\n      onDeviceUpdate({\n        audio: selectedAudioDevice,\n        video: selectedVideoDevice,\n        audioOutput: selectedAudioOutputDevice,\n      });\n    }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n    useEffect(() => {\n      if (videoRef.current && userMediaStream) {\n        videoRef.current.srcObject = userMediaStream;\n      }\n    }, [userMediaStream]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={2}>\n        <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\" $position=\"relative\">\n          <video\n            ref={videoRef}\n            id=\"localVideo\"\n            autoPlay\n            playsInline\n            controls={false}\n            muted={true}\n            disablePictureInPicture\n          />\n          <VideoAnalysisOverlay\n            metrics={metrics}\n            isLoading={isAnalysisLoading}\n            visible={enableVideoAnalysis}\n          />\n        </FlexView>\n        <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n          <FlexView $flexGapX={1}>\n            {!hasPermissionProblem && (\n              <>\n                <SelectInput\n                  label=\"Camera\"\n                  renderAs=\"primary\"\n                  shape=\"borderLess\"\n                  options={devices.video}\n                  value={selectedVideoDevice}\n                  onChange={handleVideoDeviceChange}\n                  disabled={isVideoDeviceLoading}\n                />\n                <SelectInput\n                  label=\"Microphone\"\n                  renderAs=\"primary\"\n                  shape=\"borderLess\"\n                  options={devices.audio}\n                  value={selectedAudioDevice}\n                  onChange={handleAudioDeviceChange}\n                  disabled={isAudioDeviceLoading}\n                />\n                <SelectInput\n                  label=\"Speaker\"\n                  renderAs=\"primary\"\n                  shape=\"borderLess\"\n                  options={devices.audioOutput}\n                  value={selectedAudioOutputDevice}\n                  onChange={handleAudioOutputDeviceChange}\n                />\n                <div>{children}</div>\n              </>\n            )}\n          </FlexView>\n          {troubleshootingInfo && (\n            <Styled.AVErrorSOPWrapper\n              $background=\"ORANGE_2\"\n              $gutterX={1}\n              $gapX={1}\n              $width={hasPermissionProblem ? '100%' : '272px'}\n            >\n              <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n                {troubleshootingInfo.heading}\n              </Text>\n              <Styled.AVErrorStepList>\n                {troubleshootingInfo.steps.map((step, stepIndex) => (\n                  <li key={stepIndex}>\n                    <Text $renderAs=\"ub1\">{step}</Text>\n                  </li>\n                ))}\n              </Styled.AVErrorStepList>\n            </Styled.AVErrorSOPWrapper>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","enableVideoAnalysis","detectEmotions","detectSleep","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","metrics","isAnalysisLoading","analysisError","useVideoAnalysis","useEffect","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","jsxs","FlexView","jsx","VideoAnalysisOverlay","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","stepIndex","AVPreview$1"],"mappings":"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"}

package/dist/features/av/video-analysis/hooks/use-video-analysis.js

@@ -0,0 +1,143 @@
+import { useState as b, useRef as u, useCallback as p, useEffect as N } from "react";
+import { getMediaPipeDetector as J } from "../mediapipe/mediapipe-face-detector.js";
+import { calculateEAR as K } from "../mediapipe/mediapipe-helpers.js";
+import { getEmotionModel as Q } from "../tensorflow/emotion-model.js";
+import { calculateVisibility as Z, analyzeLighting as $ } from "../video-analysis-helpers.js";
+const B = 1e3, ee = 0.25, te = (T, s) => {
+  const [q, V] = b({
+    visibility: 0,
+    faceDetected: !1,
+    cameraAngle: "optimal",
+    lighting: "good",
+    isAwake: !0,
+    eyeAspectRatio: 0,
+    emotion: "neutral",
+    emotionConfidence: 0,
+    isAway: !1,
+    awayDurationMs: 0,
+    sleepDurationMs: 0
+  }), [x, g] = b(!0), [G, H] = b(null), o = u(void 0), Y = u(0), I = u(0), A = u(null), E = u(null), P = 2e3, h = u(J()), L = u(Q()), v = p(
+    (e, c, d, t) => {
+      if (Math.abs(t.yaw) > 45)
+        return t.yaw > 0 ? "off-center-right" : "off-center-left";
+      if (t.pitch > 30)
+        return "off-center-low";
+      if (t.pitch < -30)
+        return "off-center-high";
+      const C = e.width * e.height, S = c * d, n = C / S, y = 0.4, _ = 0.5, w = 0.06, R = 0.04;
+      if (n > _)
+        return "too-close";
+      if (n < R)
+        return "too-far";
+      const r = e.x + e.width / 2, i = e.y + e.height / 2, l = c / 2, M = d / 2, O = Math.abs(r - l) / c, F = Math.abs(i - M) / d, U = 0.2, X = 0.3, j = 0.25, W = 0.35;
+      return Math.abs(t.yaw) > 30 || O > X ? r > l || t.yaw > 0 ? "off-center-right" : "off-center-left" : t.pitch > 20 || F > W ? i > M || t.pitch > 0 ? "off-center-low" : "off-center-high" : n > y && n <= _ ? "too-close" : n < w && n >= R ? "too-far" : O > U && O <= X ? r > l ? "off-center-right" : "off-center-left" : F > j && F <= W ? i > M ? "off-center-low" : "off-center-high" : "optimal";
+    },
+    []
+  ), z = p(async () => {
+    if (!s.enabled || !T.current)
+      return;
+    const e = T.current, c = e instanceof HTMLCanvasElement;
+    if (e instanceof HTMLVideoElement && e.readyState !== e.HAVE_ENOUGH_DATA)
+      return;
+    const t = Date.now();
+    if (!(t - Y.current < B)) {
+      Y.current = t;
+      try {
+        const f = c ? e.width : e.videoWidth, m = c ? e.height : e.videoHeight;
+        if (f === 0 || m === 0)
+          return;
+        I.current = performance.now();
+        const a = await h.current.detect(
+          e,
+          I.current
+        );
+        if (!a) {
+          let r = !1, i = 0;
+          if (s.awayDetectionEnabled) {
+            const l = Date.now();
+            A.current === null && (A.current = l), i = l - A.current, r = !0;
+          }
+          V((l) => ({
+            ...l,
+            faceDetected: !1,
+            visibility: 0,
+            cameraAngle: "optimal",
+            lighting: "good",
+            isAway: r,
+            awayDurationMs: i
+          }));
+          return;
+        }
+        const k = Z(a.boundingBox, f, m), C = v(
+          a.boundingBox,
+          f,
+          m,
+          a.headPose
+        ), S = $(e, a.boundingBox);
+        let n = !0, y = 0;
+        s.detectSleep && (y = K(a.landmarks), y < ee ? (E.current === null && (E.current = Date.now()), n = Date.now() - E.current < P) : (E.current = null, n = !0));
+        let _ = "neutral", w = 0;
+        if (s.detectEmotions)
+          try {
+            const r = a.blendshapes, i = await L.current.predict(
+              e,
+              a.boundingBox,
+              r
+            );
+            _ = i.emotion, w = i.confidence;
+          } catch (r) {
+            console.warn("[VideoAnalysisV2] Emotion prediction failed:", r);
+          }
+        s.awayDetectionEnabled && A.current !== null && (A.current = null);
+        let R = 0;
+        !n && E.current !== null && (R = Date.now() - E.current), V({
+          visibility: k,
+          faceDetected: !0,
+          cameraAngle: C,
+          lighting: S,
+          isAwake: n,
+          eyeAspectRatio: y,
+          emotion: _,
+          emotionConfidence: w,
+          isAway: !1,
+          awayDurationMs: 0,
+          sleepDurationMs: R
+        });
+      } catch (f) {
+        const m = f instanceof Error ? f : new Error("Face analysis failed");
+        H(m);
+      }
+    }
+  }, [s, T, v]), D = p(() => {
+    z(), o.current = requestAnimationFrame(D);
+  }, [z]);
+  return N(() => {
+    (async () => {
+      try {
+        await h.current.initialize(), await L.current.initialize();
+      } catch (c) {
+        const d = c instanceof Error ? c : new Error("Failed to initialize models");
+        H(d);
+      }
+    })();
+  }, []), N(() => {
+    if (!s.enabled) {
+      g(!1), o.current && (cancelAnimationFrame(o.current), o.current = void 0);
+      return;
+    }
+    const e = () => {
+      h.current.isReady() ? (g(!1), o.current || (o.current = requestAnimationFrame(D))) : (g(!0), setTimeout(e, 100));
+    };
+    return e(), () => {
+      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
+    };
+  }, [s.enabled, D]), {
+    metrics: q,
+    isLoading: x,
+    error: G
+  };
+}, ae = te;
+export {
+  ae as default
+};
+//# sourceMappingURL=use-video-analysis.js.map