@xiping/react-components 1.0.70 → 1.0.77

package/dist/es/components/video-dialog/VideoDialog.js

@@ -1,113 +0,0 @@
-"use client";
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { AnimatePresence as m, motion as e } from "motion/react";
-import { Play as y, XIcon as x } from "lucide-react";
-import g from "clsx";
-import './VideoDialog.css';/* empty css                */
-const v = {
-  "from-bottom": {
-    initial: { y: "100%", opacity: 0 },
-    animate: { y: 0, opacity: 1 },
-    exit: { y: "100%", opacity: 0 }
-  },
-  "from-center": {
-    initial: { scale: 0.5, opacity: 0 },
-    animate: { scale: 1, opacity: 1 },
-    exit: { scale: 0.5, opacity: 0 }
-  },
-  "from-top": {
-    initial: { y: "-100%", opacity: 0 },
-    animate: { y: 0, opacity: 1 },
-    exit: { y: "-100%", opacity: 0 }
-  },
-  "from-left": {
-    initial: { x: "-100%", opacity: 0 },
-    animate: { x: 0, opacity: 1 },
-    exit: { x: "-100%", opacity: 0 }
-  },
-  "from-right": {
-    initial: { x: "100%", opacity: 0 },
-    animate: { x: 0, opacity: 1 },
-    exit: { x: "100%", opacity: 0 }
-  },
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 }
-  },
-  "top-in-bottom-out": {
-    initial: { y: "-100%", opacity: 0 },
-    animate: { y: 0, opacity: 1 },
-    exit: { y: "100%", opacity: 0 }
-  },
-  "left-in-right-out": {
-    initial: { x: "-100%", opacity: 0 },
-    animate: { x: 0, opacity: 1 },
-    exit: { x: "100%", opacity: 0 }
-  }
-};
-function V({
-  animationStyle: t = "from-center",
-  videoSrc: n,
-  thumbnailSrc: c,
-  thumbnailAlt: l = "Video thumbnail",
-  className: p
-}) {
-  const [r, o] = s(!1), d = v[t];
-  return /* @__PURE__ */ a("div", { className: g("xiping-video-dialog", p), children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "xiping-video-dialog-container",
-        onClick: () => o(!0),
-        children: [
-          /* @__PURE__ */ i(
-            "img",
-            {
-              src: c,
-              alt: l,
-              width: 1920,
-              height: 1080,
-              className: "xiping-video-dialog-thumbnail"
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: "xiping-video-dialog-overlay", children: /* @__PURE__ */ i("div", { className: "xiping-video-dialog-play-outer", children: /* @__PURE__ */ i("div", { className: "xiping-video-dialog-play-inner", children: /* @__PURE__ */ i(y, { className: "xiping-video-dialog-play-icon" }) }) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(m, { children: r && /* @__PURE__ */ i(
-      e.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        onClick: () => o(!1),
-        exit: { opacity: 0 },
-        className: "xiping-video-dialog-modal",
-        children: /* @__PURE__ */ a(
-          e.div,
-          {
-            ...d,
-            transition: { type: "spring", damping: 30, stiffness: 300 },
-            className: "xiping-video-dialog-modal-content",
-            children: [
-              /* @__PURE__ */ i(e.button, { className: "xiping-video-dialog-close-button", children: /* @__PURE__ */ i(x, { className: "xiping-video-dialog-close-icon" }) }),
-              /* @__PURE__ */ i("div", { className: "xiping-video-dialog-video-wrapper", children: /* @__PURE__ */ i(
-                "iframe",
-                {
-                  src: n,
-                  className: "xiping-video-dialog-iframe",
-                  allowFullScreen: !0,
-                  allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-}
-export {
-  V as VideoDialog
-};

package/dist/es/components/video-subtitle-player/VideoSubtitlePlayer.js

@@ -1,74 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as v, useEffect as w, useCallback as d } from "react";
-import { isMobile as V, isTablet as g } from "react-device-detect";
-import { useVideoSubtitleStore as k } from "./useVideoSubtitleStore.js";
-import { useXGPlayer as H } from "./useXGPlayer.js";
-import { VideoSubtitlePlayerPC as M } from "./VideoSubtitlePlayerPC.js";
-import { VideoSubtitlePlayerMobile as T } from "./VideoSubtitlePlayerMobile.js";
-import './VideoSubtitlePlayer.css';/* empty css                        */
-const X = ({
-  videoUrl: p,
-  subtitles: r,
-  poster: b,
-  className: l = "",
-  style: n,
-  onFetchDetail: e,
-  forceLayout: m
-}) => {
-  const t = v(null), c = m !== void 0 ? m === "mobile" : V || g, {
-    currentTime: a,
-    setCurrentTime: C,
-    setIsPlaying: y,
-    setSubtitles: s,
-    currentDetail: P,
-    isLoadingDetail: S,
-    fetchDetail: i
-  } = k();
-  w(() => {
-    s(r);
-  }, [r, s]), H(
-    t,
-    p,
-    b,
-    { setCurrentTime: C, setIsPlaying: y },
-    a
-  );
-  const f = d(
-    async (o) => {
-      e ? await e(o) : await i(o);
-    },
-    [e, i]
-  ), W = d(
-    async (o) => {
-      e ? await e(o) : await i(o);
-    },
-    [e, i]
-  );
-  return c ? /* @__PURE__ */ u(
-    T,
-    {
-      playerRef: t,
-      subtitles: r,
-      currentTime: a,
-      onWordHoverChange: f,
-      onWordClick: W,
-      className: l,
-      style: n
-    }
-  ) : /* @__PURE__ */ u(
-    M,
-    {
-      playerRef: t,
-      subtitles: r,
-      currentTime: a,
-      currentDetail: P,
-      isLoadingDetail: S,
-      onWordHoverChange: f,
-      className: l,
-      style: n
-    }
-  );
-};
-export {
-  X as VideoSubtitlePlayer
-};