stream-engine-widgets 0.3.7 → 0.3.9

package/dist/player-static-B1qEACdr.js

@@ -1,135 +0,0 @@
-import { i as importShared, j as jsxRuntimeExports } from './index-Cli5VWqj.js';
-import { T as Thumbnail } from './thumbnail-CQDzPpJc.js';
-import { C as CloseRounded, S as SpinLoader, a as axios } from './style-Cvh-1NSh.js';
-
-const {createPortal} = await importShared('react-dom');
-
-
-function ReactPortal({ children }) {
-  return createPortal(children, document.body);
-}
-
-const {useEffect} = await importShared('react');
-function Player({ item, widgetToken, settings, onClose, apiUrl }) {
-  useEffect(() => {
-    const fetchData = async () => {
-      const { id: itemId } = item;
-      try {
-        const { data: result } = await axios.get(
-          `${apiUrl || "https://apiv3.videoflow.io"}/widgets/${widgetToken}?filter_by=${itemId}`
-        );
-        const { name } = result;
-        const input = result?.content[0];
-        const {
-          id,
-          src,
-          state,
-          type,
-          name: videoTitle,
-          tags,
-          organizations,
-          parent,
-          recording_id,
-          external_id,
-          ad
-        } = input;
-        const { logo, playback_control, style } = result?.player;
-        const { position } = logo;
-        const { skip_back_enable, skip_forward_enable, controls } = playback_control;
-        const { url: logoSrc } = result?.settings?.defaultThumbnail;
-        const {
-          id: workspaceId,
-          name: workspaceName,
-          token: workspaceToken,
-          owner: workspaceOwner
-        } = organizations[0];
-        const { url: adTagUrl } = ad;
-        const playerProps = {
-          src,
-          logoSrc,
-          controls,
-          logoPosition: position,
-          skipBack: skip_back_enable,
-          skipForward: skip_forward_enable,
-          style,
-          adTagUrl,
-          analytics: {
-            playerName: name,
-            videoId: id,
-            videoTitle,
-            videoTags: tags,
-            videoState: state,
-            videoType: type,
-            videoParentId: parent ? parent?.id : null,
-            workspaceId,
-            workspaceToken,
-            workspaceName,
-            workspaceOwner,
-            isRecording: !!recording_id,
-            isExternal: external_id ? external_id : null
-          }
-        };
-        return playerProps;
-      } catch (error) {
-        console.error("Error fetching player data:", error);
-      }
-    };
-    let init = async function() {
-      const playerProps = await fetchData();
-      window.streamEnginePlayer("player", playerProps);
-    };
-    init();
-  }, []);
-  useEffect(() => {
-    document.body.style.overflow = "hidden";
-    const closeOnEscapeKey = (e) => e.key === "Escape" ? onClose() : null;
-    document.body.addEventListener("keydown", closeOnEscapeKey);
-    return () => {
-      document.body.removeEventListener("keydown", closeOnEscapeKey);
-      document.body.style.overflow = "initial";
-    };
-  }, [onClose]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ReactPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vf-player fixed top-0 left-0 w-screen h-screen z-50 flex justify-center items-start md:items-center md:px-5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        onClick: onClose,
-        className: "vf-player-backdrop absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.85)] z-10"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col w-full xl:w-2/3 z-20", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between py-2 px-1 bg-black md:bg-transparent md:px-0 md:py-0 md:mb-1 items-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vf-player-title text-white font-bold text-sm sm:text-base md:text-lg mr-3", children: item.name }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          CloseRounded,
-          {
-            fontSize: "medium",
-            className: "vf-player-close text-white/70 hover:text-white cursor-pointer",
-            onClick: onClose
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full pt-16/9 relative bg-black overflow-hidden", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Thumbnail,
-          {
-            className: "absolute top-0 left-0 opacity-50 blur-lg",
-            item,
-            settings
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SpinLoader, { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50px] h-[50px]" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            id: "player",
-            className: "absolute top-0 left-0 w-full h-full"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}
-
-export { Player as P };
-//# sourceMappingURL=player-static-B1qEACdr.js.map

package/dist/player-static-B1qEACdr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player-static-B1qEACdr.js","sources":["../src/utils/protal.js","../src/player/player-static.jsx"],"sourcesContent":["import { createPortal } from 'react-dom';\n\nfunction ReactPortal({ children }) {\n  return createPortal(children, document.body);\n}\nexport default ReactPortal;","import { useEffect } from 'react';\nimport ReactPortal from '../utils/protal';\nimport { CloseRounded } from '@mui/icons-material';\nimport Thumbnail from '../components/thumbnail';\nimport SpinLoader from '../components/spin-loader';\nimport axios from 'axios';\nimport 'stream-engine-player/bundle';\nimport 'stream-engine-player/style';\n\nfunction Player({ item, widgetToken, settings, onClose, apiUrl }) {\n  useEffect(() => {\n    const fetchData = async () => {\n      const { id: itemId } = item;\n      try {\n        const { data: result } = await axios.get(\n          `${apiUrl || import.meta.env.VITE_API_URL}/widgets/${widgetToken}?filter_by=${itemId}`\n        );\n\n        const { name } = result;\n        const input = result?.content[0];\n        const {\n          id,\n          src,\n          state,\n          type,\n          name: videoTitle,\n          tags,\n          organizations,\n          parent,\n          recording_id,\n          external_id,\n          ad\n        } = input;\n\n        const { logo, playback_control, style } = result?.player;\n        const { position } = logo;\n        const { skip_back_enable, skip_forward_enable, controls } =\n          playback_control;\n        const { url: logoSrc } = result?.settings?.defaultThumbnail;\n        const {\n          id: workspaceId,\n          name: workspaceName,\n          token: workspaceToken,\n          owner: workspaceOwner,\n        } = organizations[0];\n        const { url: adTagUrl } = ad\n\n        const playerProps = {\n          src,\n          logoSrc,\n          controls,\n          logoPosition: position,\n          skipBack: skip_back_enable,\n          skipForward: skip_forward_enable,\n          style,\n          adTagUrl,\n          analytics: {\n            playerName: name,\n            videoId: id,\n            videoTitle,\n            videoTags: tags,\n            videoState: state,\n            videoType: type,\n            videoParentId: parent ? parent?.id : null,\n            workspaceId,\n            workspaceToken,\n            workspaceName,\n            workspaceOwner,\n            isRecording: !!recording_id,\n            isExternal: external_id ? external_id : null,\n          },\n        };\n\n        return playerProps;\n      } catch (error) {\n        console.error('Error fetching player data:', error);\n      }\n    };\n\n    let init = async function(){\n      const playerProps = await fetchData();\n      window.streamEnginePlayer('player', playerProps);\n    }\n    init();\n\n  }, []);\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    const closeOnEscapeKey = e => (e.key === 'Escape' ? onClose() : null);\n    document.body.addEventListener('keydown', closeOnEscapeKey);\n    return () => {\n      document.body.removeEventListener('keydown', closeOnEscapeKey);\n      document.body.style.overflow = 'initial';\n    };\n  }, [onClose]);\n  return (\n    <ReactPortal>\n      <div className='vf-player fixed top-0 left-0 w-screen h-screen z-50 flex justify-center items-start md:items-center md:px-5'>\n        <div\n          onClick={onClose}\n          className='vf-player-backdrop absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.85)] z-10'\n        ></div>\n        <div className='flex flex-col w-full xl:w-2/3 z-20'>\n          <div className='flex justify-between py-2 px-1 bg-black md:bg-transparent md:px-0 md:py-0 md:mb-1 items-center'>\n            <span className='vf-player-title text-white font-bold text-sm sm:text-base md:text-lg mr-3'>\n              {item.name}\n            </span>\n            <div className='flex'>\n              <CloseRounded\n                fontSize='medium'\n                className='vf-player-close text-white/70 hover:text-white cursor-pointer'\n                onClick={onClose}\n              />\n            </div>\n          </div>\n          <div className='w-full pt-16/9 relative bg-black overflow-hidden'>\n            <Thumbnail\n              className='absolute top-0 left-0 opacity-50 blur-lg'\n              item={item}\n              settings={settings}\n            />\n            <SpinLoader className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50px] h-[50px]' />\n            {/* <iframe\n                src={`http://localhost:3002/widget/${widget}/player/${item.id}`}\n                // src={`https://www.videoflow.io/widget/${widget}/player/${item.id}`}\n                title=\"{data.name}\"\n                className=\"absolute w-full h-full top-0 left-0\"\n                allowFullScreen\n              ></iframe> */}\n            <div\n              id='player'\n              className='absolute top-0 left-0 w-full h-full'\n            ></div>\n          </div>\n        </div>\n      </div>\n    </ReactPortal>\n  );\n}\n\nexport default Player;\n"],"names":["jsx","jsxs"],"mappings":"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"}