@layers-app/shared 0.4.5 → 0.4.7

package/dist/components/VideoPlayer/components/MobileDrawer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DrawerProps } from '@mantine/core';
+import './MobileDrawer.scss';
+export interface MobileDrawerProps extends Omit<DrawerProps, 'position' | 'withCloseButton' | 'size' | 'padding'> {
+    title?: React.ReactNode;
+}
+export declare const MobileDrawer: React.FC<MobileDrawerProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoPlayer/components/MobileDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/MobileDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAe,WAAW,EAAQ,MAAM,eAAe,CAAC;AAE/D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,WAAW,EACX,UAAU,GAAG,iBAAiB,GAAG,MAAM,GAAG,SAAS,CACpD;IACC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAKD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+FpD,CAAC"}

package/dist/components/VideoPlayer/components/MobileDrawer/index.js

@@ -0,0 +1,67 @@
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { useRef as f } from "react";
+import { Drawer as Y, Box as s, Text as v } from "@mantine/core";
+/* empty css                  */
+const x = 80, y = 0.5, g = ({
+  title: l,
+  children: _,
+  classNames: i,
+  onClose: d,
+  ...w
+}) => {
+  const T = ["mobile-drawer", i?.content].filter(Boolean).join(" ").trim(), m = f(null), r = f(null), a = () => m.current?.closest(".mobile-drawer"), p = (n) => {
+    const t = a();
+    t && (r.current = {
+      startY: n.touches[0].clientY,
+      startTime: Date.now(),
+      active: !0
+    }, t.style.transition = "none");
+  }, b = (n) => {
+    const t = r.current, e = a();
+    if (!t?.active || !e) return;
+    const o = n.touches[0].clientY - t.startY;
+    o > 0 && (e.style.transform = `translateY(${o}px)`);
+  }, S = (n) => {
+    const t = r.current, e = a();
+    if (!t?.active || !e) return;
+    const o = n.changedTouches[0].clientY - t.startY, u = Date.now() - t.startTime, E = u > 0 ? o / u : 0;
+    e.style.transition = "", e.style.transform = "", (o > x || E > y) && d?.(), r.current = null;
+  };
+  return /* @__PURE__ */ h(
+    Y,
+    {
+      position: "bottom",
+      size: "auto",
+      withCloseButton: !1,
+      padding: 0,
+      zIndex: 1001,
+      lockScroll: !0,
+      onClose: d,
+      classNames: {
+        ...i,
+        content: T || void 0
+      },
+      ...w,
+      children: [
+        /* @__PURE__ */ c(
+          s,
+          {
+            ref: m,
+            className: "mobile-drawer__handle-rail",
+            onTouchStart: p,
+            onTouchMove: b,
+            onTouchEnd: S,
+            children: /* @__PURE__ */ c(s, { className: "mobile-drawer__handle" })
+          }
+        ),
+        /* @__PURE__ */ h(s, { className: "mobile-drawer__body", children: [
+          l ? /* @__PURE__ */ c(v, { component: "p", className: "mobile-drawer__title", children: l }) : null,
+          /* @__PURE__ */ c(s, { className: "mobile-drawer__main", children: _ })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  g as MobileDrawer
+};

package/dist/components/VideoPlayer/components/SelectListOptionButton.d.ts

@@ -0,0 +1,7 @@
+export type SelectListOptionButtonProps = {
+    label: string;
+    checked: boolean;
+    onSelect: () => void;
+};
+export declare function SelectListOptionButton({ label, checked, onSelect, }: SelectListOptionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectListOptionButton.d.ts.map

package/dist/components/VideoPlayer/components/SelectListOptionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectListOptionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/components/SelectListOptionButton.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,2CAmC7B"}

package/dist/components/VideoPlayer/components/SelectListOptionButton.js

@@ -0,0 +1,44 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Tick02Icon as e } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as l } from "@hugeicons/react";
+import { Button as a, Group as c, Text as s } from "@mantine/core";
+function d({
+  label: i,
+  checked: r,
+  onSelect: o
+}) {
+  return /* @__PURE__ */ t(
+    a,
+    {
+      type: "button",
+      variant: "subtle",
+      color: "gray",
+      fullWidth: !0,
+      justify: "flex-start",
+      styles: {
+        inner: { width: "100%" },
+        label: {
+          flex: 1,
+          width: "100%",
+          minWidth: 0
+        }
+      },
+      bg: r ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : void 0,
+      onClick: o,
+      children: /* @__PURE__ */ n(c, { justify: "space-between", wrap: "nowrap", w: "100%", align: "center", children: [
+        /* @__PURE__ */ t(s, { size: "sm", children: i }),
+        r ? /* @__PURE__ */ t(
+          l,
+          {
+            icon: e,
+            size: 16,
+            color: "var(--mantine-primary-color-text)"
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  d as SelectListOptionButton
+};

package/dist/components/VideoPlayer/components/StoryboardPreview.d.ts

@@ -0,0 +1,9 @@
+import type { StoryboardFrame } from '../types';
+interface StoryboardPreviewProps {
+    frame: StoryboardFrame;
+    left: number;
+    width?: number;
+}
+export declare function StoryboardPreview({ frame, left, width, }: StoryboardPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StoryboardPreview.d.ts.map

package/dist/components/VideoPlayer/components/StoryboardPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryboardPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/components/StoryboardPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,KAAqB,GACtB,EAAE,sBAAsB,2CAgCxB"}

package/dist/components/VideoPlayer/components/StoryboardPreview.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+const p = 120, g = 64;
+function v({
+  frame: e,
+  left: s,
+  width: t = p
+}) {
+  const i = a(() => {
+    const o = t / e.w, n = g, c = e.sheetWidth && e.sheetHeight ? `${e.sheetWidth * o}px ${e.sheetHeight * o}px` : void 0, d = `-${e.x * o}px -${e.y * o}px`;
+    return {
+      container: { left: s, width: t, height: n },
+      image: {
+        backgroundImage: `url('${e.sheetUrl}')`,
+        backgroundSize: c,
+        backgroundPosition: d
+      }
+    };
+  }, [e, s, t]);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "video-player-storyboard-preview",
+      "data-test-id": "video-storyboard-preview",
+      style: i.container,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: "video-player-storyboard-preview-image",
+          style: i.image
+        }
+      )
+    }
+  );
+}
+export {
+  v as StoryboardPreview
+};

package/dist/components/VideoPlayer/components/VideoCustomControls.d.ts

@@ -0,0 +1,33 @@
+import type { Storyboard } from '../types';
+import type { PlayerSettingsSnapshot } from '../utils/videoSettings';
+type Chapter = {
+    startSec: number;
+    title: string;
+    auto?: boolean;
+    thumb?: {
+        sheetUrl?: string;
+        x?: number;
+        y?: number;
+        w?: number;
+        h?: number;
+    };
+};
+interface VideoCustomControlsProps {
+    video: HTMLVideoElement | null;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    title?: string;
+    settings: PlayerSettingsSnapshot;
+    isSettingsDisabled?: boolean;
+    onSubtitlesOpen?: () => void;
+    onSpeedClick: (speed: number) => void;
+    onQualityClick: (qualityId: number | null) => void;
+    onSubtitleSelect: (subtitleId: number | null) => void;
+    storyboard?: Storyboard | null;
+    baseUrl?: string;
+    authHeaders?: Record<string, string>;
+    chapters?: Chapter[];
+    isProcessing?: boolean;
+}
+export declare function VideoCustomControls({ video, containerRef, title, settings, isSettingsDisabled, onSubtitlesOpen, onSpeedClick, onQualityClick, onSubtitleSelect, storyboard, baseUrl, authHeaders, chapters, isProcessing, }: VideoCustomControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VideoCustomControls.d.ts.map

package/dist/components/VideoPlayer/components/VideoCustomControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoCustomControls.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/components/VideoCustomControls.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAkBrE,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,UAAU,wBAAwB;IAChC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,sBAAsB,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAwBD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAa,EACb,YAAoB,GACrB,EAAE,wBAAwB,2CAuxB1B"}