@100mslive/roomkit-react 0.3.14 → 0.3.15-alpha.0

package/src/Prebuilt/components/Polls/CreatePollQuiz/Timer.jsx

@@ -1,71 +0,0 @@
-// @ts-check
-import React, { useRef, useState } from 'react';
-import { Dropdown, Flex, Switch, Text } from '../../../../';
-import { DialogDropdownTrigger } from '../../../primitives/DropdownTrigger';
-import { useDropdownSelection } from '../../hooks/useDropdownSelection';
-
-const timerSettings = {
-  10: '10 secs',
-  15: '15 secs',
-  20: '20 secs',
-  25: '25 secs',
-  30: '30 secs',
-  60: '1 min',
-  120: '2 mins',
-  300: '5 mins',
-};
-
-export const Timer = ({ timer, setTimer, showTimerDropDown, setShowTimerDropDown }) => {
-  const selectionBg = useDropdownSelection();
-  const [timerDropdownToggle, setTimerDropdownToggle] = useState(false);
-  const timerDropdownRef = useRef();
-
-  return (
-    <Flex justify="between" align="center" css={{ mt: '$10' }}>
-      <Flex align="center">
-        <Switch checked={showTimerDropDown} onCheckedChange={setShowTimerDropDown} css={{ mr: '$6' }} />
-        <Text variant="body2" css={{ c: '$on_surface_medium' }}>
-          Timer
-        </Text>
-      </Flex>
-      <Flex align="center">
-        {showTimerDropDown ? (
-          <Dropdown.Root open={timerDropdownToggle} onOpenChange={setTimerDropdownToggle}>
-            <DialogDropdownTrigger
-              ref={timerDropdownRef}
-              title={timerSettings[timer]}
-              open={timerDropdownToggle}
-              titleCss={{ c: '$on_surface_high', ml: '$md' }}
-            />
-            <Dropdown.Portal>
-              <Dropdown.Content
-                align="start"
-                sideOffset={8}
-                css={{
-                  w: timerDropdownRef.current?.clientWidth,
-                  zIndex: 1000,
-                }}
-              >
-                {Object.keys(timerSettings).map(value => {
-                  const val = parseInt(value);
-                  return (
-                    <Dropdown.Item
-                      key={value}
-                      onSelect={() => setTimer(val)}
-                      css={{
-                        px: '$9',
-                        bg: timer === val ? selectionBg : undefined,
-                      }}
-                    >
-                      {timerSettings[val]}
-                    </Dropdown.Item>
-                  );
-                })}
-              </Dropdown.Content>
-            </Dropdown.Portal>
-          </Dropdown.Root>
-        ) : null}
-      </Flex>
-    </Flex>
-  );
-};

package/src/Prebuilt/components/Polls/common/VoterList.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Avatar, Flex, Text } from '../../../../';
-
-export const VoterList = ({ voters }: { voters: string[] }) => {
-  return voters.map((voter, index) => (
-    <Flex align="center" key={`${voter}-${index}`} css={{ gap: '$4', py: '$2' }}>
-      <Avatar
-        name={voter}
-        css={{
-          position: 'relative',
-          transform: 'unset',
-          fontSize: '$tiny',
-          size: '$9',
-          p: '$4',
-        }}
-      />
-      <Text variant="xs" css={{ color: '$on_surface_medium', fontWeight: '$semiBold' }}>
-        {voter}
-      </Text>
-    </Flex>
-  ));
-};

package/src/Prebuilt/components/ScreenshareHintModal.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { useHMSActions } from '@100mslive/react-sdk';
-import { Button } from '../../Button';
-import { Dialog } from '../../Modal';
-import { DialogContent, DialogRow } from '../primitives/DialogContent';
-
-export const ScreenShareHintModal = ({ onClose }) => {
-  const hmsActions = useHMSActions();
-  return (
-    <Dialog.Root defaultOpen onOpenChange={value => !value && onClose()}>
-      <DialogContent title="AudioOnly Screenshare">
-        <img
-          src="https://images.app.100ms.live/share-audio.png"
-          alt="AudioOnly Screenshare instructions"
-          width="100%"
-        />
-        <DialogRow justify="end">
-          <Button
-            variant="primary"
-            onClick={() => {
-              hmsActions
-                .setScreenShareEnabled(true, {
-                  audioOnly: true,
-                  displaySurface: 'browser',
-                })
-                .catch(console.error);
-              onClose();
-            }}
-            data-testid="audio_screenshare_continue"
-          >
-            Continue
-          </Button>
-        </DialogRow>
-      </DialogContent>
-    </Dialog.Root>
-  );
-};