@100mslive/roomkit-react 0.1.4-alpha.1 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (152) hide show
  1. package/dist/{HLSView-F2K5VSTS.js → HLSView-P57IRMAR.js} +7 -11
  2. package/dist/{HLSView-F2K5VSTS.js.map → HLSView-P57IRMAR.js.map} +1 -1
  3. package/dist/PinnedTrackView-4FYJEBTB.js +102 -0
  4. package/dist/PinnedTrackView-4FYJEBTB.js.map +7 -0
  5. package/dist/Popover/index.d.ts +1 -0
  6. package/dist/Prebuilt/App.d.ts +25 -0
  7. package/dist/Prebuilt/index.d.ts +1 -0
  8. package/dist/Prebuilt/provider/roomLayoutProvider/index.d.ts +1 -1
  9. package/dist/Sheet/Sheet.d.ts +3093 -0
  10. package/dist/Sheet/index.d.ts +1 -0
  11. package/dist/Theme/ThemeProvider.d.ts +4 -286
  12. package/dist/Theme/stitches.config.d.ts +1 -1
  13. package/dist/{VirtualBackground-S3XEPZ2T.js → VirtualBackground-GGCQJ5JM.js} +31 -7
  14. package/dist/VirtualBackground-GGCQJ5JM.js.map +7 -0
  15. package/dist/chunk-IVTWKQI3.js +827 -0
  16. package/dist/chunk-IVTWKQI3.js.map +7 -0
  17. package/dist/{chunk-42SWPN2C.js → chunk-OSM4QEQG.js} +3020 -2189
  18. package/dist/chunk-OSM4QEQG.js.map +7 -0
  19. package/dist/chunk-P5X32KOD.js +67 -0
  20. package/dist/chunk-P5X32KOD.js.map +7 -0
  21. package/dist/chunk-RVCZPPTL.js +1100 -0
  22. package/dist/chunk-RVCZPPTL.js.map +7 -0
  23. package/dist/{chunk-ESUJK7AT.js → conference-P6I6ESVF.js} +3136 -653
  24. package/dist/conference-P6I6ESVF.js.map +7 -0
  25. package/dist/index.cjs.js +15733 -15498
  26. package/dist/index.cjs.js.map +4 -4
  27. package/dist/index.js +4 -8
  28. package/dist/meta.cjs.json +3355 -3017
  29. package/dist/meta.esbuild.json +3534 -3329
  30. package/dist/utils/animations.d.ts +16 -0
  31. package/package.json +8 -10
  32. package/src/Button/Button.tsx +4 -4
  33. package/src/Dropdown/Dropdown.tsx +2 -2
  34. package/src/IconButton/IconButton.tsx +4 -2
  35. package/src/Pagination/StyledPagination.tsx +1 -0
  36. package/src/Popover/index.tsx +2 -1
  37. package/src/Prebuilt/{App.jsx → App.tsx} +95 -48
  38. package/src/Prebuilt/Prebuilt.stories.tsx +22 -8
  39. package/src/Prebuilt/common/constants.js +1 -2
  40. package/src/Prebuilt/common/hooks.js +8 -0
  41. package/src/Prebuilt/common/utils.js +15 -0
  42. package/src/Prebuilt/components/AppData/AppData.jsx +1 -2
  43. package/src/Prebuilt/components/AppData/useUISettings.js +0 -5
  44. package/src/Prebuilt/components/AudioVideoToggle.jsx +69 -26
  45. package/src/Prebuilt/components/AuthToken.jsx +3 -2
  46. package/src/Prebuilt/components/Chat/ChatSelector.jsx +1 -1
  47. package/src/Prebuilt/components/Connection/TileConnection.jsx +0 -1
  48. package/src/Prebuilt/components/EmojiReaction.jsx +23 -73
  49. package/src/Prebuilt/components/EndSessionContent.jsx +57 -0
  50. package/src/Prebuilt/components/EqualProminence.jsx +180 -0
  51. package/src/Prebuilt/components/ErrorBoundary.jsx +4 -10
  52. package/src/Prebuilt/components/Footer/EmojiCard.jsx +34 -0
  53. package/src/Prebuilt/components/Footer/Footer.jsx +73 -0
  54. package/src/Prebuilt/components/{Header → Footer}/ParticipantList.jsx +5 -5
  55. package/src/Prebuilt/components/Header/ConferencingHeader.jsx +27 -7
  56. package/src/Prebuilt/components/Header/HeaderComponents.jsx +16 -14
  57. package/src/Prebuilt/components/Header/StreamActions.jsx +101 -36
  58. package/src/Prebuilt/components/Header/StreamingHeader.jsx +1 -1
  59. package/src/Prebuilt/components/Header/common.jsx +164 -0
  60. package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx +1 -2
  61. package/src/Prebuilt/components/LeaveCard.jsx +19 -0
  62. package/src/Prebuilt/components/LeaveRoom.jsx +35 -143
  63. package/src/Prebuilt/components/LeaveSessionContent.jsx +45 -0
  64. package/src/Prebuilt/components/MoreSettings/ActionTile.jsx +55 -0
  65. package/src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx +96 -0
  66. package/src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx +31 -54
  67. package/src/Prebuilt/components/MoreSettings/EmbedUrl.jsx +48 -73
  68. package/src/Prebuilt/components/MoreSettings/MoreSettings.jsx +5 -221
  69. package/src/Prebuilt/components/MoreSettings/MuteAllContent.jsx +61 -0
  70. package/src/Prebuilt/components/MoreSettings/MuteAllModal.jsx +32 -49
  71. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopLeaveRoom.jsx +129 -0
  72. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.jsx +219 -0
  73. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebLeaveRoom.jsx +100 -0
  74. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx +259 -0
  75. package/src/Prebuilt/components/Notifications/Notifications.jsx +0 -2
  76. package/src/Prebuilt/components/Notifications/ReconnectNotifications.jsx +0 -4
  77. package/src/Prebuilt/components/PIP/PIPComponent.jsx +30 -26
  78. package/src/Prebuilt/components/PIP/PIPManager.js +13 -0
  79. package/src/Prebuilt/components/PIP/index.jsx +2 -7
  80. package/src/Prebuilt/components/Pagination.jsx +4 -4
  81. package/src/Prebuilt/components/Preview/PreviewContainer.jsx +5 -13
  82. package/src/Prebuilt/components/Preview/PreviewForm.jsx +9 -5
  83. package/src/Prebuilt/components/Preview/PreviewJoin.jsx +20 -27
  84. package/src/Prebuilt/components/RaiseHand.jsx +27 -0
  85. package/src/Prebuilt/components/ScreenShare.jsx +1 -1
  86. package/src/Prebuilt/components/ScreenshareDisplay.jsx +2 -2
  87. package/src/Prebuilt/components/ScreenshareTile.jsx +2 -2
  88. package/src/Prebuilt/components/Settings/DeviceSettings.jsx +2 -1
  89. package/src/Prebuilt/components/Settings/LayoutSettings.jsx +1 -24
  90. package/src/Prebuilt/components/Settings/SettingsModal.jsx +152 -17
  91. package/src/Prebuilt/components/ShareMenuIcon.jsx +1 -0
  92. package/src/Prebuilt/components/TileMenu/TileMenu.jsx +133 -0
  93. package/src/Prebuilt/components/TileMenu/TileMenuContent.jsx +313 -0
  94. package/src/Prebuilt/components/VideoList.jsx +5 -33
  95. package/src/Prebuilt/components/VideoTile.jsx +30 -8
  96. package/src/Prebuilt/components/conference.jsx +14 -1
  97. package/src/Prebuilt/components/init/Init.jsx +0 -27
  98. package/src/Prebuilt/components/init/initUtils.js +0 -23
  99. package/src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx +2 -1
  100. package/src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx +1 -1
  101. package/src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx +19 -8
  102. package/src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx +1 -0
  103. package/src/Prebuilt/images/pdf-share.png +0 -0
  104. package/src/Prebuilt/images/screen-share.png +0 -0
  105. package/src/Prebuilt/index.ts +1 -0
  106. package/src/Prebuilt/layouts/EmbedView.jsx +0 -1
  107. package/src/Prebuilt/layouts/InsetView.jsx +65 -24
  108. package/src/Prebuilt/layouts/PDFView.jsx +0 -1
  109. package/src/Prebuilt/layouts/SidePane.jsx +8 -7
  110. package/src/Prebuilt/layouts/mainView.jsx +22 -31
  111. package/src/Prebuilt/layouts/screenShareView.jsx +0 -2
  112. package/src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx +25 -1
  113. package/src/Prebuilt/primitives/DialogContent.jsx +1 -1
  114. package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +1 -1
  115. package/src/Sheet/Sheet.mdx +19 -0
  116. package/src/Sheet/Sheet.stories.tsx +103 -0
  117. package/src/Sheet/Sheet.tsx +118 -0
  118. package/src/Sheet/index.ts +1 -0
  119. package/src/Theme/ThemeProvider.tsx +10 -13
  120. package/src/Theme/base.config.ts +1 -1
  121. package/src/Theme/stitches.config.ts +1 -1
  122. package/src/TileMenu/StyledMenuTile.tsx +2 -2
  123. package/src/TileMenu/TileMenu.tsx +2 -0
  124. package/src/VideoTile/StyledVideoTile.tsx +5 -0
  125. package/src/utils/animations.ts +18 -0
  126. package/dist/ActiveSpeakerView-V6O4K3BV.js +0 -39
  127. package/dist/ActiveSpeakerView-V6O4K3BV.js.map +0 -7
  128. package/dist/PinnedTrackView-7YQG4QKC.js +0 -70
  129. package/dist/PinnedTrackView-7YQG4QKC.js.map +0 -7
  130. package/dist/VirtualBackground-S3XEPZ2T.js.map +0 -7
  131. package/dist/chunk-42SWPN2C.js.map +0 -7
  132. package/dist/chunk-4NEZLVVH.js +0 -811
  133. package/dist/chunk-4NEZLVVH.js.map +0 -7
  134. package/dist/chunk-4ZBEFSRC.js +0 -58
  135. package/dist/chunk-4ZBEFSRC.js.map +0 -7
  136. package/dist/chunk-ESUJK7AT.js.map +0 -7
  137. package/dist/chunk-R6PDR5WZ.js +0 -243
  138. package/dist/chunk-R6PDR5WZ.js.map +0 -7
  139. package/dist/conference-7QKOMJPP.js +0 -3697
  140. package/dist/conference-7QKOMJPP.js.map +0 -7
  141. package/dist/transcription-RJA4V6PC.js +0 -356
  142. package/dist/transcription-RJA4V6PC.js.map +0 -7
  143. package/src/Prebuilt/common/useSortedPeers.js +0 -28
  144. package/src/Prebuilt/components/BottomActionSheet/BottomActionSheet.jsx +0 -96
  145. package/src/Prebuilt/components/BottomActionSheet/BottomActionSheet.stories.tsx +0 -46
  146. package/src/Prebuilt/components/Footer/ConferencingFooter.jsx +0 -101
  147. package/src/Prebuilt/components/Footer/StreamingFooter.jsx +0 -71
  148. package/src/Prebuilt/components/Footer.jsx +0 -8
  149. package/src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx +0 -67
  150. package/src/Prebuilt/components/TileMenu.jsx +0 -268
  151. package/src/Prebuilt/index.d.ts +0 -20
  152. package/src/Prebuilt/index.js +0 -2
@@ -0,0 +1,1100 @@
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_3f810e6d-3857-4965-93d3-092627fb5e05", 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.14", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3f810e6d-3857-4965-93d3-092627fb5e05", 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.14", 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.3", 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: "666", 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: "20230821.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:16288", 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.14", 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: "5973115668", 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: "d93341f90d2fde19d31afc0e1982da0767bb079b", 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: "e80fc47f7d974fe50e9ef833131c9c25add9189f01f2162dc6c4602232512a11", 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--1692948350562-0.3146640558235625:/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--1692948350358-0.2561204292966004:/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--1692948310786-0.8720583882691149:/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--1692948310591-0.7021480884249782:/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_4bb1b964-0150-4b33-87b2-1b2fc8958d84", INVOCATION_ID: "1153b1616f2c4315b05c536d049b6b94", 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: "365", 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 3", 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.14", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.5", 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: "d93341f90d2fde19d31afc0e1982da0767bb079b", 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_3f810e6d-3857-4965-93d3-092627fb5e05", 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_3f810e6d-3857-4965-93d3-092627fb5e05", 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_3f810e6d-3857-4965-93d3-092627fb5e05" };
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-RVCZPPTL.js.map