@100mslive/roomkit-react 0.3.24-alpha.0 → 0.3.24-alpha.2

package/dist/chunk-F63YJBI4.js

@@ -1,98 +0,0 @@
-import {
-  ProminenceLayout,
-  SecondaryTiles
-} from "./chunk-HVYTC3PX.js";
-import {
-  ToastManager
-} from "./chunk-DANANDDE.js";
-import {
-  Box
-} from "./chunk-GOXRTCTY.js";
-import {
-  useResetEmbedConfig,
-  useSetAppDataByKey
-} from "./chunk-BGSYLCVD.js";
-import {
-  APP_DATA,
-  __async,
-  init_define_process_env
-} from "./chunk-GLAJUP3O.js";
-
-// src/Prebuilt/layouts/EmbedView.jsx
-init_define_process_env();
-import React, { useEffect, useMemo } from "react";
-import { selectAppData, selectPeers, selectPeerScreenSharing, useEmbedShare, useHMSStore } from "@100mslive/react-sdk";
-var EmbedView = () => {
-  return /* @__PURE__ */ React.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React.createElement(EmbedComponent, null));
-};
-var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore(selectPeers);
-  const peerPresenting = useHMSStore(selectPeerScreenSharing);
-  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo(() => {
-    const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
-    return smallTilePeers2;
-  }, [peers, peerPresenting]);
-  useEffect(() => {
-    setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
-    return () => {
-      setActiveScreenSharePeer("");
-    };
-  }, [peerPresenting == null ? void 0 : peerPresenting.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React.createElement(SecondaryTiles, { peers: smallTilePeers }));
-};
-var EmbedComponent = () => {
-  const embedConfig = useHMSStore(selectAppData(APP_DATA.embedConfig));
-  const resetConfig = useResetEmbedConfig();
-  const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect(() => {
-    (() => __async(void 0, null, function* () {
-      if (embedConfig && !isEmbedShareInProgress) {
-        try {
-          yield startEmbedShare(embedConfig);
-        } catch (err) {
-          resetConfig();
-          ToastManager.addToast({
-            title: `Error while sharing embed url ${err.message || ""}`,
-            variant: "error"
-          });
-        }
-      }
-    }))();
-  }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      css: {
-        mx: "$8",
-        flex: "3 1 0",
-        "@lg": {
-          flex: "2 1 0",
-          display: "flex",
-          alignItems: "center"
-        }
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "iframe",
-      {
-        title: "Embed View",
-        ref: iframeRef,
-        style: {
-          width: "100%",
-          height: "100%",
-          border: 0,
-          borderRadius: "0.75rem"
-        },
-        allow: "autoplay; clipboard-write;",
-        referrerPolicy: "no-referrer"
-      }
-    )
-  );
-};
-
-export {
-  EmbedView,
-  EmbedScreenShareView
-};
-//# sourceMappingURL=chunk-F63YJBI4.js.map

package/dist/chunk-F63YJBI4.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Prebuilt/layouts/EmbedView.jsx"],
-  "sourcesContent": ["import React, { useEffect, useMemo } from 'react';\nimport { selectAppData, selectPeers, selectPeerScreenSharing, useEmbedShare, useHMSStore } from '@100mslive/react-sdk';\nimport { SecondaryTiles } from '../components/SecondaryTiles';\nimport { ToastManager } from '../components/Toast/ToastManager';\nimport { ProminenceLayout } from '../components/VideoLayouts/ProminenceLayout';\nimport { Box } from '../../Layout';\nimport { useResetEmbedConfig, useSetAppDataByKey } from '../components/AppData/useUISettings';\nimport { APP_DATA } from '../common/constants';\n\nexport const EmbedView = () => {\n  return (\n    <EmbedScreenShareView>\n      <EmbedComponent />\n    </EmbedScreenShareView>\n  );\n};\n\nexport const EmbedScreenShareView = ({ children }) => {\n  const peers = useHMSStore(selectPeers);\n\n  const peerPresenting = useHMSStore(selectPeerScreenSharing);\n  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);\n\n  const smallTilePeers = useMemo(() => {\n    const smallTilePeers = peers.filter(peer => peer.id !== peerPresenting?.id);\n    return smallTilePeers;\n  }, [peers, peerPresenting]);\n\n  useEffect(() => {\n    setActiveScreenSharePeer(peerPresenting?.id);\n    return () => {\n      setActiveScreenSharePeer('');\n    };\n  }, [peerPresenting?.id, setActiveScreenSharePeer]);\n  return (\n    <ProminenceLayout.Root>\n      <ProminenceLayout.ProminentSection>{children}</ProminenceLayout.ProminentSection>\n      <SecondaryTiles peers={smallTilePeers} />\n    </ProminenceLayout.Root>\n  );\n};\n/**\n * EmbedView is responsible for rendering the iframe and managing the screen sharing functionality.\n */\nconst EmbedComponent = () => {\n  const embedConfig = useHMSStore(selectAppData(APP_DATA.embedConfig));\n  const resetConfig = useResetEmbedConfig();\n\n  // need to send resetConfig to clear configuration, if stop screenshare occurs.\n  const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);\n\n  useEffect(() => {\n    (async () => {\n      if (embedConfig && !isEmbedShareInProgress) {\n        try {\n          await startEmbedShare(embedConfig);\n        } catch (err) {\n          resetConfig();\n          ToastManager.addToast({\n            title: `Error while sharing embed url ${err.message || ''}`,\n            variant: 'error',\n          });\n        }\n      }\n    })();\n  }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);\n\n  return (\n    <Box\n      css={{\n        mx: '$8',\n        flex: '3 1 0',\n        '@lg': {\n          flex: '2 1 0',\n          display: 'flex',\n          alignItems: 'center',\n        },\n      }}\n    >\n      <iframe\n        title=\"Embed View\"\n        ref={iframeRef}\n        style={{\n          width: '100%',\n          height: '100%',\n          border: 0,\n          borderRadius: '0.75rem',\n        }}\n        allow=\"autoplay; clipboard-write;\"\n        referrerPolicy=\"no-referrer\"\n      />\n    </Box>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,OAAO,SAAS,WAAW,eAAe;AAC1C,SAAS,eAAe,aAAa,yBAAyB,eAAe,mBAAmB;AAQzF,IAAM,YAAY,MAAM;AAC7B,SACE,oCAAC,4BACC,oCAAC,oBAAe,CAClB;AAEJ;AAEO,IAAM,uBAAuB,CAAC,EAAE,SAAS,MAAM;AACpD,QAAM,QAAQ,YAAY,WAAW;AAErC,QAAM,iBAAiB,YAAY,uBAAuB;AAC1D,QAAM,CAAC,EAAE,wBAAwB,IAAI,mBAAmB,SAAS,uBAAuB;AAExF,QAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAMA,kBAAiB,MAAM,OAAO,UAAQ,KAAK,QAAO,iDAAgB,GAAE;AAC1E,WAAOA;AAAA,EACT,GAAG,CAAC,OAAO,cAAc,CAAC;AAE1B,YAAU,MAAM;AACd,6BAAyB,iDAAgB,EAAE;AAC3C,WAAO,MAAM;AACX,+BAAyB,EAAE;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,iDAAgB,IAAI,wBAAwB,CAAC;AACjD,SACE,oCAAC,iBAAiB,MAAjB,MACC,oCAAC,iBAAiB,kBAAjB,MAAmC,QAAS,GAC7C,oCAAC,kBAAe,OAAO,gBAAgB,CACzC;AAEJ;AAIA,IAAM,iBAAiB,MAAM;AAC3B,QAAM,cAAc,YAAY,cAAc,SAAS,WAAW,CAAC;AACnE,QAAM,cAAc,oBAAoB;AAGxC,QAAM,EAAE,WAAW,iBAAiB,uBAAuB,IAAI,cAAc,WAAW;AAExF,YAAU,MAAM;AACd,KAAC,MAAY;AACX,UAAI,eAAe,CAAC,wBAAwB;AAC1C,YAAI;AACF,gBAAM,gBAAgB,WAAW;AAAA,QACnC,SAAS,KAAK;AACZ,sBAAY;AACZ,uBAAa,SAAS;AAAA,YACpB,OAAO,iCAAiC,IAAI,WAAW,EAAE;AAAA,YACzD,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,IAAG;AAAA,EACL,GAAG,CAAC,wBAAwB,aAAa,iBAAiB,WAAW,CAAC;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,QACH,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,cAAc;AAAA,QAChB;AAAA,QACA,OAAM;AAAA,QACN,gBAAe;AAAA;AAAA,IACjB;AAAA,EACF;AAEJ;",
-  "names": ["smallTilePeers"]
-}