@100mslive/roomkit-react 0.3.3-alpha.0 → 0.3.3-alpha.1

package/dist/index.js

@@ -62,7 +62,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-2V7F62FX.js";
+} from "./chunk-ZDW56PPL.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -1558,7 +1558,7 @@
       "format": "esm"
     },
     "src/Accordion/Accordion.tsx": {
-      "bytes": 2744,
+      "bytes": 2819,
       "imports": [
         {
           "path": "react",
@@ -4201,8 +4201,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1700,
+    "src/Prebuilt/components/hooks/useMetadata.tsx": {
+      "bytes": 1631,
       "imports": [
         {
           "path": "react",
@@ -4228,7 +4228,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8195,
+      "bytes": 8164,
       "imports": [
         {
           "path": "react",
@@ -4321,7 +4321,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5201,7 +5201,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13053,
+      "bytes": 12899,
       "imports": [
         {
           "path": "react",
@@ -5309,7 +5309,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5393,7 +5393,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.tsx": {
-      "bytes": 798,
+      "bytes": 986,
       "imports": [
         {
           "path": "react",
@@ -5421,7 +5421,12 @@
           "original": "../IconButton"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -6042,7 +6047,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-      "bytes": 5714,
+      "bytes": 5767,
       "imports": [
         {
           "path": "react",
@@ -6337,7 +6342,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3967,
+      "bytes": 3777,
       "imports": [
         {
           "path": "react",
@@ -6359,11 +6364,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -7963,7 +7963,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14835,
+      "bytes": 15176,
       "imports": [
         {
           "path": "react",
@@ -8243,7 +8243,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 10438,
+      "bytes": 10287,
       "imports": [
         {
           "path": "react",
@@ -9794,7 +9794,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2958,
+      "bytes": 2927,
       "imports": [
         {
           "path": "react",
@@ -9827,7 +9827,7 @@
           "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../hooks/useMetadata"
         },
@@ -11868,7 +11868,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PreviousRoleInMetadata.tsx": {
-      "bytes": 769,
+      "bytes": 738,
       "imports": [
         {
           "path": "react",
@@ -11881,7 +11881,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -11894,7 +11894,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 8259,
+      "bytes": 8106,
       "imports": [
         {
           "path": "react",
@@ -13704,7 +13704,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3282211
+      "bytes": 3281946
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -14988,11 +14988,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "require-call",
@@ -16633,7 +16628,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18255
+          "bytesInOutput": 18238
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -16846,7 +16841,7 @@
           "bytesInOutput": 129
         },
         "src/Accordion/Accordion.tsx": {
-          "bytesInOutput": 3189
+          "bytesInOutput": 3239
         },
         "src/Accordion/index.ts": {
           "bytesInOutput": 297
@@ -17058,8 +17053,8 @@
         "src/Prebuilt/components/MoreSettings/MuteAllModal.tsx": {
           "bytesInOutput": 2378
         },
-        "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 2305
+        "src/Prebuilt/components/hooks/useMetadata.tsx": {
+          "bytesInOutput": 2163
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
           "bytesInOutput": 8565
@@ -17152,13 +17147,13 @@
           "bytesInOutput": 938
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 13528
+          "bytesInOutput": 13388
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.tsx": {
           "bytesInOutput": 831
         },
         "src/Prebuilt/components/RaiseHand.tsx": {
-          "bytesInOutput": 1149
+          "bytesInOutput": 1306
         },
         "src/Prebuilt/images/pdf-share.png": {
           "bytesInOutput": 25548
@@ -17212,7 +17207,7 @@
           "bytesInOutput": 2258
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 6489
+          "bytesInOutput": 6544
         },
         "src/Prebuilt/components/hooks/usePeerOnStageActions.tsx": {
           "bytesInOutput": 2181
@@ -17227,7 +17222,7 @@
           "bytesInOutput": 1352
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 4540
+          "bytesInOutput": 4294
         },
         "src/Prebuilt/components/Notifications/HLSFailureModal.tsx": {
           "bytesInOutput": 2811
@@ -17338,7 +17333,7 @@
           "bytesInOutput": 926
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 17147
+          "bytesInOutput": 17543
         },
         "src/Prebuilt/components/Chat/ChatSelector.tsx": {
           "bytesInOutput": 8560
@@ -17353,7 +17348,7 @@
           "bytesInOutput": 1440
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 11726
+          "bytesInOutput": 11558
         },
         "src/Prebuilt/components/Chat/ChatStates.tsx": {
           "bytesInOutput": 3529
@@ -17554,7 +17549,7 @@
           "bytesInOutput": 2182
         },
         "src/Prebuilt/components/Header/common.jsx": {
-          "bytesInOutput": 7389
+          "bytesInOutput": 7375
         },
         "src/Prebuilt/components/Header/Header.tsx": {
           "bytesInOutput": 2332
@@ -17566,7 +17561,7 @@
           "bytesInOutput": 1024
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 9089
+          "bytesInOutput": 8920
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 4366
@@ -17683,7 +17678,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1561304
+      "bytes": 1561066
     }
   }
 }

package/dist/meta.esbuild.json

@@ -1558,7 +1558,7 @@
       "format": "esm"
     },
     "src/Accordion/Accordion.tsx": {
-      "bytes": 2744,
+      "bytes": 2819,
       "imports": [
         {
           "path": "react",
@@ -4201,8 +4201,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1700,
+    "src/Prebuilt/components/hooks/useMetadata.tsx": {
+      "bytes": 1631,
       "imports": [
         {
           "path": "react",
@@ -4228,7 +4228,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8195,
+      "bytes": 8164,
       "imports": [
         {
           "path": "react",
@@ -4321,7 +4321,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5201,7 +5201,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13053,
+      "bytes": 12899,
       "imports": [
         {
           "path": "react",
@@ -5309,7 +5309,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5393,7 +5393,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.tsx": {
-      "bytes": 798,
+      "bytes": 986,
       "imports": [
         {
           "path": "react",
@@ -5421,7 +5421,12 @@
           "original": "../IconButton"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -6042,7 +6047,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-      "bytes": 5714,
+      "bytes": 5767,
       "imports": [
         {
           "path": "react",
@@ -6337,7 +6342,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3967,
+      "bytes": 3777,
       "imports": [
         {
           "path": "react",
@@ -6359,11 +6364,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -7963,7 +7963,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14835,
+      "bytes": 15176,
       "imports": [
         {
           "path": "react",
@@ -8243,7 +8243,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 10438,
+      "bytes": 10287,
       "imports": [
         {
           "path": "react",
@@ -9794,7 +9794,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2958,
+      "bytes": 2927,
       "imports": [
         {
           "path": "react",
@@ -9827,7 +9827,7 @@
           "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../hooks/useMetadata"
         },
@@ -11868,7 +11868,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PreviousRoleInMetadata.tsx": {
-      "bytes": 769,
+      "bytes": 738,
       "imports": [
         {
           "path": "react",
@@ -11881,7 +11881,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -11894,7 +11894,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 8259,
+      "bytes": 8106,
       "imports": [
         {
           "path": "react",
@@ -13709,7 +13709,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-2V7F62FX.js",
+          "path": "dist/chunk-ZDW56PPL.js",
           "kind": "import-statement"
         }
       ],
@@ -13782,16 +13782,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-NVF25XHT.js.map": {
+    "dist/HLSView-GDOF4655.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 90585
     },
-    "dist/HLSView-NVF25XHT.js": {
+    "dist/HLSView-GDOF4655.js": {
       "imports": [
         {
-          "path": "dist/chunk-2V7F62FX.js",
+          "path": "dist/chunk-ZDW56PPL.js",
           "kind": "import-statement"
         },
         {
@@ -14009,13 +14009,13 @@
       },
       "bytes": 55694
     },
-    "dist/chunk-2V7F62FX.js.map": {
+    "dist/chunk-ZDW56PPL.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3187182
+      "bytes": 3186774
     },
-    "dist/chunk-2V7F62FX.js": {
+    "dist/chunk-ZDW56PPL.js": {
       "imports": [
         {
           "path": "react",
@@ -14452,11 +14452,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16403,7 +16398,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-NVF25XHT.js",
+          "path": "dist/HLSView-GDOF4655.js",
           "kind": "dynamic-import"
         },
         {
@@ -16878,7 +16873,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18255
+          "bytesInOutput": 18238
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224298
@@ -17097,7 +17092,7 @@
           "bytesInOutput": 149
         },
         "src/Accordion/Accordion.tsx": {
-          "bytesInOutput": 2476
+          "bytesInOutput": 2526
         },
         "src/Fieldset/Fieldset.tsx": {
           "bytesInOutput": 233
@@ -17178,10 +17173,10 @@
           "bytesInOutput": 4698
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 7373
+          "bytesInOutput": 7205
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 3350
+          "bytesInOutput": 3145
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
           "bytesInOutput": 10284
@@ -17306,11 +17301,11 @@
         "src/Prebuilt/components/MoreSettings/constants.ts": {
           "bytesInOutput": 437
         },
-        "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 1948
+        "src/Prebuilt/components/hooks/useMetadata.tsx": {
+          "bytesInOutput": 1826
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 11042
+          "bytesInOutput": 10902
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 10031
@@ -17379,7 +17374,7 @@
           "bytesInOutput": 658
         },
         "src/Prebuilt/components/RaiseHand.tsx": {
-          "bytesInOutput": 796
+          "bytesInOutput": 905
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1619
@@ -17430,7 +17425,7 @@
           "bytesInOutput": 1290
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 5163
+          "bytesInOutput": 5214
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
           "bytesInOutput": 7326
@@ -17550,7 +17545,7 @@
           "bytesInOutput": 4926
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14396
+          "bytesInOutput": 14726
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
           "bytesInOutput": 9785
@@ -17574,7 +17569,7 @@
           "bytesInOutput": 710
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 9793
+          "bytesInOutput": 9627
         },
         "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx": {
           "bytesInOutput": 5318
@@ -17838,7 +17833,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1307246
+      "bytes": 1306968
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.3-alpha.0",
+  "version": "0.3.3-alpha.1",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,12 +82,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.3-alpha.0",
+    "@100mslive/hls-player": "0.3.3-alpha.1",
     "@100mslive/hms-noise-cancellation": "0.0.0-alpha.1",
-    "@100mslive/hms-virtual-background": "1.13.3-alpha.0",
-    "@100mslive/react-icons": "0.10.3-alpha.0",
-    "@100mslive/react-sdk": "0.10.3-alpha.0",
-    "@100mslive/types-prebuilt": "0.12.7",
+    "@100mslive/hms-virtual-background": "1.13.3-alpha.1",
+    "@100mslive/react-icons": "0.10.3-alpha.1",
+    "@100mslive/react-sdk": "0.10.3-alpha.1",
+    "@100mslive/types-prebuilt": "0.12.8",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
     "@radix-ui/react-accordion": "1.0.0",
@@ -122,5 +122,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "23e3bf90410ae16869b67438ac403cba6027db98"
+  "gitHead": "8e27b80c474e3487828a60fce4aa1f444aa14577"
 }

package/src/Accordion/Accordion.tsx

@@ -64,15 +64,15 @@ export const AccordionRoot = StyledAccordion;
 export const AccordionItem = StyledItem;
 
 export const AccordionHeader: React.FC<
-  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS }>
+  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS; chevronID?: string }>
 > = React.forwardRef<
   HTMLButtonElement,
-  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS }>
->(({ children, iconStyles, css, ...props }, forwardedRef) => (
+  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS; chevronID?: string }>
+>(({ children, iconStyles, css, chevronID, ...props }, forwardedRef) => (
   <StyledHeader css={css}>
     <StyledTrigger {...props} ref={forwardedRef}>
       {children}
-      <StyledChevron aria-hidden css={iconStyles} />
+      <StyledChevron data-testid={chevronID} aria-hidden css={iconStyles} />
     </StyledTrigger>
   </StyledHeader>
 ));