@100mslive/roomkit-react 0.1.4 → 0.1.6-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (197) hide show
  1. package/dist/{HLSView-CTAJQUU4.js → HLSView-PY2FKWX3.js} +191 -123
  2. package/dist/HLSView-PY2FKWX3.js.map +7 -0
  3. package/dist/Prebuilt/App.d.ts +3 -0
  4. package/dist/Prebuilt/AppContext.d.ts +13 -0
  5. package/dist/Prebuilt/common/PeersSorter.d.ts +21 -0
  6. package/dist/Prebuilt/components/Footer/Footer.d.ts +6 -0
  7. package/dist/Prebuilt/components/Header/Header.d.ts +2 -0
  8. package/dist/Prebuilt/components/InsetTile.d.ts +2 -0
  9. package/dist/Prebuilt/components/Leave/DesktopLeaveRoom.d.ts +7 -0
  10. package/dist/Prebuilt/components/Leave/EndSessionContent.d.ts +8 -0
  11. package/dist/Prebuilt/components/Leave/LeaveAtoms.d.ts +2196 -0
  12. package/dist/Prebuilt/components/Leave/LeaveCard.d.ts +12 -0
  13. package/dist/Prebuilt/components/Leave/LeaveRoom.d.ts +5 -0
  14. package/dist/Prebuilt/components/Leave/LeaveSessionContent.d.ts +6 -0
  15. package/dist/Prebuilt/components/Leave/MwebLeaveRoom.d.ts +7 -0
  16. package/dist/Prebuilt/components/MoreSettings/MoreSettings.d.ts +6 -0
  17. package/dist/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.d.ts +6 -0
  18. package/dist/Prebuilt/components/Pagination.d.ts +6 -0
  19. package/dist/Prebuilt/components/Preview/PreviewForm.d.ts +10 -0
  20. package/dist/Prebuilt/components/SecondaryTiles.d.ts +3 -0
  21. package/dist/Prebuilt/components/VideoLayouts/EqualProminence.d.ts +3 -0
  22. package/dist/Prebuilt/components/VideoLayouts/Grid.d.ts +5 -0
  23. package/dist/Prebuilt/components/VideoLayouts/GridLayout.d.ts +10 -0
  24. package/dist/Prebuilt/components/VideoLayouts/ProminenceLayout.d.ts +12 -0
  25. package/dist/Prebuilt/components/VideoLayouts/RoleProminence.d.ts +3 -0
  26. package/dist/Prebuilt/components/VideoLayouts/ScreenshareLayout.d.ts +3 -0
  27. package/dist/Prebuilt/components/VideoLayouts/interface.d.ts +8 -0
  28. package/dist/Prebuilt/components/hooks/useRoleProminencePeers.d.ts +5 -0
  29. package/dist/Prebuilt/components/hooks/useTileLayout.d.ts +12 -0
  30. package/dist/Prebuilt/components/hooks/useVideoTileLayout.d.ts +11 -0
  31. package/dist/Prebuilt/layouts/SidePane.d.ts +6 -0
  32. package/dist/Prebuilt/layouts/VideoStreamingSection.d.ts +6 -0
  33. package/dist/Prebuilt/plugins/whiteboard/ToggleWhiteboard.d.ts +5 -0
  34. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.d.ts +1 -0
  35. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useInsetEnabled.d.ts +1 -0
  36. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.d.ts +17 -0
  37. package/dist/Prebuilt/provider/roomLayoutProvider/index.d.ts +6 -1
  38. package/dist/{VirtualBackground-GGGBJYVY.js → VirtualBackground-AYDHYLIZ.js} +5 -11
  39. package/dist/VirtualBackground-AYDHYLIZ.js.map +7 -0
  40. package/dist/{chunk-TJNDX446.js → chunk-E2M2ZSOL.js} +8 -5
  41. package/dist/chunk-E2M2ZSOL.js.map +7 -0
  42. package/dist/chunk-GQD2AGWW.js +888 -0
  43. package/dist/chunk-GQD2AGWW.js.map +7 -0
  44. package/dist/{chunk-L2SX7GBO.js → chunk-RXTHJUMZ.js} +2462 -4738
  45. package/dist/chunk-RXTHJUMZ.js.map +7 -0
  46. package/dist/conference-V2XZGTKU.js +5927 -0
  47. package/dist/conference-V2XZGTKU.js.map +7 -0
  48. package/dist/index.cjs.js +9414 -15534
  49. package/dist/index.cjs.js.map +4 -4
  50. package/dist/index.js +2 -2
  51. package/dist/meta.cjs.json +2156 -3347
  52. package/dist/meta.esbuild.json +2601 -3885
  53. package/package.json +7 -7
  54. package/src/Button/Button.tsx +2 -2
  55. package/src/Prebuilt/App.tsx +49 -33
  56. package/src/Prebuilt/{AppContext.jsx → AppContext.tsx} +11 -3
  57. package/src/Prebuilt/IconButton.jsx +1 -0
  58. package/src/Prebuilt/Prebuilt.stories.tsx +1 -0
  59. package/src/Prebuilt/common/{PeersSorter.js → PeersSorter.ts} +15 -10
  60. package/src/Prebuilt/common/constants.js +3 -112
  61. package/src/Prebuilt/common/hooks.js +34 -1
  62. package/src/Prebuilt/common/utils.js +0 -8
  63. package/src/Prebuilt/components/AppData/AppData.jsx +3 -13
  64. package/src/Prebuilt/components/AppData/useUISettings.js +0 -4
  65. package/src/Prebuilt/components/AudioVideoToggle.jsx +6 -0
  66. package/src/Prebuilt/components/AuthToken.jsx +11 -42
  67. package/src/Prebuilt/components/Chat/Chat.jsx +57 -26
  68. package/src/Prebuilt/components/Chat/ChatBody.jsx +92 -32
  69. package/src/Prebuilt/components/Chat/ChatFooter.jsx +72 -48
  70. package/src/Prebuilt/components/Chat/ChatParticipantHeader.jsx +73 -0
  71. package/src/Prebuilt/components/Chat/ChatSelector.jsx +16 -17
  72. package/src/Prebuilt/components/Chat/ChatSelectorContainer.jsx +81 -0
  73. package/src/Prebuilt/components/Connection/TileConnection.jsx +30 -12
  74. package/src/Prebuilt/components/EmojiReaction.jsx +18 -17
  75. package/src/Prebuilt/components/Footer/ChatToggle.jsx +1 -7
  76. package/src/Prebuilt/components/Footer/Footer.tsx +89 -0
  77. package/src/Prebuilt/components/Footer/ParticipantList.jsx +213 -173
  78. package/src/Prebuilt/components/Footer/RoleAccordion.jsx +78 -0
  79. package/src/Prebuilt/components/HMSVideo/Controls.jsx +2 -2
  80. package/src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx +33 -10
  81. package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +1 -1
  82. package/src/Prebuilt/components/HMSVideo/VideoTime.jsx +3 -3
  83. package/src/Prebuilt/components/HMSVideo/VolumeControl.jsx +38 -9
  84. package/src/Prebuilt/components/Header/{ConferencingHeader.jsx → Header.tsx} +9 -7
  85. package/src/Prebuilt/components/Header/HeaderComponents.jsx +13 -4
  86. package/src/Prebuilt/components/Header/StreamActions.jsx +33 -60
  87. package/src/Prebuilt/components/Header/index.tsx +1 -0
  88. package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx +17 -3
  89. package/src/Prebuilt/components/InsetTile.tsx +122 -0
  90. package/src/Prebuilt/components/{MoreSettings/SplitComponents/DesktopLeaveRoom.jsx → Leave/DesktopLeaveRoom.tsx} +50 -18
  91. package/src/Prebuilt/components/{EndSessionContent.jsx → Leave/EndSessionContent.tsx} +19 -9
  92. package/src/Prebuilt/components/Leave/LeaveAtoms.tsx +26 -0
  93. package/src/Prebuilt/components/{LeaveCard.jsx → Leave/LeaveCard.tsx} +22 -3
  94. package/src/Prebuilt/components/Leave/LeaveRoom.tsx +63 -0
  95. package/src/Prebuilt/components/{LeaveSessionContent.jsx → Leave/LeaveSessionContent.tsx} +13 -5
  96. package/src/Prebuilt/components/{MoreSettings/SplitComponents/MwebLeaveRoom.jsx → Leave/MwebLeaveRoom.tsx} +38 -13
  97. package/src/Prebuilt/components/MetaActions.jsx +15 -23
  98. package/src/Prebuilt/components/MoreSettings/ActionTile.jsx +5 -0
  99. package/src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx +12 -7
  100. package/src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx +1 -1
  101. package/src/Prebuilt/components/MoreSettings/FullScreenItem.jsx +1 -4
  102. package/src/Prebuilt/components/MoreSettings/MoreSettings.tsx +27 -0
  103. package/src/Prebuilt/components/MoreSettings/SplitComponents/{DesktopOptions.jsx → DesktopOptions.tsx} +86 -75
  104. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx +20 -19
  105. package/src/Prebuilt/components/Notifications/HLSFailureModal.jsx +3 -1
  106. package/src/Prebuilt/components/Notifications/Notifications.jsx +18 -11
  107. package/src/Prebuilt/components/Notifications/PeerNotifications.jsx +14 -2
  108. package/src/Prebuilt/components/Notifications/PermissionErrorModal.jsx +10 -4
  109. package/src/Prebuilt/components/PIP/PIPComponent.jsx +7 -16
  110. package/src/Prebuilt/components/PIP/PIPManager.js +1 -0
  111. package/src/Prebuilt/components/{Pagination.jsx → Pagination.tsx} +35 -6
  112. package/src/Prebuilt/components/Playlist/Playlist.jsx +1 -6
  113. package/src/Prebuilt/components/PostLeave.jsx +7 -7
  114. package/src/Prebuilt/components/Preview/PreviewContainer.jsx +5 -13
  115. package/src/Prebuilt/components/Preview/{PreviewForm.jsx → PreviewForm.tsx} +14 -4
  116. package/src/Prebuilt/components/Preview/PreviewJoin.jsx +9 -7
  117. package/src/Prebuilt/components/RaiseHand.jsx +0 -7
  118. package/src/Prebuilt/components/RoleChangeRequestModal.jsx +82 -6
  119. package/src/Prebuilt/components/ScreenshareDisplay.jsx +4 -10
  120. package/src/Prebuilt/components/ScreenshareTile.jsx +41 -33
  121. package/src/Prebuilt/components/SecondaryTiles.tsx +34 -0
  122. package/src/Prebuilt/components/Settings/LayoutSettings.jsx +2 -12
  123. package/src/Prebuilt/components/Settings/NotificationSettings.jsx +3 -9
  124. package/src/Prebuilt/components/Settings/SettingsModal.jsx +3 -9
  125. package/src/Prebuilt/components/StatsForNerds.jsx +3 -1
  126. package/src/Prebuilt/components/TileMenu/TileMenu.jsx +15 -16
  127. package/src/Prebuilt/components/TileMenu/TileMenuContent.jsx +21 -19
  128. package/src/Prebuilt/components/Toast/ToastConfig.jsx +53 -11
  129. package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +62 -0
  130. package/src/Prebuilt/components/VideoLayouts/Grid.tsx +41 -0
  131. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +92 -0
  132. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +60 -0
  133. package/src/Prebuilt/components/VideoLayouts/RoleProminence.tsx +56 -0
  134. package/src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx +36 -0
  135. package/src/Prebuilt/components/VideoLayouts/interface.ts +9 -0
  136. package/src/Prebuilt/components/VideoTile.jsx +93 -43
  137. package/src/Prebuilt/components/conference.jsx +24 -20
  138. package/src/Prebuilt/components/hooks/useMetadata.jsx +7 -0
  139. package/src/Prebuilt/components/hooks/useRoleProminencePeers.tsx +38 -0
  140. package/src/Prebuilt/components/hooks/useTileLayout.tsx +121 -0
  141. package/src/Prebuilt/components/hooks/useVideoTileLayout.ts +22 -0
  142. package/src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx +5 -72
  143. package/src/Prebuilt/components/pdfAnnotator/submitPdf.jsx +4 -45
  144. package/src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx +2 -17
  145. package/src/Prebuilt/components/peerTileUtils.jsx +1 -1
  146. package/src/Prebuilt/images/empty-chat.svg +12 -0
  147. package/src/Prebuilt/layouts/EmbedView.jsx +17 -40
  148. package/src/Prebuilt/layouts/HLSView.jsx +83 -66
  149. package/src/Prebuilt/layouts/PDFView.jsx +1 -11
  150. package/src/Prebuilt/layouts/SidePane.tsx +96 -0
  151. package/src/Prebuilt/layouts/{mainView.jsx → VideoStreamingSection.tsx} +38 -47
  152. package/src/Prebuilt/layouts/WhiteboardView.jsx +10 -34
  153. package/src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx +1 -4
  154. package/src/Prebuilt/plugins/whiteboard/{ToggleWhiteboard.jsx → ToggleWhiteboard.tsx} +5 -9
  155. package/src/Prebuilt/primitives/DialogContent.jsx +15 -11
  156. package/src/Prebuilt/provider/roomLayoutProvider/constants/index.ts +17 -2
  157. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts +36 -13
  158. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useInsetEnabled.ts +10 -0
  159. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +65 -0
  160. package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +17 -6
  161. package/dist/HLSView-CTAJQUU4.js.map +0 -7
  162. package/dist/PinnedTrackView-CQKONH4O.js +0 -102
  163. package/dist/PinnedTrackView-CQKONH4O.js.map +0 -7
  164. package/dist/VirtualBackground-GGGBJYVY.js.map +0 -7
  165. package/dist/chunk-I2FJWE74.js +0 -827
  166. package/dist/chunk-I2FJWE74.js.map +0 -7
  167. package/dist/chunk-L2SX7GBO.js.map +0 -7
  168. package/dist/chunk-NOKIGB6Y.js +0 -1100
  169. package/dist/chunk-NOKIGB6Y.js.map +0 -7
  170. package/dist/chunk-TJNDX446.js.map +0 -7
  171. package/dist/conference-OEO7VOJD.js +0 -8995
  172. package/dist/conference-OEO7VOJD.js.map +0 -7
  173. package/src/Prebuilt/components/Chat/ChatHeader.jsx +0 -67
  174. package/src/Prebuilt/components/EqualProminence.jsx +0 -180
  175. package/src/Prebuilt/components/FirstPersonDisplay.jsx +0 -50
  176. package/src/Prebuilt/components/Footer/Footer.jsx +0 -73
  177. package/src/Prebuilt/components/Header/Header.jsx +0 -8
  178. package/src/Prebuilt/components/Header/StreamingHeader.jsx +0 -54
  179. package/src/Prebuilt/components/LeaveRoom.jsx +0 -94
  180. package/src/Prebuilt/components/MoreSettings/MoreSettings.jsx +0 -10
  181. package/src/Prebuilt/components/Notifications/MessageNotifications.jsx +0 -25
  182. package/src/Prebuilt/components/gridView.jsx +0 -85
  183. package/src/Prebuilt/components/hooks/useFeatures.js +0 -22
  184. package/src/Prebuilt/components/hooks/useNavigation.js +0 -19
  185. package/src/Prebuilt/components/hooks/useSkipPreview.jsx +0 -20
  186. package/src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx +0 -29
  187. package/src/Prebuilt/images/Logo.svg +0 -8
  188. package/src/Prebuilt/layouts/ActiveSpeakerView.jsx +0 -34
  189. package/src/Prebuilt/layouts/InsetView.jsx +0 -260
  190. package/src/Prebuilt/layouts/PinnedTrackView.jsx +0 -59
  191. package/src/Prebuilt/layouts/SidePane.jsx +0 -52
  192. package/src/Prebuilt/layouts/mainGridView.jsx +0 -98
  193. package/src/Prebuilt/layouts/screenShareView.jsx +0 -183
  194. /package/{src/Prebuilt/components/Header/index.jsx → dist/Prebuilt/components/Header/index.d.ts} +0 -0
  195. /package/src/Prebuilt/components/{ScreenShare.jsx → ScreenShareToggle.jsx} +0 -0
  196. /package/src/{assets → Prebuilt/images}/android-perm-1.png +0 -0
  197. /package/src/{assets → Prebuilt/images}/ios-perm-0.png +0 -0
@@ -1,1100 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- var __esm = (fn, res) => function __init() {
37
- return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
38
- };
39
- var __commonJS = (cb, mod) => function __require() {
40
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
41
- };
42
- var __export = (target, all) => {
43
- for (var name in all)
44
- __defProp(target, name, { get: all[name], enumerable: true });
45
- };
46
- var __copyProps = (to, from, except, desc) => {
47
- if (from && typeof from === "object" || typeof from === "function") {
48
- for (let key of __getOwnPropNames(from))
49
- if (!__hasOwnProp.call(to, key) && key !== except)
50
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
51
- }
52
- return to;
53
- };
54
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
55
- // If the importer is in node compatibility mode or this is not an ESM
56
- // file that has been converted to a CommonJS file using a Babel-
57
- // compatible transform (i.e. "__esModule" has not been set), then set
58
- // "default" to the CommonJS "module.exports" for node compatibility.
59
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
60
- mod
61
- ));
62
- var __publicField = (obj, key, value) => {
63
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
64
- return value;
65
- };
66
- var __accessCheck = (obj, member, msg) => {
67
- if (!member.has(obj))
68
- throw TypeError("Cannot " + msg);
69
- };
70
- var __privateGet = (obj, member, getter) => {
71
- __accessCheck(obj, member, "read from private field");
72
- return getter ? getter.call(obj) : member.get(obj);
73
- };
74
- var __privateAdd = (obj, member, value) => {
75
- if (member.has(obj))
76
- throw TypeError("Cannot add the same private member more than once");
77
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
78
- };
79
- var __privateSet = (obj, member, value, setter) => {
80
- __accessCheck(obj, member, "write to private field");
81
- setter ? setter.call(obj, value) : member.set(obj, value);
82
- return value;
83
- };
84
- var __async = (__this, __arguments, generator) => {
85
- return new Promise((resolve, reject) => {
86
- var fulfilled = (value) => {
87
- try {
88
- step(generator.next(value));
89
- } catch (e) {
90
- reject(e);
91
- }
92
- };
93
- var rejected = (value) => {
94
- try {
95
- step(generator.throw(value));
96
- } catch (e) {
97
- reject(e);
98
- }
99
- };
100
- var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
101
- step((generator = generator.apply(__this, __arguments)).next());
102
- });
103
- };
104
-
105
- // <define:process.env>
106
- var define_process_env_default;
107
- var init_define_process_env = __esm({
108
- "<define:process.env>"() {
109
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_6babbbd1-f54f-4674-b333-e3b910c56401", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.13", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6babbbd1-f54f-4674-b333-e3b910c56401", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.13", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.10.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.2.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "662", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_dependencies_react_router_dom: "^6.3.0", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.7/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.0/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230814.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17188", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.13", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", GITHUB_RUN_ID: "5960583271", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "a545bf04356bdc9c665e184e2b3413a3d14c2f6c", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "d832c477bf4375839fa141161d76dac1d89a0b620760f79e9afc1297d4d17aca", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1692861002348-0.9073343901164299:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1692861002141-0.20033166475997133:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1692860960537-0.9123973989924501:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1692860960330-0.5898425339650044:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a89724ac-f7fe-4819-8a27-8294a7175633", INVOCATION_ID: "edc1a4c24d8e473b9252f2e657a745e7", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.12/x64", npm_package_husky_hooks_pre_push: "lint-staged", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "364", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 4", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.13", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.4", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "a545bf04356bdc9c665e184e2b3413a3d14c2f6c", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_6babbbd1-f54f-4674-b333-e3b910c56401", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/hms-virtual-background/dist/index.js", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_6babbbd1-f54f-4674-b333-e3b910c56401", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_6babbbd1-f54f-4674-b333-e3b910c56401" };
110
- }
111
- });
112
-
113
- // src/Theme/stitches.config.ts
114
- init_define_process_env();
115
- import { createStitches } from "@stitches/react";
116
- import merge from "lodash.merge";
117
-
118
- // src/Theme/base.config.ts
119
- init_define_process_env();
120
- import { defaultThemeMap as defaultStitchesThemeMap } from "@stitches/react";
121
- var baseConfig = {
122
- theme: {
123
- colors: {
124
- primary_default: "#2572ED",
125
- primary_bright: "#538DFF",
126
- primary_dim: "#002D6D",
127
- primary_disabled: "#004299",
128
- on_primary_high: "rgba(245, 249, 255, 0.95)",
129
- on_primary_medium: "rgba(224, 236, 255, 0.8)",
130
- on_primary_low: "rgba(194, 208, 229, 0.5)",
131
- secondary_default: "#444954",
132
- secondary_bright: "#70778B",
133
- secondary_dim: "#293042",
134
- secondary_disabled: "#404759",
135
- on_secondary_high: "#FFFFFF",
136
- on_secondary_medium: "#D3D9F0",
137
- on_secondary_low: "#A4ABC0",
138
- background_default: "#0B0E15",
139
- background_dim: "#000000",
140
- surface_default: "#191B23",
141
- surface_bright: "#272A31",
142
- surface_brighter: "#2E3038",
143
- surface_dim: "#11131A",
144
- on_surface_high: "#EFF0FA",
145
- on_surface_medium: "#C5C6D0",
146
- on_surface_low: "#8F9099",
147
- border_default: "#1D1F27",
148
- border_bright: "#272A31",
149
- alert_success: "#36B37E",
150
- alert_warning: "#FFAB00",
151
- alert_error_default: "#C74E5B",
152
- alert_error_bright: "#FFB2B6",
153
- alert_error_brighter: "#FFEDEC",
154
- alert_error_dim: "#270005"
155
- },
156
- shadows: {
157
- sm: "0 0 4px 0 #0000004D",
158
- md: "0 0 8px 0 #0000004D"
159
- },
160
- fonts: {
161
- sans: "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
162
- },
163
- fontSizes: {
164
- h1: "6rem",
165
- h2: "3.75rem",
166
- h3: "3rem",
167
- h4: "2.125rem",
168
- h5: "1.5rem",
169
- h6: "1.25rem",
170
- tiny: "0.625rem",
171
- xs: "0.75rem",
172
- sm: "0.875rem",
173
- md: "1rem",
174
- lg: "1.125rem"
175
- },
176
- fontWeights: {
177
- semiBold: 600,
178
- medium: 500,
179
- regular: 400
180
- },
181
- lineHeights: {
182
- h1: "5.75rem",
183
- h2: "3.5rem",
184
- h3: "3.25rem",
185
- h4: "2.5rem",
186
- h5: "2rem",
187
- h6: "1.5rem",
188
- tiny: "1rem",
189
- xs: "1rem",
190
- sm: "1.25rem",
191
- md: "1.5rem"
192
- },
193
- radii: {
194
- "0": "0.25rem",
195
- "1": "0.5rem",
196
- "2": "0.75rem",
197
- "3": "1rem",
198
- "4": "1.5rem",
199
- round: "100rem"
200
- },
201
- space: {
202
- 0: "0rem",
203
- xs: "0.5rem",
204
- sm: "0.75rem",
205
- md: "1rem",
206
- lg: "1.25rem",
207
- xl: "2.25rem",
208
- px: "1px",
209
- 1: "0.125rem",
210
- 2: "0.25rem",
211
- 3: "0.375rem",
212
- 4: "0.5rem",
213
- 5: "0.625rem",
214
- 6: "0.75rem",
215
- 7: "0.875rem",
216
- 8: "1rem",
217
- 9: "1.25rem",
218
- 10: "1.5rem",
219
- 11: "1.75rem",
220
- 12: "2rem",
221
- 13: "2.25rem",
222
- 14: "2.5rem",
223
- 15: "2.75rem",
224
- 16: "3rem",
225
- 17: "3.5rem",
226
- 18: "4rem",
227
- 19: "4.25rem",
228
- 20: "5rem",
229
- 24: "6rem",
230
- 28: "7rem",
231
- 32: "8rem",
232
- 36: "9rem",
233
- 40: "10rem",
234
- 44: "11rem",
235
- 48: "12rem",
236
- 52: "13rem",
237
- 56: "14rem",
238
- 60: "15rem",
239
- 64: "16rem",
240
- 72: "18rem",
241
- 80: "20rem",
242
- 96: "24rem",
243
- 100: "25rem"
244
- },
245
- borderWidths: {
246
- light: "1px",
247
- normal: "2px",
248
- bold: "3px",
249
- extrabold: "4px",
250
- black: "5px"
251
- }
252
- }
253
- };
254
- var defaultUtils = {
255
- bg: (value) => ({
256
- backgroundColor: value
257
- }),
258
- c: (value) => ({
259
- color: value
260
- }),
261
- r: (value) => ({
262
- borderRadius: value
263
- }),
264
- fs: (value) => ({
265
- fontSize: value
266
- }),
267
- size: (value) => ({
268
- height: value,
269
- width: value
270
- }),
271
- w: (value) => ({
272
- width: value
273
- }),
274
- h: (value) => ({
275
- height: value
276
- }),
277
- p: (value) => ({
278
- padding: value
279
- }),
280
- pt: (value) => ({
281
- paddingTop: value
282
- }),
283
- pr: (value) => ({
284
- paddingRight: value
285
- }),
286
- pb: (value) => ({
287
- paddingBottom: value
288
- }),
289
- pl: (value) => ({
290
- paddingLeft: value
291
- }),
292
- px: (value) => ({
293
- paddingLeft: value,
294
- paddingRight: value
295
- }),
296
- py: (value) => ({
297
- paddingTop: value,
298
- paddingBottom: value
299
- }),
300
- m: (value) => ({
301
- margin: value
302
- }),
303
- mt: (value) => ({
304
- marginTop: value
305
- }),
306
- mr: (value) => ({
307
- marginRight: value
308
- }),
309
- mb: (value) => ({
310
- marginBottom: value
311
- }),
312
- ml: (value) => ({
313
- marginLeft: value
314
- }),
315
- mx: (value) => ({
316
- marginLeft: value,
317
- marginRight: value
318
- }),
319
- my: (value) => ({
320
- marginTop: value,
321
- marginBottom: value
322
- })
323
- };
324
- var defaultMedia = {
325
- allowMotion: "(prefers-reduced-motion: no-preference)",
326
- sm: "(max-width: 640px)",
327
- md: "(max-width: 768px)",
328
- lg: "(max-width: 1024px)",
329
- xl: "(max-width: 1280px)",
330
- "2xl": "(max-width: 1536px)",
331
- ls: "(max-width: 1024px) and (orientation: landscape)"
332
- };
333
- var defaultThemeMap = __spreadProps(__spreadValues({}, defaultStitchesThemeMap), {
334
- width: "space",
335
- height: "space",
336
- minWidth: "space",
337
- maxWidth: "space",
338
- minHeight: "space",
339
- maxHeight: "space",
340
- flexBasis: "space",
341
- gridTemplateColumns: "space",
342
- gridTemplateRows: "space",
343
- blockSize: "space",
344
- minBlockSize: "space",
345
- maxBlockSize: "space",
346
- inlineSize: "space",
347
- minInlineSize: "space",
348
- maxInlineSize: "space"
349
- });
350
-
351
- // src/Theme/stitches.config.ts
352
- var HmsStitches = createStitches({
353
- prefix: "hms-ui",
354
- theme: __spreadProps(__spreadValues({}, baseConfig.theme), {
355
- colors: __spreadValues({}, baseConfig.theme.colors)
356
- }),
357
- media: defaultMedia,
358
- utils: defaultUtils,
359
- themeMap: defaultThemeMap
360
- });
361
- var {
362
- theme,
363
- createTheme: createThemeBase,
364
- styled,
365
- globalCss,
366
- keyframes,
367
- css,
368
- getCssText,
369
- config
370
- } = HmsStitches;
371
- var globalStyles = globalCss({
372
- "*": {
373
- fontFamily: "$sans",
374
- boxSizing: "border-box",
375
- borderWidth: 0,
376
- borderStyle: "solid"
377
- },
378
- body: {
379
- margin: 0
380
- },
381
- "#root": {
382
- height: "100%",
383
- overscrollBehaviorY: "none"
384
- },
385
- "::-webkit-scrollbar-track": {
386
- WebkitBoxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
387
- boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
388
- backgroundColor: "transparent"
389
- },
390
- "::-webkit-scrollbar": {
391
- width: "6px",
392
- height: "6px",
393
- backgroundColor: "transparent"
394
- },
395
- "::-webkit-scrollbar-thumb": {
396
- backgroundColor: "#657080",
397
- borderRadius: "5px"
398
- },
399
- /**
400
- * needed for safari. Safari
401
- * adds background color on its own
402
- * on hls-viewer on fullscreen
403
- */
404
- "#hls-viewer-dark:fullscreen": {
405
- backgroundColor: "black !important"
406
- },
407
- "#hls-viewer-light:fullscreen": {
408
- backgroundColor: "white !important"
409
- }
410
- });
411
- var createTheme = ({
412
- themeType,
413
- theme: theme2,
414
- className
415
- }) => {
416
- if (!themeType) {
417
- throw new Error("Theme type is required");
418
- }
419
- const mergedTheme = merge(baseConfig.theme, theme2 || {});
420
- return createThemeBase(className || `${themeType}-theme`, mergedTheme);
421
- };
422
-
423
- // src/Layout/Flex.tsx
424
- init_define_process_env();
425
- var gapStyles = (value) => {
426
- return {
427
- "& > * + *": {
428
- marginRight: "0",
429
- marginLeft: `${0.25 * value}rem`
430
- }
431
- };
432
- };
433
- var Flex = styled("div", {
434
- display: "flex",
435
- variants: {
436
- justify: {
437
- start: {
438
- justifyContent: "flex-start"
439
- },
440
- end: {
441
- justifyContent: "flex-end"
442
- },
443
- center: {
444
- justifyContent: "center"
445
- },
446
- between: {
447
- justifyContent: "space-between"
448
- },
449
- around: {
450
- justifyContent: "space-around"
451
- },
452
- evenly: {
453
- justifyContent: "space-evenly"
454
- }
455
- },
456
- align: {
457
- start: {
458
- alignItems: "flex-start"
459
- },
460
- end: {
461
- alignItems: "flex-end"
462
- },
463
- center: {
464
- alignItems: "center"
465
- },
466
- baseline: {
467
- alignItems: "baseline"
468
- },
469
- strech: {
470
- alignItems: "stretch"
471
- }
472
- },
473
- direction: {
474
- row: {
475
- flexDirection: "row"
476
- },
477
- column: {
478
- flexDirection: "column"
479
- },
480
- rowReverse: {
481
- flexDirection: "row-reverse"
482
- },
483
- columnReverse: {
484
- flexDirection: "column-reverse"
485
- }
486
- },
487
- gap: {
488
- 1: gapStyles(1),
489
- 2: gapStyles(2),
490
- 3: gapStyles(3),
491
- 4: gapStyles(4)
492
- }
493
- }
494
- });
495
-
496
- // src/Layout/Box.tsx
497
- init_define_process_env();
498
- var Box = styled("div", {});
499
-
500
- // src/Layout/index.tsx
501
- init_define_process_env();
502
-
503
- // src/Loading/Loading.tsx
504
- init_define_process_env();
505
- import React from "react";
506
- var Loading = (_a7) => {
507
- var _b7 = _a7, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
508
- return /* @__PURE__ */ React.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ React.createElement(
509
- "animateTransform",
510
- {
511
- attributeName: "transform",
512
- attributeType: "XML",
513
- type: "rotate",
514
- from: "0 25 25",
515
- to: "360 25 25",
516
- dur: "1s",
517
- repeatCount: "indefinite"
518
- }
519
- )));
520
- };
521
-
522
- // src/Loading/index.ts
523
- init_define_process_env();
524
-
525
- // src/utils/styles.ts
526
- init_define_process_env();
527
- var flexCenter = {
528
- display: "flex",
529
- justifyContent: "center",
530
- alignItems: "center"
531
- };
532
- var textEllipsis = (width) => ({
533
- maxWidth: width,
534
- overflow: "hidden",
535
- textOverflow: "ellipsis",
536
- whiteSpace: "nowrap",
537
- minWidth: 0
538
- });
539
-
540
- // src/Text/Text.tsx
541
- init_define_process_env();
542
- var textVariants = {
543
- h1: {
544
- fontWeight: "$semiBold",
545
- letterSpacing: "-1.5px",
546
- fontSize: "$h1",
547
- lineHeight: "$h1",
548
- "@md": {
549
- fontSize: "4.5rem",
550
- lineHeight: "4.75rem"
551
- }
552
- },
553
- h2: {
554
- fontSize: "$h2",
555
- lineHeight: "$h2",
556
- fontWeight: "$semiBold",
557
- letterSpacing: "-0.5px",
558
- "@md": {
559
- fontSize: "3rem",
560
- lineHeight: "3.25rem"
561
- }
562
- },
563
- h3: {
564
- fontSize: "$h3",
565
- lineHeight: "$h3",
566
- fontWeight: "$semiBold",
567
- "@md": {
568
- fontSize: "2.5rem",
569
- lineHeight: "2.75rem"
570
- }
571
- },
572
- h4: {
573
- fontSize: "$h4",
574
- lineHeight: "$h4",
575
- fontWeight: "$semiBold",
576
- letterSpacing: "0.25px",
577
- "@md": {
578
- fontSize: "1.75rem",
579
- lineHeight: "2rem"
580
- }
581
- },
582
- h5: {
583
- fontSize: "$h5",
584
- lineHeight: "$h5",
585
- fontWeight: "$semiBold",
586
- "@md": {
587
- fontSize: "1.5rem",
588
- lineHeight: "1.75rem"
589
- }
590
- },
591
- h6: {
592
- fontSize: "$h6",
593
- lineHeight: "$h6",
594
- fontWeight: "$semiBold",
595
- letterSpacing: "0.15px",
596
- "@md": {
597
- fontSize: "1.25rem",
598
- lineHeight: "1.5rem"
599
- }
600
- },
601
- sub1: {
602
- fontSize: "$md",
603
- lineHeight: "$h5",
604
- fontWeight: "$medium",
605
- letterSpacing: "0.15px"
606
- },
607
- sub2: {
608
- fontSize: "$sm",
609
- lineHeight: "$sm",
610
- fontWeight: "$medium",
611
- letterSpacing: "0.1px"
612
- },
613
- body1: {
614
- fontSize: "$md",
615
- lineHeight: "$h6",
616
- fontWeight: "$medium",
617
- letterSpacing: "0.1px"
618
- },
619
- body2: {
620
- fontSize: "0.875rem",
621
- lineHeight: "1.25rem",
622
- fontWeight: "$medium",
623
- letterSpacing: "0.25px"
624
- },
625
- button: {
626
- fontSize: "1rem",
627
- lineHeight: "1.5rem",
628
- fontWeight: "$semiBold",
629
- letterSpacing: "0.5px"
630
- },
631
- caption: {
632
- fontSize: "0.75rem",
633
- lineHeight: "1rem",
634
- letterSpacing: "0.4px",
635
- fontWeight: "$regular"
636
- },
637
- overline: {
638
- fontSize: "0.625rem",
639
- lineHeight: "1rem",
640
- letterSpacing: "1.5px",
641
- fontWeight: "$medium"
642
- },
643
- tiny: {
644
- fontSize: "$tiny",
645
- lineHeight: "$tiny"
646
- },
647
- xs: {
648
- fontSize: "$xs",
649
- lineHeight: "$xs"
650
- },
651
- sm: {
652
- fontSize: "$sm",
653
- lineHeight: "$sm"
654
- },
655
- md: {
656
- fontSize: "$md",
657
- lineHeight: "$md"
658
- },
659
- lg: {
660
- fontSize: "$lg",
661
- lineHeight: "$md",
662
- fontWeight: "$semiBold",
663
- letterSpacing: "0.15px"
664
- }
665
- };
666
- var Text = styled("p", {
667
- fontFamily: "$sans",
668
- fontWeight: "$regular",
669
- margin: 0,
670
- color: "$on_surface_high",
671
- variants: {
672
- variant: textVariants,
673
- color: {
674
- white: {
675
- color: "$on_surface_high"
676
- }
677
- },
678
- inline: {
679
- true: {
680
- display: "inline"
681
- }
682
- }
683
- },
684
- defaultVariants: {
685
- variant: "md"
686
- }
687
- });
688
-
689
- // src/Text/index.tsx
690
- init_define_process_env();
691
-
692
- // src/IconButton/IconButton.tsx
693
- init_define_process_env();
694
- var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter), {
695
- alignItems: "center",
696
- outline: "none",
697
- border: "none",
698
- padding: "$2",
699
- r: "$0",
700
- cursor: "pointer",
701
- backgroundColor: "transparent",
702
- color: "$on_surface_high",
703
- "&:not([disabled]):focus-visible": {
704
- boxShadow: "0 0 0 3px $colors$primary_default"
705
- },
706
- "&:not([disabled]):focus": {
707
- outline: "none"
708
- },
709
- "@media (hover: hover)": {
710
- "&:not([disabled]):hover": {
711
- backgroundColor: "$on_surface_low"
712
- }
713
- },
714
- "&[disabled]": {
715
- opacity: 0.5,
716
- cursor: "not-allowed"
717
- },
718
- "&:focus": {
719
- outline: "none"
720
- },
721
- variants: {
722
- active: {
723
- false: {
724
- backgroundColor: "$secondary_dim",
725
- color: "$on_primary_high",
726
- "&:not([disabled]):hover": {
727
- backgroundColor: "$secondary_default"
728
- }
729
- },
730
- true: {
731
- "&:not([disabled]):hover": {
732
- backgroundColor: "$on_surface_low"
733
- }
734
- }
735
- }
736
- }
737
- }));
738
-
739
- // src/IconButton/index.tsx
740
- init_define_process_env();
741
-
742
- // src/utils/animations.ts
743
- init_define_process_env();
744
- var slideDown = (controller) => keyframes({
745
- from: { height: 0 },
746
- to: { height: `var(${controller})` }
747
- });
748
- var slideUp = (controller) => keyframes({
749
- from: { height: `var(${controller})` },
750
- to: { height: 0 }
751
- });
752
- var dialogOpen = keyframes({
753
- "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
754
- "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
755
- });
756
- var dialogClose = keyframes({
757
- "0%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
758
- "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
759
- });
760
- var slideUpAndFade = (start = "2px") => keyframes({
761
- "0%": { opacity: 0, transform: `translateY(${start})` },
762
- "100%": { opacity: 1, transform: "translateY(0)" }
763
- });
764
- var slideRightAndFade = (start = "-2px") => keyframes({
765
- "0%": { opacity: 0, transform: `translateX(${start})` },
766
- "100%": { opacity: 1, transform: "translateX(0)" }
767
- });
768
- var sheetSlideIn = keyframes({
769
- from: { transform: "$$transformValue" },
770
- to: { transform: "translate3d(0,0,0)" }
771
- });
772
- var sheetSlideOut = keyframes({
773
- from: { transform: "translate3d(0,0,0)" },
774
- to: { transform: "$$transformValue" }
775
- });
776
- var sheetFadeIn = keyframes({
777
- from: { opacity: "0" },
778
- to: { opacity: "1" }
779
- });
780
- var sheetFadeOut = keyframes({
781
- from: { opacity: "1" },
782
- to: { opacity: "0" }
783
- });
784
- var slideDownAndFade = (start = "-2px") => keyframes({
785
- "0%": { opacity: 0, transform: `translateY(${start})` },
786
- "100%": { opacity: 1, transform: "translateY(0)" }
787
- });
788
- var slideLeftAndFade = (start = "2px") => keyframes({
789
- "0%": { opacity: 0, transform: `translateX(${start})` },
790
- "100%": { opacity: 1, transform: "translateX(0)" }
791
- });
792
- var slideLeftAndFadeOut = (end = "-100%") => keyframes({
793
- "0%": { opacity: 1, transform: `translateX(0)` },
794
- "100%": { opacity: 0, transform: `translateX(${end})` }
795
- });
796
- var popoverAnimation = {
797
- "@media (prefers-reduced-motion: no-preference)": {
798
- animationDuration: "400ms",
799
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
800
- willChange: "transform, opacity",
801
- '&[data-state="open"]': {
802
- '&[data-side="top"]': { animationName: slideDownAndFade() },
803
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
804
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
805
- '&[data-side="left"]': { animationName: slideRightAndFade() }
806
- }
807
- }
808
- };
809
- var toastAnimation = {
810
- "@media (prefers-reduced-motion: no-preference)": {
811
- animationDuration: "500ms",
812
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
813
- willChange: "transform, opacity",
814
- animationName: slideLeftAndFadeOut(),
815
- '&[data-state="open"]': {
816
- animationName: slideRightAndFade("-100%")
817
- },
818
- '&[data-swipe="move"]': {
819
- transform: "translateX(var(--radix-toast-swipe-move-x))"
820
- },
821
- '&[data-swipe="cancel"]': {
822
- transform: "translateX(0)",
823
- transition: "transform 200ms ease-out"
824
- },
825
- '&[data-swipe="end"]': {
826
- animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
827
- }
828
- }
829
- };
830
-
831
- // src/Tooltip/Tooltip.tsx
832
- init_define_process_env();
833
- import React2, { useState } from "react";
834
- import * as BaseTooltip from "@radix-ui/react-tooltip";
835
- var TooltipBox = styled(BaseTooltip.Content, {
836
- fontFamily: "$sans",
837
- borderRadius: "$2",
838
- padding: "$2 $4",
839
- fontSize: "$xs",
840
- color: "$on_surface_high",
841
- backgroundColor: "$surface_bright",
842
- "@media (prefers-reduced-motion: no-preference)": {
843
- animationDuration: "400ms",
844
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
845
- willChange: "transform, opacity",
846
- '&[data-state="delayed-open"]': {
847
- '&[data-side="top"]': { animationName: slideDownAndFade() },
848
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
849
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
850
- '&[data-side="left"]': { animationName: slideRightAndFade() }
851
- }
852
- },
853
- variants: {
854
- outlined: {
855
- true: {
856
- backgroundColor: "$background_dim",
857
- border: "solid $space$px $border_bright"
858
- }
859
- }
860
- }
861
- });
862
- var TooltipTrigger = styled(BaseTooltip.Trigger, {
863
- fontFamily: "$sans"
864
- });
865
- var TooltipRoot = BaseTooltip.Root;
866
- var Tooltip = ({
867
- children,
868
- title,
869
- triggerCss,
870
- boxCss,
871
- outlined = true,
872
- side = "bottom",
873
- align = "center",
874
- disabled = false,
875
- delayDuration = 200
876
- }) => {
877
- const [open, setOpen] = useState(false);
878
- return /* @__PURE__ */ React2.createElement(BaseTooltip.Provider, null, /* @__PURE__ */ React2.createElement(TooltipRoot, { delayDuration, open: open && !disabled, onOpenChange: setOpen }, /* @__PURE__ */ React2.createElement(TooltipTrigger, { css: __spreadValues({}, triggerCss), asChild: true }, children), /* @__PURE__ */ React2.createElement(TooltipBox, { sideOffset: 10, side, align, outlined, css: __spreadValues({}, boxCss) }, title)));
879
- };
880
-
881
- // src/Tooltip/index.ts
882
- init_define_process_env();
883
-
884
- // src/Prebuilt/common/constants.js
885
- init_define_process_env();
886
- import { parsedUserAgent } from "@100mslive/react-sdk";
887
- var DEFAULT_HLS_ROLE_KEY = "HLS_VIEWER_ROLE";
888
- var DEFAULT_HLS_VIEWER_ROLE = "hls-viewer";
889
- var DEFAULT_WAITING_VIEWER_ROLE = "waiting-room";
890
- var QUERY_PARAM_SKIP_PREVIEW = "skip_preview";
891
- var QUERY_PARAM_SKIP_PREVIEW_HEADFUL = "skip_preview_headful";
892
- var QUERY_PARAM_VIEW_MODE = "ui_mode";
893
- var QUERY_PARAM_AUTH_TOKEN = "auth_token";
894
- var QUERY_PARAM_PREVIEW_AS_ROLE = "preview_as_role";
895
- var UI_MODE_ACTIVE_SPEAKER = "activespeaker";
896
- var UI_MODE_GRID = "grid";
897
- var MAX_TOASTS = 5;
898
- var RTMP_RECORD_RESOLUTION_MIN = 480;
899
- var RTMP_RECORD_RESOLUTION_MAX = 1280;
900
- var RTMP_RECORD_DEFAULT_RESOLUTION = {
901
- width: 1280,
902
- height: 720
903
- };
904
- var EMOJI_REACTION_TYPE = "EMOJI_REACTION";
905
- var CHAT_SELECTOR = {
906
- PEER_ID: "peer_id",
907
- ROLE: "role"
908
- };
909
- var APP_DATA = {
910
- uiSettings: "uiSettings",
911
- chatOpen: "chatOpen",
912
- chatSelector: "chatSelector",
913
- chatDraft: "chatDraft",
914
- appConfig: "appConfig",
915
- sidePane: "sidePane",
916
- hlsStats: "hlsStats",
917
- hlsViewerRole: "hlsViewerRole",
918
- waitingViewerRole: "waitingViewerRole",
919
- subscribedNotifications: "subscribedNotifications",
920
- logo: "logo",
921
- tokenEndpoint: "tokenEndpoint",
922
- appLayout: "appLayout",
923
- hlsStarted: "hlsStarted",
924
- rtmpStarted: "rtmpStarted",
925
- recordingStarted: "recordingStarted",
926
- embedConfig: "embedConfig",
927
- pinnedTrackId: "pinnedTrackId",
928
- dropdownList: "dropdownList",
929
- authToken: "authToken",
930
- pdfConfig: "pdfConfig",
931
- minimiseInset: "minimiseInset"
932
- };
933
- var UI_SETTINGS = {
934
- isAudioOnly: "isAudioOnly",
935
- isHeadless: "isHeadless",
936
- maxTileCount: "maxTileCount",
937
- uiViewMode: "uiViewMode",
938
- showStatsOnTiles: "showStatsOnTiles",
939
- enableAmbientMusic: "enableAmbientMusic",
940
- mirrorLocalVideo: "mirrorLocalVideo"
941
- };
942
- var SIDE_PANE_OPTIONS = {
943
- PARTICIPANTS: "Participants",
944
- CHAT: "Chat",
945
- STREAMING: "STREAMING",
946
- TILES: "TILES",
947
- SCREEN_TILES: "SCREEN_TILES"
948
- };
949
- var SUBSCRIBED_NOTIFICATIONS = {
950
- PEER_JOINED: "PEER_JOINED",
951
- PEER_LEFT: "PEER_LEFT",
952
- METADATA_UPDATED: "METADATA_UPDATED",
953
- NEW_MESSAGE: "NEW_MESSAGE",
954
- ERROR: "ERROR"
955
- };
956
- var REMOTE_STOP_SCREENSHARE_TYPE = "REMOTE_STOP_SCREENSHARE";
957
- var _a, _b;
958
- var isChrome = ((_b = (_a = parsedUserAgent.getBrowser()) == null ? void 0 : _a.name) == null ? void 0 : _b.toLowerCase()) === "chrome";
959
- var _a2, _b2;
960
- var isFirefox = ((_b2 = (_a2 = parsedUserAgent.getBrowser()) == null ? void 0 : _a2.name) == null ? void 0 : _b2.toLowerCase()) === "firefox";
961
- var _a3, _b3;
962
- var isSafari = ((_b3 = (_a3 = parsedUserAgent.getBrowser()) == null ? void 0 : _a3.name) == null ? void 0 : _b3.toLowerCase()) === "safari";
963
- var _a4, _b4;
964
- var isIOS = ((_b4 = (_a4 = parsedUserAgent.getOS()) == null ? void 0 : _a4.name) == null ? void 0 : _b4.toLowerCase()) === "ios";
965
- var _a5, _b5;
966
- var isMacOS = ((_b5 = (_a5 = parsedUserAgent.getOS()) == null ? void 0 : _a5.name) == null ? void 0 : _b5.toLowerCase()) === "mac os";
967
- var _a6, _b6;
968
- var isAndroid = ((_b6 = (_a6 = parsedUserAgent.getOS()) == null ? void 0 : _a6.name) == null ? void 0 : _b6.toLowerCase()) === "android";
969
- var isIPadOS = false;
970
- var FEATURE_LIST = {
971
- AUDIO_ONLY_SCREENSHARE: "audioscreenshare",
972
- AUDIO_PLAYLIST: "audioplaylist",
973
- VIDEO_PLAYLIST: "videoplaylist",
974
- EMOJI_REACTION: "emojireaction",
975
- AUDIO_PLUGINS: "audioplugins",
976
- VIDEO_PLUGINS: "videoplugins",
977
- WHITEBOARD: "whiteboard",
978
- CHANGE_NAME: "changename",
979
- FULLSCREEN: "fullscreen",
980
- PICTURE_IN_PICTURE: "pip",
981
- STARTS_FOR_NERDS: "statsfornerds",
982
- EMBED_URL: "embedurl",
983
- BRB: "brb",
984
- HAND_RAISE: "handraise",
985
- CHAT: "chat",
986
- PIN_TILE: "pintile"
987
- };
988
- var SESSION_STORE_KEY = {
989
- TRANSCRIPTION_STATE: "transcriptionState",
990
- PINNED_MESSAGE: "pinnedMessage",
991
- SPOTLIGHT: "spotlight"
992
- };
993
-
994
- // src/Prebuilt/components/hooks/useFeatures.js
995
- init_define_process_env();
996
- import { selectTemplateAppData, useHMSStore } from "@100mslive/react-sdk";
997
- var useFeatures = () => {
998
- var _a7;
999
- let features = (_a7 = useHMSStore(selectTemplateAppData)) == null ? void 0 : _a7.features;
1000
- return features && typeof features === "string" ? features.split(",") : void 0;
1001
- };
1002
- var useIsFeatureEnabled = (key) => {
1003
- let features = useFeatures();
1004
- return features ? features.includes(key) : true;
1005
- };
1006
-
1007
- // src/Prebuilt/IconButton.jsx
1008
- init_define_process_env();
1009
- var IconButton2 = styled(IconButton, {
1010
- width: "$14",
1011
- height: "$14",
1012
- border: "1px solid $border_bright",
1013
- r: "$1",
1014
- variants: {
1015
- active: {
1016
- false: {
1017
- border: "1px solid transparent",
1018
- color: "$on_primary_high"
1019
- }
1020
- }
1021
- }
1022
- });
1023
- var IconButton_default = IconButton2;
1024
-
1025
- export {
1026
- __spreadValues,
1027
- __spreadProps,
1028
- __objRest,
1029
- __commonJS,
1030
- __export,
1031
- __toESM,
1032
- __publicField,
1033
- __privateGet,
1034
- __privateAdd,
1035
- __privateSet,
1036
- __async,
1037
- init_define_process_env,
1038
- define_process_env_default,
1039
- theme,
1040
- createThemeBase,
1041
- styled,
1042
- globalCss,
1043
- keyframes,
1044
- css,
1045
- getCssText,
1046
- config,
1047
- globalStyles,
1048
- createTheme,
1049
- Flex,
1050
- Box,
1051
- Loading,
1052
- flexCenter,
1053
- textEllipsis,
1054
- Text,
1055
- IconButton,
1056
- slideDown,
1057
- slideUp,
1058
- dialogOpen,
1059
- dialogClose,
1060
- sheetSlideIn,
1061
- sheetSlideOut,
1062
- sheetFadeIn,
1063
- sheetFadeOut,
1064
- slideLeftAndFade,
1065
- popoverAnimation,
1066
- toastAnimation,
1067
- Tooltip,
1068
- DEFAULT_HLS_ROLE_KEY,
1069
- DEFAULT_HLS_VIEWER_ROLE,
1070
- DEFAULT_WAITING_VIEWER_ROLE,
1071
- QUERY_PARAM_SKIP_PREVIEW,
1072
- QUERY_PARAM_SKIP_PREVIEW_HEADFUL,
1073
- QUERY_PARAM_VIEW_MODE,
1074
- QUERY_PARAM_AUTH_TOKEN,
1075
- QUERY_PARAM_PREVIEW_AS_ROLE,
1076
- UI_MODE_ACTIVE_SPEAKER,
1077
- UI_MODE_GRID,
1078
- MAX_TOASTS,
1079
- RTMP_RECORD_RESOLUTION_MIN,
1080
- RTMP_RECORD_RESOLUTION_MAX,
1081
- RTMP_RECORD_DEFAULT_RESOLUTION,
1082
- EMOJI_REACTION_TYPE,
1083
- CHAT_SELECTOR,
1084
- APP_DATA,
1085
- UI_SETTINGS,
1086
- SIDE_PANE_OPTIONS,
1087
- SUBSCRIBED_NOTIFICATIONS,
1088
- REMOTE_STOP_SCREENSHARE_TYPE,
1089
- isChrome,
1090
- isSafari,
1091
- isIOS,
1092
- isMacOS,
1093
- isAndroid,
1094
- isIPadOS,
1095
- FEATURE_LIST,
1096
- SESSION_STORE_KEY,
1097
- useIsFeatureEnabled,
1098
- IconButton_default
1099
- };
1100
- //# sourceMappingURL=chunk-NOKIGB6Y.js.map