@100mslive/roomkit-react 0.1.9-alpha.1 → 0.1.9

package/dist/{HLSView-4JC65BAY.js → HLSView-VGJ2XUDT.js}

@@ -9,7 +9,7 @@ import {
   Slider,
   ToastManager,
   useTheme
-} from "./chunk-322YFA55.js";
+} from "./chunk-EDGWHFCM.js";
 import {
   Box,
   Flex,
@@ -23,7 +23,7 @@ import {
   __spreadValues,
   config,
   styled
-} from "./chunk-6UGU3UJL.js";
+} from "./chunk-SONHO3VM.js";
 
 // src/Prebuilt/layouts/HLSView.jsx
 import React10, { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
@@ -860,4 +860,4 @@ var HLSView_default = HLSView;
 export {
   HLSView_default as default
 };
-//# sourceMappingURL=HLSView-4JC65BAY.js.map
+//# sourceMappingURL=HLSView-VGJ2XUDT.js.map

package/dist/Prebuilt/components/hooks/useRedirectToLeave.d.ts

@@ -1,3 +1,3 @@
 export declare const useRedirectToLeave: () => {
-    redirectToLeave: (timeout?: number) => Promise<void>;
+    redirectToLeave: (timeout?: number) => void;
 };

package/dist/{VirtualBackground-MIRXD2HZ.js → VirtualBackground-2VZVBRIC.js}

@@ -4,7 +4,7 @@ import {
   Loading,
   Tooltip,
   __async
-} from "./chunk-6UGU3UJL.js";
+} from "./chunk-SONHO3VM.js";
 
 // src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx
 import React, { useEffect, useRef, useState } from "react";
@@ -172,4 +172,4 @@ export {
   VirtualBackground,
   VirtualBackground_default as default
 };
-//# sourceMappingURL=VirtualBackground-MIRXD2HZ.js.map
+//# sourceMappingURL=VirtualBackground-2VZVBRIC.js.map

package/dist/{chunk-322YFA55.js → chunk-EDGWHFCM.js}

@@ -38,7 +38,7 @@ import {
   theme,
   toastAnimation,
   translateAcross
-} from "./chunk-6UGU3UJL.js";
+} from "./chunk-SONHO3VM.js";
 
 // src/Button/Button.tsx
 import React2 from "react";
@@ -2485,19 +2485,20 @@ var useSidepaneToggle = (sidepaneType) => {
   return toggleSidepane;
 };
 var usePollViewToggle = () => {
+  const hmsActions = useHMSActions2();
   const { view, setPollState } = usePollViewState();
   const isOpen = useSidepaneState() === SIDE_PANE_OPTIONS.POLLS;
-  const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.POLLS);
   const togglePollView = useCallback4(
     (id) => {
       id = typeof id === "string" ? id : void 0;
+      const newView = id ? POLL_VIEWS.VOTE : isOpen && view ? null : POLL_VIEWS.CREATE_POLL_QUIZ;
       setPollState({
         [POLL_STATE.pollInView]: id,
-        [POLL_STATE.view]: id ? POLL_VIEWS.VOTE : isOpen && view ? null : POLL_VIEWS.CREATE_POLL_QUIZ
+        [POLL_STATE.view]: newView
       });
-      toggleSidepane();
+      hmsActions.setAppData(APP_DATA.sidePane, newView ? SIDE_PANE_OPTIONS.POLLS : "");
     },
-    [view, setPollState, isOpen, toggleSidepane]
+    [hmsActions, view, setPollState, isOpen]
   );
   return togglePollView;
 };
@@ -3700,9 +3701,11 @@ var LeaveRoom = ({ screenType }) => {
   const hmsActions = useHMSActions6();
   const stopStream = () => __async(void 0, null, function* () {
     try {
-      console.log("Stopping HLS stream");
-      yield hmsActions.stopHLSStreaming();
-      ToastManager.addToast({ title: "Stopping the stream" });
+      if (permissions == null ? void 0 : permissions.hlsStreaming) {
+        console.log("Stopping HLS stream");
+        yield hmsActions.stopHLSStreaming();
+        ToastManager.addToast({ title: "Stopping the stream" });
+      }
     } catch (e) {
       console.error("Error stopping stream", e);
       ToastManager.addToast({ title: "Error in stopping the stream", type: "error" });
@@ -8093,7 +8096,7 @@ var PollsToggle = () => {
 };
 
 // src/Prebuilt/components/Footer/Footer.tsx
-var VirtualBackground = React71.lazy(() => import("./VirtualBackground-MIRXD2HZ.js"));
+var VirtualBackground = React71.lazy(() => import("./VirtualBackground-2VZVBRIC.js"));
 var Footer2 = ({
   screenType,
   elements
@@ -8424,7 +8427,7 @@ var Form = styled("form", {
 var PreviewForm_default = PreviewForm;
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var VirtualBackground2 = React78.lazy(() => import("./VirtualBackground-MIRXD2HZ.js"));
+var VirtualBackground2 = React78.lazy(() => import("./VirtualBackground-2VZVBRIC.js"));
 var getParticipantChipContent = (peerCount = 0) => {
   if (peerCount === 0) {
     return "You are the first to join";
@@ -10406,7 +10409,10 @@ var AddMenu = () => {
 };
 var PrevMenu = () => {
   var _a7;
-  const polls = (_a7 = useHMSStore48(selectPolls2)) == null ? void 0 : _a7.filter((poll) => poll.state === "started" || poll.state === "stopped");
+  const polls = (_a7 = useHMSStore48(selectPolls2)) == null ? void 0 : _a7.filter((poll) => poll.state === "started" || poll.state === "stopped").sort((a, b) => {
+    var _a8, _b7;
+    return (((_a8 = b.createdAt) == null ? void 0 : _a8.getTime()) || 0) - (((_b7 = a.createdAt) == null ? void 0 : _b7.getTime()) || 0);
+  }).sort((a, b) => (b.state === "started" ? 1 : 0) - (a.state === "started" ? 1 : 0));
   return (polls == null ? void 0 : polls.length) ? /* @__PURE__ */ React100.createElement(
     Flex,
     {
@@ -10871,7 +10877,7 @@ var QuestionForm = ({ question, index, length, onSave, removeQuestion, isQuiz })
     Tooltip,
     {
       disabled: isValid,
-      title: `Please fill all the fields ${isQuiz ? "and mark the correct answer(s)" : ""} to continue`,
+      title: options.length === 0 ? "At least one option is required for a question" : `Please fill all the fields ${isQuiz ? "and mark the correct answer(s)" : ""} to continue`,
       boxCss: { maxWidth: "$40" }
     },
     /* @__PURE__ */ React107.createElement(
@@ -10901,7 +10907,7 @@ var isValidQuestion = ({ text, type, options, isQuiz = false }) => {
   if (![QUESTION_TYPE.SINGLE_CHOICE, QUESTION_TYPE.MULTIPLE_CHOICE].includes(type)) {
     return true;
   }
-  const everyOptionHasText = options.every((option) => option && isValidTextInput(option.text, 1));
+  const everyOptionHasText = options.length > 0 && options.every((option) => option && isValidTextInput(option.text, 1));
   const hasCorrectAnswer = options.some((option) => option.isCorrectAnswer);
   if (!isQuiz) {
     return everyOptionHasText;
@@ -11357,7 +11363,7 @@ var Voting = ({ id, toggleVoting }) => {
       },
       /* @__PURE__ */ React113.createElement(CrossIcon14, { onClick: toggleVoting })
     )
-  ), /* @__PURE__ */ React113.createElement(Flex, { direction: "column", css: { p: "$8 $10" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Box, { css: { flex: "auto" } }, /* @__PURE__ */ React113.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type)), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ React113.createElement(Box, { css: { flex: "initial" } }, /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React113.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Box, { css: { flex: "auto" } }, /* @__PURE__ */ React113.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type)), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ React113.createElement(Box, { css: { flex: "initial" } }, /* @__PURE__ */ React113.createElement(
     Button,
     {
       variant: "danger",
@@ -12543,7 +12549,7 @@ var WaitingView = React121.memo(() => {
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React122.lazy(() => import("./HLSView-4JC65BAY.js"));
+var HLSView = React122.lazy(() => import("./HLSView-VGJ2XUDT.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -13102,14 +13108,11 @@ var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
   const redirect = useCallback29(
     (timeout = 0) => {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          PictureInPicture.stop().catch(() => console.error("stopping pip"));
-          ToastManager.clearAllToast();
-          onLeave == null ? void 0 : onLeave();
-          resolve();
-        }, timeout);
-      });
+      setTimeout(() => {
+        PictureInPicture.stop().catch(() => console.error("stopping pip"));
+        ToastManager.clearAllToast();
+        onLeave == null ? void 0 : onLeave();
+      }, timeout);
     },
     [onLeave]
   );
@@ -13148,10 +13151,9 @@ var useAppStateManager = () => {
     if (roomState === HMSRoomState7.Connected) {
       setActiveState("meeting" /* MEETING */);
     } else if (prevRoomState && [HMSRoomState7.Reconnecting, HMSRoomState7.Connected].includes(prevRoomState) && [HMSRoomState7.Disconnecting, HMSRoomState7.Disconnected].includes(roomState)) {
-      redirectToLeave().then(() => {
-        const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
-        setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
-      });
+      const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
+      setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
+      redirectToLeave(1e3);
     } else if (!prevRoomState && roomState === HMSRoomState7.Disconnected) {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }
@@ -13205,21 +13207,28 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 import React130, { useEffect as useEffect44, useState as useState53 } from "react";
+import { useMedia as useMedia26 } from "react-use";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState53(false);
+  const isLandscape = useMedia26(config.media.ls);
   useEffect44(() => {
+    var _a7;
+    if (!((_a7 = window.screen) == null ? void 0 : _a7.orientation)) {
+      setShowMwebLandscapePrompt(isLandscape);
+      return;
+    }
     const handleRotation = () => {
       const angle = window.screen.orientation.angle;
-      const type = window.screen.orientation.type;
-      setShowMwebLandscapePrompt(angle >= 90 && type.includes("landscape"));
+      const type = window.screen.orientation.type || "";
+      setShowMwebLandscapePrompt(angle ? angle >= 90 && type.includes("landscape") : isLandscape);
     };
     handleRotation();
     window.screen.orientation.addEventListener("change", handleRotation);
     return () => {
       window.screen.orientation.removeEventListener("change", handleRotation);
     };
-  }, []);
+  }, [isLandscape]);
   return /* @__PURE__ */ React130.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ React130.createElement(Dialog.Portal, null, /* @__PURE__ */ React130.createElement(Dialog.Overlay, null), /* @__PURE__ */ React130.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React130.createElement(Box, null, /* @__PURE__ */ React130.createElement(
     Flex,
     {
@@ -13563,7 +13572,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 import React134, { useEffect as useEffect47, useState as useState55 } from "react";
-import { useMedia as useMedia26 } from "react-use";
+import { useMedia as useMedia27 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -13577,7 +13586,7 @@ function PermissionErrorModal() {
   const notification = useHMSNotifications4(HMSNotificationTypes4.ERROR);
   const [deviceType, setDeviceType] = useState55("");
   const [isSystemError, setIsSystemError] = useState55(false);
-  const isMobile = useMedia26(config.media.md);
+  const isMobile = useMedia27(config.media.md);
   useEffect47(() => {
     var _a7, _b7, _c, _d, _e;
     if (!notification || ((_a7 = notification.data) == null ? void 0 : _a7.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
@@ -13895,7 +13904,7 @@ function Notifications() {
         break;
       case HMSNotificationTypes9.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID) {
-          const pollStartedBy = vanillaStore.getState(selectPeerNameByID6(notification.data.startedBy));
+          const pollStartedBy = vanillaStore.getState(selectPeerNameByID6(notification.data.startedBy)) || "Participant";
           ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ React138.createElement(
@@ -13995,7 +14004,7 @@ var ToastContainer = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 import React142, { useCallback as useCallback32, useEffect as useEffect54, useMemo as useMemo17, useState as useState60 } from "react";
-import { useMedia as useMedia27 } from "react-use";
+import { useMedia as useMedia28 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID15,
   selectPeerNameByID as selectPeerNameByID7,
@@ -14030,7 +14039,7 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore68(selectLocalPeerID15);
   const vanillaStore = useHMSVanillaStore13();
   const [emojis, setEmojis] = useState60([]);
-  const isMobile = useMedia27(config.media.md);
+  const isMobile = useMedia28(config.media.md);
   const startingPoints = useMemo17(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback32(
     ({ emojiId, senderId }) => {
@@ -14438,4 +14447,4 @@ export {
   HMSPrebuilt,
   Progress
 };
-//# sourceMappingURL=chunk-322YFA55.js.map
+//# sourceMappingURL=chunk-EDGWHFCM.js.map