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

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-CTAJQUU4.js} +7 -11
  2. package/dist/{HLSView-F2K5VSTS.js.map → HLSView-CTAJQUU4.js.map} +1 -1
  3. package/dist/PinnedTrackView-CQKONH4O.js +102 -0
  4. package/dist/PinnedTrackView-CQKONH4O.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-GGGBJYVY.js} +31 -7
  14. package/dist/VirtualBackground-GGGBJYVY.js.map +7 -0
  15. package/dist/chunk-I2FJWE74.js +827 -0
  16. package/dist/chunk-I2FJWE74.js.map +7 -0
  17. package/dist/{chunk-42SWPN2C.js → chunk-L2SX7GBO.js} +3020 -2189
  18. package/dist/chunk-L2SX7GBO.js.map +7 -0
  19. package/dist/chunk-NOKIGB6Y.js +1100 -0
  20. package/dist/chunk-NOKIGB6Y.js.map +7 -0
  21. package/dist/chunk-TJNDX446.js +67 -0
  22. package/dist/chunk-TJNDX446.js.map +7 -0
  23. package/dist/{chunk-ESUJK7AT.js → conference-OEO7VOJD.js} +3136 -653
  24. package/dist/conference-OEO7VOJD.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
@@ -1,811 +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_413fc991-e1a5-4802-8389-64b52ccf474b", 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.1 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-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_413fc991-e1a5-4802-8389-64b52ccf474b", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.1/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-alpha.1", 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.0", 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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230806.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:17039", 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_zipyai: "^1.3.24", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.13-alpha.1", 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: "5852654454", 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: "7e1fac12ef98772761dd62a4e4d28c8042cf3905", 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: "f7e94b0f0c3793b9afd1a4e34e320bb2502bc051a8f54ede046cd1c0d92806a2", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/release-72ce5b25", 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--1691995131864-0.7842004491317673:/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.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691995131632-0.35730932516953473:/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.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691995081921-0.2619231417233614:/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.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691995081702-0.8562772774855565:/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.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/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.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e123b067-afc2-4eae-a5d0-3415f53e624a", INVOCATION_ID: "c8a92027510e43158e1e8dcfb8613a90", 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: "363", 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 2", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "release-72ce5b25", 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-alpha.1", 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.4-alpha.1", 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: "false", 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: "7e1fac12ef98772761dd62a4e4d28c8042cf3905", 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/release-72ce5b25", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "200 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: "200 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_413fc991-e1a5-4802-8389-64b52ccf474b", 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_413fc991-e1a5-4802-8389-64b52ccf474b", npm_package_size_limit_8_path: "packages/hms-noise-suppression/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/hms-noise-suppression/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_hls_js: "^1.3.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_413fc991-e1a5-4802-8389-64b52ccf474b" };
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: "27rem"
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/utils/styles.ts
424
- init_define_process_env();
425
- var flexCenter = {
426
- display: "flex",
427
- justifyContent: "center",
428
- alignItems: "center"
429
- };
430
- var textEllipsis = (width) => ({
431
- maxWidth: width,
432
- overflow: "hidden",
433
- textOverflow: "ellipsis",
434
- whiteSpace: "nowrap",
435
- minWidth: 0
436
- });
437
-
438
- // src/IconButton/IconButton.tsx
439
- init_define_process_env();
440
- var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter), {
441
- alignItems: "center",
442
- outline: "none",
443
- border: "none",
444
- padding: "$2",
445
- r: "$0",
446
- cursor: "pointer",
447
- backgroundColor: "transparent",
448
- color: "$on_surface_high",
449
- "&:not([disabled]):focus-visible": {
450
- boxShadow: "0 0 0 3px $colors$primary_default"
451
- },
452
- "&:not([disabled]):focus": {
453
- outline: "none"
454
- },
455
- "&:not([disabled]):hover": {
456
- backgroundColor: "$on_surface_low"
457
- },
458
- "&[disabled]": {
459
- opacity: 0.5,
460
- cursor: "not-allowed"
461
- },
462
- "&:focus": {
463
- outline: "none"
464
- },
465
- variants: {
466
- active: {
467
- false: {
468
- backgroundColor: "$secondary_dim",
469
- color: "$on_primary_high",
470
- "&:not([disabled]):hover": {
471
- backgroundColor: "$secondary_default"
472
- }
473
- },
474
- true: {
475
- "&:not([disabled]):hover": {
476
- backgroundColor: "$on_surface_low"
477
- }
478
- }
479
- }
480
- }
481
- }));
482
-
483
- // src/IconButton/index.tsx
484
- init_define_process_env();
485
-
486
- // src/utils/animations.ts
487
- init_define_process_env();
488
- var slideDown = (controller) => keyframes({
489
- from: { height: 0 },
490
- to: { height: `var(${controller})` }
491
- });
492
- var slideUp = (controller) => keyframes({
493
- from: { height: `var(${controller})` },
494
- to: { height: 0 }
495
- });
496
- var dialogOpen = keyframes({
497
- "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
498
- "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
499
- });
500
- var dialogClose = keyframes({
501
- "0%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
502
- "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
503
- });
504
- var slideUpAndFade = (start = "2px") => keyframes({
505
- "0%": { opacity: 0, transform: `translateY(${start})` },
506
- "100%": { opacity: 1, transform: "translateY(0)" }
507
- });
508
- var slideRightAndFade = (start = "-2px") => keyframes({
509
- "0%": { opacity: 0, transform: `translateX(${start})` },
510
- "100%": { opacity: 1, transform: "translateX(0)" }
511
- });
512
- var slideDownAndFade = (start = "-2px") => keyframes({
513
- "0%": { opacity: 0, transform: `translateY(${start})` },
514
- "100%": { opacity: 1, transform: "translateY(0)" }
515
- });
516
- var slideLeftAndFade = (start = "2px") => keyframes({
517
- "0%": { opacity: 0, transform: `translateX(${start})` },
518
- "100%": { opacity: 1, transform: "translateX(0)" }
519
- });
520
- var slideLeftAndFadeOut = (end = "-100%") => keyframes({
521
- "0%": { opacity: 1, transform: `translateX(0)` },
522
- "100%": { opacity: 0, transform: `translateX(${end})` }
523
- });
524
- var popoverAnimation = {
525
- "@media (prefers-reduced-motion: no-preference)": {
526
- animationDuration: "400ms",
527
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
528
- willChange: "transform, opacity",
529
- '&[data-state="open"]': {
530
- '&[data-side="top"]': { animationName: slideDownAndFade() },
531
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
532
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
533
- '&[data-side="left"]': { animationName: slideRightAndFade() }
534
- }
535
- }
536
- };
537
- var toastAnimation = {
538
- "@media (prefers-reduced-motion: no-preference)": {
539
- animationDuration: "500ms",
540
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
541
- willChange: "transform, opacity",
542
- animationName: slideLeftAndFadeOut(),
543
- '&[data-state="open"]': {
544
- animationName: slideRightAndFade("-100%")
545
- },
546
- '&[data-swipe="move"]': {
547
- transform: "translateX(var(--radix-toast-swipe-move-x))"
548
- },
549
- '&[data-swipe="cancel"]': {
550
- transform: "translateX(0)",
551
- transition: "transform 200ms ease-out"
552
- },
553
- '&[data-swipe="end"]': {
554
- animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
555
- }
556
- }
557
- };
558
-
559
- // src/Tooltip/Tooltip.tsx
560
- init_define_process_env();
561
- import React, { useState } from "react";
562
- import * as BaseTooltip from "@radix-ui/react-tooltip";
563
- var TooltipBox = styled(BaseTooltip.Content, {
564
- fontFamily: "$sans",
565
- borderRadius: "$2",
566
- padding: "$2 $4",
567
- fontSize: "$xs",
568
- color: "$on_surface_high",
569
- backgroundColor: "$surface_bright",
570
- "@media (prefers-reduced-motion: no-preference)": {
571
- animationDuration: "400ms",
572
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
573
- willChange: "transform, opacity",
574
- '&[data-state="delayed-open"]': {
575
- '&[data-side="top"]': { animationName: slideDownAndFade() },
576
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
577
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
578
- '&[data-side="left"]': { animationName: slideRightAndFade() }
579
- }
580
- },
581
- variants: {
582
- outlined: {
583
- true: {
584
- backgroundColor: "$background_dim",
585
- border: "solid $space$px $border_bright"
586
- }
587
- }
588
- }
589
- });
590
- var TooltipTrigger = styled(BaseTooltip.Trigger, {
591
- fontFamily: "$sans"
592
- });
593
- var TooltipRoot = BaseTooltip.Root;
594
- var Tooltip = ({
595
- children,
596
- title,
597
- triggerCss,
598
- boxCss,
599
- outlined = true,
600
- side = "bottom",
601
- align = "center",
602
- disabled = false,
603
- delayDuration = 200
604
- }) => {
605
- const [open, setOpen] = useState(false);
606
- return /* @__PURE__ */ React.createElement(BaseTooltip.Provider, null, /* @__PURE__ */ React.createElement(TooltipRoot, { delayDuration, open: open && !disabled, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(TooltipTrigger, { css: __spreadValues({}, triggerCss), asChild: true }, children), /* @__PURE__ */ React.createElement(TooltipBox, { sideOffset: 10, side, align, outlined, css: __spreadValues({}, boxCss) }, title)));
607
- };
608
-
609
- // src/Tooltip/index.ts
610
- init_define_process_env();
611
-
612
- // src/Prebuilt/common/constants.js
613
- init_define_process_env();
614
- import { parsedUserAgent } from "@100mslive/react-sdk";
615
- var DEFAULT_HLS_ROLE_KEY = "HLS_VIEWER_ROLE";
616
- var DEFAULT_HLS_VIEWER_ROLE = "hls-viewer";
617
- var DEFAULT_WAITING_VIEWER_ROLE = "waiting-room";
618
- var QUERY_PARAM_SKIP_PREVIEW = "skip_preview";
619
- var QUERY_PARAM_SKIP_PREVIEW_HEADFUL = "skip_preview_headful";
620
- var QUERY_PARAM_NAME = "name";
621
- var QUERY_PARAM_VIEW_MODE = "ui_mode";
622
- var QUERY_PARAM_AUTH_TOKEN = "auth_token";
623
- var QUERY_PARAM_PREVIEW_AS_ROLE = "preview_as_role";
624
- var UI_MODE_ACTIVE_SPEAKER = "activespeaker";
625
- var UI_MODE_GRID = "grid";
626
- var MAX_TOASTS = 5;
627
- var RTMP_RECORD_RESOLUTION_MIN = 480;
628
- var RTMP_RECORD_RESOLUTION_MAX = 1280;
629
- var RTMP_RECORD_DEFAULT_RESOLUTION = {
630
- width: 1280,
631
- height: 720
632
- };
633
- var EMOJI_REACTION_TYPE = "EMOJI_REACTION";
634
- var CHAT_SELECTOR = {
635
- PEER_ID: "peer_id",
636
- ROLE: "role"
637
- };
638
- var APP_DATA = {
639
- uiSettings: "uiSettings",
640
- chatOpen: "chatOpen",
641
- chatSelector: "chatSelector",
642
- chatDraft: "chatDraft",
643
- appConfig: "appConfig",
644
- sidePane: "sidePane",
645
- hlsStats: "hlsStats",
646
- hlsViewerRole: "hlsViewerRole",
647
- waitingViewerRole: "waitingViewerRole",
648
- subscribedNotifications: "subscribedNotifications",
649
- logo: "logo",
650
- tokenEndpoint: "tokenEndpoint",
651
- appLayout: "appLayout",
652
- hlsStarted: "hlsStarted",
653
- rtmpStarted: "rtmpStarted",
654
- recordingStarted: "recordingStarted",
655
- embedConfig: "embedConfig",
656
- pinnedTrackId: "pinnedTrackId",
657
- dropdownList: "dropdownList",
658
- authToken: "authToken",
659
- pdfConfig: "pdfConfig"
660
- };
661
- var UI_SETTINGS = {
662
- isAudioOnly: "isAudioOnly",
663
- isHeadless: "isHeadless",
664
- maxTileCount: "maxTileCount",
665
- uiViewMode: "uiViewMode",
666
- showStatsOnTiles: "showStatsOnTiles",
667
- enableAmbientMusic: "enableAmbientMusic",
668
- mirrorLocalVideo: "mirrorLocalVideo",
669
- activeSpeakerSorting: "activeSpeakerSorting",
670
- hideLocalVideo: "hideLocalVideo"
671
- };
672
- var SIDE_PANE_OPTIONS = {
673
- PARTICIPANTS: "Participants",
674
- CHAT: "Chat",
675
- STREAMING: "STREAMING",
676
- TILES: "TILES",
677
- SCREEN_TILES: "SCREEN_TILES"
678
- };
679
- var SUBSCRIBED_NOTIFICATIONS = {
680
- PEER_JOINED: "PEER_JOINED",
681
- PEER_LEFT: "PEER_LEFT",
682
- METADATA_UPDATED: "METADATA_UPDATED",
683
- NEW_MESSAGE: "NEW_MESSAGE",
684
- ERROR: "ERROR"
685
- };
686
- var HLS_TIMED_METADATA_DOC_URL = "https://www.100ms.live/docs/javascript/v2/how--to-guides/record-and-live-stream/hls/hls-timed-metadata";
687
- var REMOTE_STOP_SCREENSHARE_TYPE = "REMOTE_STOP_SCREENSHARE";
688
- var _a, _b;
689
- var isChrome = ((_b = (_a = parsedUserAgent.getBrowser()) == null ? void 0 : _a.name) == null ? void 0 : _b.toLowerCase()) === "chrome";
690
- var _a2, _b2;
691
- var isFirefox = ((_b2 = (_a2 = parsedUserAgent.getBrowser()) == null ? void 0 : _a2.name) == null ? void 0 : _b2.toLowerCase()) === "firefox";
692
- var _a3, _b3;
693
- var isSafari = ((_b3 = (_a3 = parsedUserAgent.getBrowser()) == null ? void 0 : _a3.name) == null ? void 0 : _b3.toLowerCase()) === "safari";
694
- var _a4, _b4;
695
- var isIOS = ((_b4 = (_a4 = parsedUserAgent.getOS()) == null ? void 0 : _a4.name) == null ? void 0 : _b4.toLowerCase()) === "ios";
696
- var _a5, _b5;
697
- var isMacOS = ((_b5 = (_a5 = parsedUserAgent.getOS()) == null ? void 0 : _a5.name) == null ? void 0 : _b5.toLowerCase()) === "mac os";
698
- var _a6, _b6;
699
- var isAndroid = ((_b6 = (_a6 = parsedUserAgent.getOS()) == null ? void 0 : _a6.name) == null ? void 0 : _b6.toLowerCase()) === "android";
700
- var isIPadOS = false;
701
- var FEATURE_LIST = {
702
- AUDIO_ONLY_SCREENSHARE: "audioscreenshare",
703
- AUDIO_PLAYLIST: "audioplaylist",
704
- VIDEO_PLAYLIST: "videoplaylist",
705
- EMOJI_REACTION: "emojireaction",
706
- AUDIO_PLUGINS: "audioplugins",
707
- VIDEO_PLUGINS: "videoplugins",
708
- WHITEBOARD: "whiteboard",
709
- CHANGE_NAME: "changename",
710
- FULLSCREEN: "fullscreen",
711
- PICTURE_IN_PICTURE: "pip",
712
- STARTS_FOR_NERDS: "statsfornerds",
713
- EMBED_URL: "embedurl",
714
- BRB: "brb",
715
- HAND_RAISE: "handraise",
716
- CHAT: "chat",
717
- PIN_TILE: "pintile"
718
- };
719
- var SESSION_STORE_KEY = {
720
- TRANSCRIPTION_STATE: "transcriptionState",
721
- PINNED_MESSAGE: "pinnedMessage",
722
- SPOTLIGHT: "spotlight"
723
- };
724
-
725
- // src/Prebuilt/IconButton.jsx
726
- init_define_process_env();
727
- var IconButton2 = styled(IconButton, {
728
- width: "$14",
729
- height: "$14",
730
- border: "1px solid $border_bright",
731
- r: "$1",
732
- variants: {
733
- active: {
734
- false: {
735
- border: "1px solid transparent",
736
- color: "$on_primary_high"
737
- }
738
- }
739
- }
740
- });
741
- var IconButton_default = IconButton2;
742
-
743
- export {
744
- __spreadValues,
745
- __spreadProps,
746
- __objRest,
747
- __commonJS,
748
- __export,
749
- __toESM,
750
- __publicField,
751
- __privateGet,
752
- __privateAdd,
753
- __privateSet,
754
- __async,
755
- init_define_process_env,
756
- define_process_env_default,
757
- theme,
758
- createThemeBase,
759
- styled,
760
- globalCss,
761
- keyframes,
762
- css,
763
- getCssText,
764
- config,
765
- globalStyles,
766
- createTheme,
767
- flexCenter,
768
- textEllipsis,
769
- IconButton,
770
- slideDown,
771
- slideUp,
772
- dialogOpen,
773
- dialogClose,
774
- slideLeftAndFade,
775
- popoverAnimation,
776
- toastAnimation,
777
- Tooltip,
778
- DEFAULT_HLS_ROLE_KEY,
779
- DEFAULT_HLS_VIEWER_ROLE,
780
- DEFAULT_WAITING_VIEWER_ROLE,
781
- QUERY_PARAM_SKIP_PREVIEW,
782
- QUERY_PARAM_SKIP_PREVIEW_HEADFUL,
783
- QUERY_PARAM_NAME,
784
- QUERY_PARAM_VIEW_MODE,
785
- QUERY_PARAM_AUTH_TOKEN,
786
- QUERY_PARAM_PREVIEW_AS_ROLE,
787
- UI_MODE_ACTIVE_SPEAKER,
788
- UI_MODE_GRID,
789
- MAX_TOASTS,
790
- RTMP_RECORD_RESOLUTION_MIN,
791
- RTMP_RECORD_RESOLUTION_MAX,
792
- RTMP_RECORD_DEFAULT_RESOLUTION,
793
- EMOJI_REACTION_TYPE,
794
- CHAT_SELECTOR,
795
- APP_DATA,
796
- UI_SETTINGS,
797
- SIDE_PANE_OPTIONS,
798
- SUBSCRIBED_NOTIFICATIONS,
799
- HLS_TIMED_METADATA_DOC_URL,
800
- REMOTE_STOP_SCREENSHARE_TYPE,
801
- isChrome,
802
- isSafari,
803
- isIOS,
804
- isMacOS,
805
- isAndroid,
806
- isIPadOS,
807
- FEATURE_LIST,
808
- SESSION_STORE_KEY,
809
- IconButton_default
810
- };
811
- //# sourceMappingURL=chunk-4NEZLVVH.js.map