├── .env.example ├── .eslintignore ├── .eslintrc.json ├── .github ├── CODEOWNERS ├── ISSUE_TEMPLATE │ ├── bug-report.yml │ ├── config.yml │ └── feature-request.yml ├── PULL_REQUEST_TEMPLATE.md └── workflows │ ├── docsearch.yml │ └── lint.yml ├── .gitignore ├── .prettierignore ├── .vscode ├── extensions.json └── settings.json ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── amplify.yml ├── bin ├── auto_update_docs.py ├── crawl.sh ├── ui-kit │ ├── clear-components.sh │ ├── component-docs.cjs │ └── utils.cjs ├── update-docs └── update-metadata.cjs ├── cspell.json ├── docs ├── android-core │ ├── Introduction.mdx │ ├── chat │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ ├── receiving-chat-messages.mdx │ │ └── sending-a-chat-message.mdx │ ├── error-codes.mdx │ ├── livestream │ │ ├── _category_.json │ │ ├── dyte-livestream-listener.mdx │ │ ├── dyte-livestream-object.mdx │ │ └── introduction.mdx │ ├── local-user │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── introduction.mdx │ │ ├── manage-media-devices.mdx │ │ └── manage-permissions.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── participant-object.mdx │ │ ├── remote-participants.mdx │ │ └── waitlisted-participants.mdx │ ├── plugins │ │ ├── _category_.json │ │ ├── enable-disable-plugin.mdx │ │ ├── extra.mdx │ │ └── introduction.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── creating-a-poll.mdx │ │ ├── introduction.mdx │ │ └── voting-on-a-poll.mdx │ ├── pre-call │ │ ├── 1-media-preview.mdx │ │ ├── 2-handling-permissions.mdx │ │ ├── 3-meeting-meta.mdx │ │ ├── 4-waiting-room.mdx │ │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── release-notes.mdx │ ├── room-metadata.mdx │ ├── stage-management │ │ ├── 1-introduction.mdx │ │ ├── 2-host-controls.mdx │ │ ├── 3-viewer-participants.mdx │ │ └── _category_.json │ └── upgrade-v2 │ │ ├── 1-introduction.mdx │ │ ├── 2-breaking-changes-migration.mdx │ │ └── _category_.json ├── android │ ├── advanced-usage.mdx │ ├── build-pre-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── add-audio-video-device.mdx │ │ │ ├── add-audio-video-preview.mdx │ │ │ ├── edit-user-name.mdx │ │ │ └── initial-code-skeleton.mdx │ │ └── default-setup-screen.mdx │ ├── chat │ │ ├── _category_.json │ │ └── prebuilt-screen.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-audio-selector.mdx │ │ ├── dyte-audio-visualizer.mdx │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-idle-screen.mdx │ │ ├── dyte-join-stage.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen.mdx │ │ ├── dyte-video-selector.mdx │ │ ├── dyte-webinar-stage-toggle.mdx │ │ └── gallery.mdx │ ├── customize-meeting-ui.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ └── prebuilt.mdx │ ├── plugins │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ └── prebuilt.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── prebuilt-create-poll.mdx │ │ └── prebuilt-polls-screen.mdx │ ├── quickstart.mdx │ ├── release-notes.mdx │ ├── render-participant-videos │ │ ├── _category_.json │ │ ├── custom-ui.mdx │ │ └── using-dytegrid.mdx │ └── sample-app.mdx ├── angular-ui-kit │ ├── basics │ │ ├── _category_.json │ │ ├── components-basics.mdx │ │ └── pre-requisite.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-audio-visualizer.mdx │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-confirmation-modal.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-controlbar.mdx │ │ ├── dyte-dialog-manager.mdx │ │ ├── dyte-dialog.mdx │ │ ├── dyte-emoji-picker.mdx │ │ ├── dyte-ended-screen.mdx │ │ ├── dyte-file-message.mdx │ │ ├── dyte-fullscreen-toggle.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-header.mdx │ │ ├── dyte-icon.mdx │ │ ├── dyte-idle-screen.mdx │ │ ├── dyte-image-message.mdx │ │ ├── dyte-image-viewer.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting.mdx │ │ ├── dyte-logo.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-menu-item.mdx │ │ ├── dyte-menu-list.mdx │ │ ├── dyte-menu.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-mixed-grid.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-network-indicator.mdx │ │ ├── dyte-notification.mdx │ │ ├── dyte-notifications.mdx │ │ ├── dyte-overlay-modal.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participant-tile.mdx │ │ ├── dyte-participant.mdx │ │ ├── dyte-participants-audio.mdx │ │ ├── dyte-participants-stage-list.mdx │ │ ├── dyte-participants-toggle.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-permissions-message.mdx │ │ ├── dyte-plugin-main.mdx │ │ ├── dyte-plugins-toggle.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-poll.mdx │ │ ├── dyte-polls-toggle.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-recording-toggle.mdx │ │ ├── dyte-remote-access-manager.mdx │ │ ├── dyte-screen-share-toggle.mdx │ │ ├── dyte-screenshare-view.mdx │ │ ├── dyte-settings-audio.mdx │ │ ├── dyte-settings-toggle.mdx │ │ ├── dyte-settings-video.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen.mdx │ │ ├── dyte-sidebar.mdx │ │ ├── dyte-simple-grid.mdx │ │ ├── dyte-spinner.mdx │ │ ├── dyte-spotlight-grid.mdx │ │ ├── dyte-stage.mdx │ │ ├── dyte-switch.mdx │ │ ├── dyte-text-field.mdx │ │ ├── dyte-text-message.mdx │ │ ├── dyte-tooltip.mdx │ │ ├── dyte-viewer-count.mdx │ │ └── gallery.mdx │ ├── customizations │ │ ├── _category_.json │ │ ├── custom-iconpack.mdx │ │ └── custom-locale.mdx │ ├── design-system.mdx │ ├── introduction.mdx │ ├── quickstart.mdx │ ├── reference │ │ ├── classes │ │ │ └── DyteNotificationsAudio.md │ │ ├── interfaces │ │ │ ├── Notification.md │ │ │ ├── PollObject.md │ │ │ ├── States.md │ │ │ ├── UIConfig.md │ │ │ ├── UserPreferences.md │ │ │ └── _category_.json │ │ └── reference.md │ └── release-notes.mdx ├── cli │ ├── getting-started.mdx │ ├── installation.mdx │ ├── meetings.mdx │ ├── plugins.mdx │ ├── recording.mdx │ └── webhooks.mdx ├── community-packages │ ├── device-emulator │ │ ├── _category_.json │ │ ├── examples.mdx │ │ └── intro.mdx │ ├── index.mdx │ └── socketio-client │ │ ├── _category_.json │ │ ├── emitting.mdx │ │ ├── initialization.mdx │ │ └── intro.mdx ├── flutter-core │ ├── chat │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ ├── receiving-chat-messages.mdx │ │ └── sending-a-chat-message.mdx │ ├── host-actions.mdx │ ├── introduction.mdx │ ├── livestream.mdx │ ├── local-user │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── introduction.mdx │ │ ├── manage-media-devices.mdx │ │ ├── manage-permissions.mdx │ │ └── screen-share-iOS-guide.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── introduction.mdx │ │ ├── participant-object.mdx │ │ ├── remote-participants.mdx │ │ └── waitlisted-participants.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── creating-a-poll.mdx │ │ ├── introduction.mdx │ │ └── voting-on-a-poll.mdx │ ├── pre-call │ │ ├── 1-media-preview.mdx │ │ ├── 3-meeting-meta.mdx │ │ ├── 4-waiting-room.mdx │ │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── release-notes.mdx │ ├── room-metadata.mdx │ └── stage-management │ │ ├── _category_.json │ │ ├── host-controls.mdx │ │ ├── introduction.mdx │ │ └── viewer-participants.mdx ├── flutter │ ├── Components │ │ ├── _category_.json │ │ ├── dyte-audio-indicator-icon-widget.mdx │ │ ├── dyte-chat-icon-widget.mdx │ │ ├── dyte-join-button.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting-dialog.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-name-tag-widget.mdx │ │ ├── dyte-participant-tile.mdx │ │ ├── dyte-participants-icon-widget.mdx │ │ ├── dyte-plugins-screen.mdx │ │ ├── dyte-polls-screen.mdx │ │ ├── dyte-provider.mdx │ │ ├── dyte-self-audio-toggle.mdx │ │ ├── dyte-self-video-toggle.mdx │ │ └── dyte-setup-screen-component.mdx │ ├── design-token.mdx │ ├── introduction.mdx │ ├── meeting-locale.mdx │ ├── quickstart.mdx │ └── release-notes.mdx ├── guides │ ├── capabilities │ │ ├── _category_.json │ │ ├── ai │ │ │ ├── _category_.json │ │ │ ├── index.mdx │ │ │ ├── meeting-summary.mdx │ │ │ └── meeting-transcription.mdx │ │ ├── audio │ │ │ ├── _category_.json │ │ │ ├── processing.mdx │ │ │ ├── transcriptionAWS.mdx │ │ │ ├── transcriptionGoogle.mdx │ │ │ └── transcriptions.mdx │ │ ├── breakoutroom │ │ │ ├── _category_.json │ │ │ ├── create-breakout-rooms.mdx │ │ │ ├── integrating-breakout-rooms.mdx │ │ │ └── introduction-breakout-rooms.mdx │ │ ├── chat │ │ │ ├── _category_.json │ │ │ └── export-chat-dump.mdx │ │ ├── misc │ │ │ ├── _category_.json │ │ │ ├── embed.mdx │ │ │ └── livestreaming-other-platforms.mdx │ │ ├── plugins │ │ │ ├── _category_.json │ │ │ ├── basics.mdx │ │ │ ├── docshare.mdx │ │ │ ├── rendering.mdx │ │ │ ├── streamer.mdx │ │ │ └── whiteboard.mdx │ │ ├── polls │ │ │ ├── _category_.json │ │ │ ├── getting_started.mdx │ │ │ ├── index.mdx │ │ │ └── uikit.mdx │ │ ├── recording │ │ │ ├── _category_.json │ │ │ ├── advanced │ │ │ │ ├── _category_.json │ │ │ │ ├── add-watermark.mdx │ │ │ │ ├── configure-dyte-bucket-config.mdx │ │ │ │ ├── create-record-app-using-sdks.mdx │ │ │ │ ├── interactive-recording.mdx │ │ │ │ └── manage-recording-config-hierarchy.mdx │ │ │ ├── configure-audio-codec.mdx │ │ │ ├── configure-codecs.mdx │ │ │ ├── custom-cloud-storage.mdx │ │ │ ├── index.mdx │ │ │ ├── monitor-status.mdx │ │ │ ├── recording-overview.mdx │ │ │ ├── start-recording.mdx │ │ │ └── stop-recording.mdx │ │ ├── screensharing │ │ │ ├── _category_.json │ │ │ ├── displaying.mdx │ │ │ └── enabling.mdx │ │ ├── sip.mdx │ │ ├── video │ │ │ ├── _category_.json │ │ │ ├── add-virtual-background.mdx │ │ │ ├── picture-in-picture.mdx │ │ │ └── processing.mdx │ │ ├── webhooks │ │ │ ├── _category_.json │ │ │ ├── index.mdx │ │ │ ├── signatures.mdx │ │ │ ├── webhook-events.mdx │ │ │ ├── webhooks-and-events.mdx │ │ │ └── webhooks-overview.mdx │ │ └── webinar │ │ │ ├── _category_.json │ │ │ └── intro-webinar.mdx │ ├── guides.mdx │ ├── interactive-onboarding │ │ ├── _category_.json │ │ ├── add-participant.mdx │ │ ├── create-meeting.mdx │ │ ├── init-sdk.mdx │ │ └── join-meeting.mdx │ ├── live-video │ │ ├── _category_.json │ │ ├── build-live-video-app.mdx │ │ ├── client-setup │ │ │ ├── _category_.json │ │ │ ├── android.mdx │ │ │ ├── angular.mdx │ │ │ ├── flutter.mdx │ │ │ ├── index.mdx │ │ │ ├── ios.mdx │ │ │ ├── javascript.mdx │ │ │ └── react.mdx │ │ ├── concepts.mdx │ │ ├── get-started.mdx │ │ ├── intro-video-conf.mdx │ │ └── next-steps.mdx │ ├── livestream │ │ ├── _category_.json │ │ ├── advanced │ │ │ ├── _category_.json │ │ │ ├── configuring-permissions.mdx │ │ │ └── livestream-any-rtmp.mdx │ │ ├── build-livestream-app.mdx │ │ ├── client-setup │ │ │ ├── _category_.json │ │ │ ├── android.mdx │ │ │ ├── angular.mdx │ │ │ ├── flutter.mdx │ │ │ ├── index.mdx │ │ │ ├── ios.mdx │ │ │ ├── javascript.mdx │ │ │ └── react.mdx │ │ ├── concepts.mdx │ │ ├── get-started.mdx │ │ └── livestream-overview.mdx │ ├── migration │ │ ├── _category_.json │ │ ├── opentok │ │ │ ├── _category_.json │ │ │ ├── concept-media-opentok.mdx │ │ │ ├── concepts-opentok-vs-dyte.mdx │ │ │ └── opentok-shim-by-dyte.mdx │ │ └── twilio │ │ │ ├── _category_.json │ │ │ ├── basics.mdx │ │ │ ├── concepts-twilio-vs-dyte.mdx │ │ │ ├── feature-comparison.mdx │ │ │ ├── media.mdx │ │ │ ├── misc.mdx │ │ │ └── shim-library │ │ │ ├── _category_.json │ │ │ ├── compatibility-shim-twilio.mdx │ │ │ └── twilio-shim-by-dyte.mdx │ ├── rest-apis │ │ ├── _category_.json │ │ ├── livestream-dyte-meeting.mdx │ │ ├── quickstart.mdx │ │ └── v2-migration-guide.mdx │ └── voice-conf │ │ ├── _category_.json │ │ ├── build-voice-app.mdx │ │ ├── client-setup │ │ ├── _category_.json │ │ ├── android.mdx │ │ ├── angular.mdx │ │ ├── flutter.mdx │ │ ├── index.mdx │ │ ├── ios.mdx │ │ ├── javascript.mdx │ │ └── react.mdx │ │ ├── concepts.mdx │ │ ├── get-started.mdx │ │ ├── intro-voice-conf.mdx │ │ └── next-steps.mdx ├── ios-core │ ├── Introduction.mdx │ ├── chat │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ ├── receiving-chat-messages.mdx │ │ └── sending-a-chat-message.mdx │ ├── error-codes.mdx │ ├── livestreaming.mdx │ ├── local-user │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── introduction.mdx │ │ ├── manage-media-devices.mdx │ │ ├── manage-permissions.mdx │ │ └── screen-share-guide.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── participant-object.mdx │ │ ├── remote-participants.mdx │ │ └── waitlisted-participants.mdx │ ├── plugins │ │ ├── _category_.json │ │ ├── disable-plugin.mdx │ │ ├── enable-plugin.mdx │ │ ├── extra.mdx │ │ └── introduction.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── creating-a-poll.mdx │ │ ├── introduction.mdx │ │ └── voting-on-a-poll.mdx │ ├── pre-call │ │ ├── 1-media-preview.mdx │ │ ├── 2-handling-permissions.mdx │ │ ├── 3-meeting-meta.mdx │ │ ├── 4-waiting-room.mdx │ │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── release-notes.mdx │ ├── room-metadata.mdx │ ├── stage-management │ │ ├── 1-introduction.mdx │ │ ├── 2-host-controls.mdx │ │ ├── 3-viewer-participants.mdx │ │ └── _category_.json │ └── upgrade-v2 │ │ ├── 1-introduction.mdx │ │ ├── 2-breaking-changes-migration.mdx │ │ └── _category_.json ├── ios │ ├── Pre-Built-Plugins_Guides │ │ ├── Plugins.mdx │ │ ├── _category_.json │ │ └── load-plugin.mdx │ ├── Pre-Built-Polls_Guides │ │ ├── Polls.mdx │ │ ├── _category_.json │ │ └── prebuilt_polls.mdx │ ├── Pre-Built-Settings_Guides │ │ ├── Settings.mdx │ │ └── _category_.json │ ├── build-pre-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── dyte-setting.mdx │ │ │ └── initial-code-skeleton.mdx │ │ └── default-setup-screen.mdx │ ├── chat │ │ ├── _category_.json │ │ ├── attachments-in-chat.mdx │ │ ├── components-in-chat.mdx │ │ └── pre-built-chat-screen.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-active-tab-selector-view.mdx │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-configure-alertview-protocol.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-end-meeting.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-join-stage.mdx │ │ ├── dyte-leave-alert-actions.mdx │ │ ├── dyte-leave-meeting-alert.mdx │ │ ├── dyte-meeting-titlelabel.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-navigationbar.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participant-tile-view.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-plugin-view.mdx │ │ ├── dyte-pluginScreenShareTab-button.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen-delegate.mdx │ │ ├── dyte-setup-screen.mdx │ │ └── dyte-webinar-stage-toggle.mdx │ ├── design-system.mdx │ ├── events.mdx │ ├── helper-classes │ │ ├── _category_.json │ │ └── dyte-plugin-view-model.mdx │ ├── intro-ios-uikit.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── host-controls.mdx │ │ ├── introduction.mdx │ │ ├── pre-built-participants-screen.mdx │ │ └── type-of-participants.mdx │ ├── quickstart.mdx │ ├── release-notes.mdx │ └── rendering-participant-video │ │ ├── _category_.json │ │ ├── build-your-own-grid.mdx │ │ └── using-dyteGrid.mdx ├── partials │ ├── _android-quickstart.mdx │ ├── _angular-quickstart.mdx │ ├── _client-setup-index.mdx │ ├── _default-language-i18n.mdx │ ├── _flutter-quickstart.mdx │ ├── _html-quickstart.mdx │ ├── _integrate-dyte.mdx │ ├── _ios-quickstart.mdx │ ├── _product-section.mdx │ ├── _react-quickstart.mdx │ ├── _setup.mdx │ ├── _theme-aware-img.mdx │ ├── error-codes │ │ ├── _web_core_debug_system_error_codes.mdx │ │ └── _web_core_error_codes_details.mdx │ └── events │ │ ├── _participant-media-score-update.mdx │ │ └── _self-media-score-update.mdx ├── plugin-sdk │ ├── frequently-asked-questions.mdx │ ├── guides │ │ ├── _category_.json │ │ ├── exchange-data-between-plugin-and-meeting.mdx │ │ └── how-to-work-with-plugin-stores.mdx │ ├── introduction.mdx │ ├── quickstart.mdx │ ├── setup │ │ ├── _category_.json │ │ ├── create.mdx │ │ ├── customize.mdx │ │ ├── develop.mdx │ │ ├── manage.mdx │ │ └── publish.mdx │ └── usage │ │ ├── _category_.json │ │ ├── acl-api │ │ └── _category_.json │ │ ├── annotations-api │ │ └── _category_.json │ │ ├── basic │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── initialize.mdx │ │ └── methods.mdx │ │ ├── cursor-api │ │ └── _category_.json │ │ ├── installation.mdx │ │ ├── rooms-api │ │ ├── _category_.json │ │ ├── events.mdx │ │ └── methods.mdx │ │ ├── stores-api │ │ ├── _category_.json │ │ ├── introduction.mdx │ │ └── manage-stores.mdx │ │ └── streams-api │ │ └── _category_.json ├── react-native │ ├── advanced-usage.mdx │ ├── customize-meeting-ui.mdx │ ├── events.mdx │ ├── installation.mdx │ ├── quickstart.mdx │ ├── reference │ │ ├── _category_.json │ │ ├── chat-message.mdx │ │ ├── connection-config.mdx │ │ ├── dyte-errors.mdx │ │ ├── dyte-meeting-events.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-plugin.mdx │ │ ├── dyte-ui-config.mdx │ │ ├── meeting.mdx │ │ ├── participant.mdx │ │ └── self-participant.mdx │ ├── sample-app.mdx │ └── usage.mdx ├── react-ui-kit │ ├── build-in-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── add-custom-sidebar.mdx │ │ │ ├── customize-control-bar.mdx │ │ │ ├── customize-header.mdx │ │ │ ├── handling-states-and-configs.mdx │ │ │ ├── stage-ui-using-dyte-grid.mdx │ │ │ └── states-based-ui-split.mdx │ │ └── default-meeting-ui.mdx │ ├── build-pre-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── add-audio-video-device.mdx │ │ │ ├── add-audio-video-preview.mdx │ │ │ ├── add-middleware.mdx │ │ │ ├── edit-user-name.mdx │ │ │ └── initial-code-skeleton.mdx │ │ └── default-setup-screen.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-audio-visualizer.mdx │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-confirmation-modal.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-controlbar.mdx │ │ ├── dyte-dialog-manager.mdx │ │ ├── dyte-dialog.mdx │ │ ├── dyte-emoji-picker.mdx │ │ ├── dyte-ended-screen.mdx │ │ ├── dyte-file-message.mdx │ │ ├── dyte-fullscreen-toggle.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-header.mdx │ │ ├── dyte-icon.mdx │ │ ├── dyte-idle-screen.mdx │ │ ├── dyte-image-message.mdx │ │ ├── dyte-image-viewer.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting.mdx │ │ ├── dyte-logo.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-menu-item.mdx │ │ ├── dyte-menu-list.mdx │ │ ├── dyte-menu.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-mixed-grid.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-network-indicator.mdx │ │ ├── dyte-notification.mdx │ │ ├── dyte-notifications.mdx │ │ ├── dyte-overlay-modal.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participant-tile.mdx │ │ ├── dyte-participant.mdx │ │ ├── dyte-participants-audio.mdx │ │ ├── dyte-participants-stage-list.mdx │ │ ├── dyte-participants-toggle.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-permissions-message.mdx │ │ ├── dyte-plugin-main.mdx │ │ ├── dyte-plugins-toggle.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-poll.mdx │ │ ├── dyte-polls-toggle.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-recording-toggle.mdx │ │ ├── dyte-remote-access-manager.mdx │ │ ├── dyte-screen-share-toggle.mdx │ │ ├── dyte-screenshare-view.mdx │ │ ├── dyte-settings-audio.mdx │ │ ├── dyte-settings-toggle.mdx │ │ ├── dyte-settings-video.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen.mdx │ │ ├── dyte-sidebar.mdx │ │ ├── dyte-simple-grid.mdx │ │ ├── dyte-spinner.mdx │ │ ├── dyte-spotlight-grid.mdx │ │ ├── dyte-stage.mdx │ │ ├── dyte-switch.mdx │ │ ├── dyte-text-field.mdx │ │ ├── dyte-text-message.mdx │ │ ├── dyte-tooltip.mdx │ │ ├── dyte-viewer-count.mdx │ │ └── gallery.mdx │ ├── customizations │ │ ├── _category_.json │ │ ├── custom-iconpack.mdx │ │ └── custom-locale.mdx │ ├── design-system.mdx │ ├── display-videos.mdx │ ├── integrate.mdx │ ├── introduction.mdx │ ├── quickstart.mdx │ ├── reference │ │ ├── classes │ │ │ └── DyteNotificationsAudio.md │ │ ├── interfaces │ │ │ ├── Notification.md │ │ │ ├── PollObject.md │ │ │ ├── States.md │ │ │ ├── UIConfig.md │ │ │ ├── UserPreferences.md │ │ │ └── _category_.json │ │ └── reference.md │ ├── release-notes.mdx │ └── using-hooks.mdx ├── react-web-core │ ├── advanced │ │ ├── _category_.json │ │ └── advance.mdx │ ├── chat │ │ ├── _category_.json │ │ ├── edit-chat-messages.mdx │ │ ├── introduction.mdx │ │ ├── other-chat-functions.mdx │ │ ├── receiving-chat-messages.mdx │ │ └── sending-a-chat-message.mdx │ ├── error-codes │ │ ├── _category_.json │ │ ├── error-code-zero-ten.mdx │ │ └── error-code.mdx │ ├── introduction.mdx │ ├── livestreaming.mdx │ ├── local-user │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── extras.mdx │ │ ├── introduction.mdx │ │ ├── manage-media-devices.mdx │ │ └── media-permission-errors.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── participant-object.mdx │ │ ├── permissions.mdx │ │ ├── pip.mdx │ │ └── remote-participants.mdx │ ├── plugins │ │ ├── _category_.json │ │ ├── disable-plugin.mdx │ │ ├── enable-plugin.mdx │ │ ├── extra.mdx │ │ └── introduction.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── creating-a-poll.mdx │ │ ├── introduction.mdx │ │ ├── other-poll-functions.mdx │ │ └── voting-on-a-poll.mdx │ ├── pre-call │ │ ├── 1-media-preview.mdx │ │ ├── 2-handling-permissions.mdx │ │ ├── 3-virtual-bg.mdx │ │ ├── 4-meeting-meta.mdx │ │ ├── 5-waiting-room.mdx │ │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── reference │ │ ├── DyteAi.md │ │ ├── DyteChat.md │ │ ├── DyteClient.md │ │ ├── DyteConnectedMeetings.md │ │ ├── DyteLivestream.md │ │ ├── DyteMeta.md │ │ ├── DyteParticipant.md │ │ ├── DyteParticipantMap.md │ │ ├── DyteParticipants.md │ │ ├── DytePermissionsPreset.md │ │ ├── DytePlugin.md │ │ ├── DytePluginMap.md │ │ ├── DytePlugins.md │ │ ├── DytePolls.md │ │ ├── DyteRecording.md │ │ ├── DyteRemote.md │ │ ├── DyteSelf.md │ │ ├── DyteSelfMedia.md │ │ ├── DyteStage.md │ │ ├── DyteThemePreset.md │ │ └── _category_.json │ ├── release-notes.mdx │ ├── room-metadata.mdx │ ├── stage.mdx │ └── upgrade.mdx ├── rn-core │ ├── chat │ │ ├── _category_.json │ │ ├── edit-chat-messages.mdx │ │ ├── introduction.mdx │ │ ├── other-chat-functions.mdx │ │ ├── receiving-chat-messages.mdx │ │ └── sending-a-chat-message.mdx │ ├── error-codes │ │ ├── _category_.json │ │ ├── error-code-zero-ten.mdx │ │ └── error-code.mdx │ ├── installation.mdx │ ├── livestreaming.mdx │ ├── local-user │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── extras.mdx │ │ ├── introduction.mdx │ │ ├── manage-media-devices.mdx │ │ └── media-permission-errors.mdx │ ├── participants │ │ ├── _category_.json │ │ ├── events.mdx │ │ ├── participant-object.mdx │ │ ├── permissions.mdx │ │ └── remote-participants.mdx │ ├── plugins │ │ ├── _category_.json │ │ ├── disable-plugin.mdx │ │ ├── enable-plugin.mdx │ │ ├── extra.mdx │ │ └── introduction.mdx │ ├── polls │ │ ├── _category_.json │ │ ├── creating-a-poll.mdx │ │ ├── introduction.mdx │ │ ├── other-poll-functions.mdx │ │ └── voting-on-a-poll.mdx │ ├── pre-call │ │ ├── 1-media-preview.mdx │ │ ├── 2-handling-permissions.mdx │ │ ├── 4-meeting-meta.mdx │ │ ├── 5-waiting-room.mdx │ │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── reference │ │ ├── DyteAi.md │ │ ├── DyteChat.md │ │ ├── DyteClient.md │ │ ├── DyteConnectedMeetings.md │ │ ├── DyteLivestream.md │ │ ├── DyteMeta.md │ │ ├── DyteParticipant.md │ │ ├── DyteParticipantMap.md │ │ ├── DyteParticipants.md │ │ ├── DytePermissionsPreset.md │ │ ├── DytePlugin.md │ │ ├── DytePluginMap.md │ │ ├── DytePlugins.md │ │ ├── DytePolls.md │ │ ├── DyteRecording.md │ │ ├── DyteRemote.md │ │ ├── DyteSelf.md │ │ ├── DyteSelfMedia.md │ │ ├── DyteStage.md │ │ ├── DyteThemePreset.md │ │ └── _category_.json │ ├── release-notes.mdx │ ├── room-metadata.mdx │ └── stage.mdx ├── rn-ui-kit │ ├── build-in-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── add-custom-sidebar.mdx │ │ │ ├── customize-control-bar.mdx │ │ │ ├── customize-header.mdx │ │ │ ├── handling-states-and-configs.mdx │ │ │ └── states based UI Split.mdx │ │ └── default-meeting-ui.mdx │ ├── build-pre-call-ui │ │ ├── _category_.json │ │ ├── build-your-own │ │ │ ├── _category_.json │ │ │ ├── add-audio-video-device.mdx │ │ │ ├── add-audio-video-preview.mdx │ │ │ ├── edit-user-name.mdx │ │ │ └── initial-code-skeleton.mdx │ │ └── default-setup-screen.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-controlbar.mdx │ │ ├── dyte-dialog-manager.mdx │ │ ├── dyte-dialog.mdx │ │ ├── dyte-ended-screen.mdx │ │ ├── dyte-file-message.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-header.mdx │ │ ├── dyte-icon.mdx │ │ ├── dyte-idle-screen.mdx │ │ ├── dyte-image-message.mdx │ │ ├── dyte-image-viewer.mdx │ │ ├── dyte-join-stage.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting.mdx │ │ ├── dyte-logo.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-menu-item.mdx │ │ ├── dyte-menu-list.mdx │ │ ├── dyte-menu.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-mute-all-button.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-notification.mdx │ │ ├── dyte-notifications.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participant-tile.mdx │ │ ├── dyte-participant.mdx │ │ ├── dyte-participants-toggle.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-permissions-message.mdx │ │ ├── dyte-plugin-main.mdx │ │ ├── dyte-plugins-toggle.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-poll.mdx │ │ ├── dyte-polls-toggle.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-recording-toggle.mdx │ │ ├── dyte-screen-share-toggle.mdx │ │ ├── dyte-screenshare-view.mdx │ │ ├── dyte-settings-audio.mdx │ │ ├── dyte-settings-toggle.mdx │ │ ├── dyte-settings-video.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen.mdx │ │ ├── dyte-sidebar.mdx │ │ ├── dyte-simple-grid.mdx │ │ ├── dyte-spinner.mdx │ │ ├── dyte-spotlight-grid.mdx │ │ ├── dyte-text-field.mdx │ │ ├── dyte-text.mdx │ │ ├── dyte-waiting-screen.mdx │ │ ├── dyte-webinar-stage-toggle.mdx │ │ └── gallery.mdx │ ├── customizations │ │ ├── _category_.json │ │ ├── custom-iconpack.mdx │ │ └── custom-locale.mdx │ ├── design-system.mdx │ ├── display-videos.mdx │ ├── integrate.mdx │ ├── introduction.mdx │ ├── quickstart.mdx │ ├── reference │ │ ├── classes │ │ │ └── DyteNotificationsAudio.md │ │ ├── interfaces │ │ │ ├── Notification.md │ │ │ ├── PollObject.md │ │ │ ├── States.md │ │ │ ├── UIConfig.md │ │ │ ├── UserPreferences.md │ │ │ └── _category_.json │ │ └── reference.md │ ├── release-notes.mdx │ └── using-hooks.mdx ├── ui-kit │ ├── basics │ │ ├── _category_.json │ │ ├── components-basics.mdx │ │ └── pre-requisite.mdx │ ├── components │ │ ├── _category_.json │ │ ├── dyte-audio-visualizer.mdx │ │ ├── dyte-avatar.mdx │ │ ├── dyte-button.mdx │ │ ├── dyte-camera-toggle.mdx │ │ ├── dyte-chat-toggle.mdx │ │ ├── dyte-chat.mdx │ │ ├── dyte-clock.mdx │ │ ├── dyte-confirmation-modal.mdx │ │ ├── dyte-controlbar-button.mdx │ │ ├── dyte-controlbar.mdx │ │ ├── dyte-dialog-manager.mdx │ │ ├── dyte-dialog.mdx │ │ ├── dyte-emoji-picker.mdx │ │ ├── dyte-ended-screen.mdx │ │ ├── dyte-file-message.mdx │ │ ├── dyte-fullscreen-toggle.mdx │ │ ├── dyte-grid-pagination.mdx │ │ ├── dyte-grid.mdx │ │ ├── dyte-header.mdx │ │ ├── dyte-icon.mdx │ │ ├── dyte-idle-screen.mdx │ │ ├── dyte-image-message.mdx │ │ ├── dyte-image-viewer.mdx │ │ ├── dyte-leave-button.mdx │ │ ├── dyte-leave-meeting.mdx │ │ ├── dyte-logo.mdx │ │ ├── dyte-meeting-title.mdx │ │ ├── dyte-meeting.mdx │ │ ├── dyte-menu-item.mdx │ │ ├── dyte-menu-list.mdx │ │ ├── dyte-menu.mdx │ │ ├── dyte-mic-toggle.mdx │ │ ├── dyte-mixed-grid.mdx │ │ ├── dyte-more-toggle.mdx │ │ ├── dyte-name-tag.mdx │ │ ├── dyte-network-indicator.mdx │ │ ├── dyte-notification.mdx │ │ ├── dyte-notifications.mdx │ │ ├── dyte-overlay-modal.mdx │ │ ├── dyte-participant-count.mdx │ │ ├── dyte-participant-tile.mdx │ │ ├── dyte-participant.mdx │ │ ├── dyte-participants-audio.mdx │ │ ├── dyte-participants-stage-list.mdx │ │ ├── dyte-participants-toggle.mdx │ │ ├── dyte-participants.mdx │ │ ├── dyte-permissions-message.mdx │ │ ├── dyte-plugin-main.mdx │ │ ├── dyte-plugins-toggle.mdx │ │ ├── dyte-plugins.mdx │ │ ├── dyte-poll-form.mdx │ │ ├── dyte-poll.mdx │ │ ├── dyte-polls-toggle.mdx │ │ ├── dyte-polls.mdx │ │ ├── dyte-recording-indicator.mdx │ │ ├── dyte-recording-toggle.mdx │ │ ├── dyte-remote-access-manager.mdx │ │ ├── dyte-screen-share-toggle.mdx │ │ ├── dyte-screenshare-view.mdx │ │ ├── dyte-settings-audio.mdx │ │ ├── dyte-settings-toggle.mdx │ │ ├── dyte-settings-video.mdx │ │ ├── dyte-settings.mdx │ │ ├── dyte-setup-screen.mdx │ │ ├── dyte-sidebar.mdx │ │ ├── dyte-simple-grid.mdx │ │ ├── dyte-spinner.mdx │ │ ├── dyte-spotlight-grid.mdx │ │ ├── dyte-stage.mdx │ │ ├── dyte-switch.mdx │ │ ├── dyte-text-field.mdx │ │ ├── dyte-text-message.mdx │ │ ├── dyte-tooltip.mdx │ │ ├── dyte-viewer-count.mdx │ │ └── gallery.mdx │ ├── customizations │ │ ├── _category_.json │ │ ├── custom-iconpack.mdx │ │ └── custom-locale.mdx │ ├── design-system.mdx │ ├── introduction.mdx │ ├── quickstart.mdx │ ├── reference │ │ ├── classes │ │ │ └── DyteNotificationsAudio.md │ │ ├── interfaces │ │ │ ├── Notification.md │ │ │ ├── PollObject.md │ │ │ ├── States.md │ │ │ ├── UIConfig.md │ │ │ ├── UserPreferences.md │ │ │ └── _category_.json │ │ └── reference.md │ └── release-notes.mdx └── web-core │ ├── Introduction.mdx │ ├── advanced │ ├── _category_.json │ └── advance.mdx │ ├── chat │ ├── _category_.json │ ├── edit-chat-messages.mdx │ ├── introduction.mdx │ ├── other-chat-functions.mdx │ ├── receiving-chat-messages.mdx │ └── sending-a-chat-message.mdx │ ├── error-codes │ ├── _category_.json │ ├── error-code-zero-ten.mdx │ └── error-code.mdx │ ├── livestreaming.mdx │ ├── local-user │ ├── _category_.json │ ├── events.mdx │ ├── extras.mdx │ ├── introduction.mdx │ ├── manage-media-devices.mdx │ └── media-permission-errors.mdx │ ├── participants │ ├── _category_.json │ ├── events.mdx │ ├── participant-object.mdx │ ├── permissions.mdx │ ├── pip.mdx │ └── remote-participants.mdx │ ├── plugins │ ├── _category_.json │ ├── disable-plugin.mdx │ ├── enable-plugin.mdx │ ├── extra.mdx │ └── introduction.mdx │ ├── polls │ ├── _category_.json │ ├── creating-a-poll.mdx │ ├── introduction.mdx │ ├── other-poll-functions.mdx │ └── voting-on-a-poll.mdx │ ├── pre-call │ ├── 1-media-preview.mdx │ ├── 2-handling-permissions.mdx │ ├── 3-virtual-bg.mdx │ ├── 4-meeting-meta.mdx │ ├── 5-waiting-room.mdx │ └── _category_.json │ ├── quickstart.mdx │ ├── recording.mdx │ ├── reference │ ├── DyteAi.md │ ├── DyteChat.md │ ├── DyteClient.md │ ├── DyteConnectedMeetings.md │ ├── DyteLivestream.md │ ├── DyteMeta.md │ ├── DyteParticipant.md │ ├── DyteParticipantMap.md │ ├── DyteParticipants.md │ ├── DytePermissionsPreset.md │ ├── DytePlugin.md │ ├── DytePluginMap.md │ ├── DytePlugins.md │ ├── DytePolls.md │ ├── DyteRecording.md │ ├── DyteSelf.md │ ├── DyteStage.md │ ├── DyteThemePreset.md │ └── _category_.json │ ├── release-notes.mdx │ ├── room-metadata.mdx │ ├── stage.mdx │ └── upgrade.mdx ├── docsearch.config.json ├── docusaurus.config.js ├── modules ├── dytesdk-react-web-core-1.36.4-stripped.1.tgz └── dytesdk-web-core-1.31.0-stripped.1.tgz ├── package-lock.json ├── package.json ├── patches ├── @stoplight+elements+8.0.2.patch └── @stoplight+elements-core+8.0.2.patch ├── plugins ├── tailwind-plugin.cjs ├── ui-kit-reference-plugin.cjs └── webpack-plugin.cjs ├── sidebars-default.js ├── src ├── client │ ├── define-ui-kit.js │ └── set-framework.js ├── components │ ├── CardComponents.tsx │ ├── CodeRunner │ │ ├── AngularBoilerplate.ts │ │ ├── CodeRunner.jsx │ │ ├── CodeRunner.tsx │ │ └── ReactBoilerplate.ts │ ├── ColorCode │ │ ├── index.jsx │ │ └── styles.module.css │ ├── ColorPalette │ │ ├── index.jsx │ │ └── styles.module.css │ ├── ComponentsGrid │ │ ├── index.jsx │ │ └── styles.module.css │ ├── DemoElements.jsx │ ├── GuidesSection.jsx │ ├── InfoTooltip.jsx │ ├── InteractiveTour │ │ ├── OnboardingPartTwo.jsx │ │ ├── components │ │ │ ├── DoctorMeeting.tsx │ │ │ └── DoctorMeetingPreJoin.tsx │ │ ├── edges │ │ │ ├── CustomEdgeWithLabel.tsx │ │ │ └── index.ts │ │ ├── index.jsx │ │ ├── nodes │ │ │ ├── DatabaseNode.tsx │ │ │ ├── ExplanationNode.tsx │ │ │ ├── LogoNode.tsx │ │ │ ├── Phone.tsx │ │ │ ├── PositionLoggerNode.tsx │ │ │ ├── RestAPIPlayer.tsx │ │ │ ├── index.tsx │ │ │ └── nodeTypes.ts │ │ ├── store.ts │ │ └── utils.ts │ ├── LatestInstallation.jsx │ ├── PropsTable │ │ ├── index.jsx │ │ └── styles.module.css │ ├── ReleaseNotesGenerator.jsx │ ├── RunInPostmanButton.jsx │ ├── SectionsMenu │ │ └── index.jsx │ ├── SidebarMenu │ │ ├── index.jsx │ │ └── styles.module.css │ ├── VideoPlayer.jsx │ └── homepage │ │ ├── APIReferenceSection.jsx │ │ ├── CommunitySection.jsx │ │ ├── GuidesAndSamples.tsx │ │ ├── HelpSection.jsx │ │ ├── HeroSection.tsx │ │ ├── HomeFooter.jsx │ │ ├── PhHelloBar.jsx │ │ ├── ResourcesSection.tsx │ │ └── SDKs.tsx ├── css │ ├── api-reference.css │ └── custom.css ├── faq.js ├── faq.yaml ├── icons │ └── index.tsx ├── lib │ ├── useBreakpoint.ts │ └── useSectionMenu.ts ├── pages │ ├── api.jsx │ ├── api │ │ └── v2.jsx │ ├── faq.jsx │ ├── getting-started.mdx │ ├── index.jsx │ └── release-notes │ │ ├── index.mdx │ │ └── rest-api.mdx ├── sections.ts ├── snippets │ ├── resources.html │ └── sdks.html ├── theme │ ├── DocSidebar │ │ ├── Desktop │ │ │ ├── index.d.ts │ │ │ ├── index.jsx │ │ │ └── styles.module.css │ │ └── Mobile │ │ │ ├── index.d.ts │ │ │ └── index.jsx │ ├── DocTagDocListPage │ │ └── index.js │ ├── Footer │ │ ├── Layout │ │ │ ├── index.d.ts │ │ │ └── index.jsx │ │ ├── LinkItem │ │ │ ├── index.d.ts │ │ │ └── index.jsx │ │ ├── Logo │ │ │ ├── index.d.ts │ │ │ ├── index.jsx │ │ │ └── styles.module.css │ │ └── index.jsx │ ├── MDXComponents.js │ ├── Playground │ │ ├── index.d.ts │ │ ├── index.jsx │ │ └── styles.module.css │ ├── ReactLiveScope │ │ ├── index.d.ts │ │ └── index.js │ └── SearchBar │ │ ├── index.jsx │ │ └── styles.css └── utils │ ├── npm.js │ └── posthog.js ├── static ├── .nojekyll ├── _redirects ├── api │ ├── v1.yaml │ └── v2.yaml ├── assets │ ├── css │ │ ├── docsly.min.css │ │ └── elements.min.css │ └── fonts │ │ ├── FiraCode.woff2 │ │ ├── Inter-italic.woff2 │ │ ├── Inter.woff2 │ │ ├── PlusJakartaSans-italic.woff2 │ │ └── PlusJakartaSans-latin.woff2 ├── favicon.ico ├── img │ ├── dyte-docs-card.png │ ├── gdpr_docs.png │ ├── soc-compliant-1.png │ └── vector.png ├── logo │ ├── dark.svg │ ├── dyte.svg │ ├── dyte_dark_logo.svg │ └── light.svg ├── release-notes │ ├── android-core.json │ ├── android-ui-kit.json │ ├── flutter-core.json │ ├── flutter-ui-kit.json │ ├── iOS-core.json │ ├── iOS-ui-kit.json │ ├── react-native-core.json │ ├── react-native-ui-kit.json │ ├── react-web-core.json │ ├── rest-api.json │ ├── ui-kit.json │ └── web-core.json ├── robots.txt └── static │ ├── android-core │ ├── audio-selector.png │ └── video-selector.png │ ├── android-ui-kit │ ├── chat │ │ ├── chat-prebuilt-screen-messages.png │ │ └── chat-prebuilt-send-options.png │ ├── host-controls.png │ ├── participants-list.png │ ├── plugin-screen.png │ ├── plugins-list.png │ ├── polls │ │ ├── prebuilt-create-poll.png │ │ └── prebuilt-polls-screen.png │ ├── render-participant-videos │ │ ├── render-videos-custom-ui-impl.png │ │ ├── render-videos-dytegrid.png │ │ └── render-videos-example-ui-wireframe.png │ └── use-plugin.png │ ├── breakoutrooms │ ├── assign-manual.png │ ├── assign-participants.png │ ├── breakout-room1.png │ ├── create-br.png │ ├── edit-br.png │ ├── full-access.png │ ├── shuffle.png │ ├── switch-connected-meetings.png │ └── switch-parent-meeting.png │ ├── cli │ ├── cli-help.png │ ├── cli-meetings-create.png │ └── cli-meetings-info.png │ ├── dev-portal │ ├── api-key-dark.png │ ├── api-key-light.png │ ├── auth-header-dark.png │ ├── auth-header-light.png │ ├── create-preset-dark.png │ └── create-preset-light.png │ ├── errorcodes │ └── chat-perms.png │ ├── faq │ └── create-meeting.png │ ├── guides │ ├── add-preset-live-video.png │ ├── analytics.png │ ├── build-pre-call-ui │ │ ├── inside-meeting-sample-single-user.png │ │ ├── inside-meeting-sample-two-users.png │ │ ├── meeting-stage-components.png │ │ ├── pre-call-ui-setup-screen.png │ │ ├── preset-edit-your-name.png │ │ └── skeleton-page │ │ │ ├── meeting-over.png │ │ │ ├── meeting-precall.png │ │ │ └── meeting-stage.png │ ├── chat-build.png │ ├── chat-sdk-intro.png │ ├── chat-sdk.png │ ├── concept-meeting.png │ ├── create-live-video-apps1.png │ ├── dev-portal.png │ ├── dyte-arch.png │ ├── obs-example.jpeg │ ├── obs-example.png │ ├── opentok-arch.png │ ├── preset-editor-sample.png │ ├── recording-storage.png │ ├── screenshare-max.png │ ├── session-details.png │ ├── tar-format.png │ ├── twilio-arch.png │ └── virtual-background.png │ ├── home │ ├── api-keys.png │ ├── create-preset.png │ └── how-dyte-works-v2.png │ ├── ios │ ├── iOS_plugins.png │ ├── iOS_show_plugin.jpg │ ├── ios-setup.png │ ├── ios_active_HorizontalView.png │ ├── ios_create_polls.png │ ├── ios_participant-tile-avatar-view.png │ ├── ios_participant-tile-view.png │ ├── ios_settings.jpg │ ├── ios_settings_avatar.png │ ├── ios_show_polls.png │ ├── meeting-options.png │ ├── meeting-setup.png │ └── meeting.png │ ├── landing-page │ ├── api-ref-dark.png │ ├── api-ref-light.png │ ├── calendar.svg │ ├── chat.svg │ ├── customer.svg │ ├── grid-dark.svg │ ├── grid-light.svg │ ├── hero │ │ ├── chat-graphic-dark.png │ │ ├── chat-graphic.png │ │ ├── livestream-graphic-dark.png │ │ ├── livestream-graphic.png │ │ ├── video-graphic-dark.png │ │ ├── video-graphic.png │ │ ├── video.png │ │ ├── voice-graphic-dark.png │ │ └── voice-graphic.png │ ├── plugin-sdk-dark.png │ ├── plugin-sdk-light.png │ ├── resources │ │ └── active-session.png │ └── sdk-icons │ │ ├── angular.png │ │ ├── electron.png │ │ ├── flutter.png │ │ ├── html.png │ │ ├── js.png │ │ ├── kotlin.png │ │ ├── react.png │ │ ├── resources │ │ ├── book-open.svg │ │ ├── faq.svg │ │ ├── github.svg │ │ ├── mobile.svg │ │ ├── plugin.svg │ │ ├── video.svg │ │ └── web.svg │ │ ├── swift.png │ │ └── vue.png │ ├── livestream │ ├── Media.png │ ├── Misc.png │ ├── Plugins.png │ ├── Polls.png │ ├── chat.png │ ├── colors.png │ ├── createpreset.png │ ├── endlive.png │ ├── golive.png │ ├── host-control.png │ ├── ilslist.png │ ├── livestream.png │ ├── ls-share-screen.png │ ├── pluginlivestream.png │ ├── savepreset.png │ └── savepresetils.png │ ├── mobile │ ├── 0.x.x │ │ ├── flutter-advanced-features.png │ │ ├── flutter-chat.png │ │ ├── flutter-host-actions-ct.png │ │ ├── flutter-participant-list.png │ │ ├── flutter-participants-list-ct.png │ │ ├── flutter-poll-ct.png │ │ ├── flutter-setup-ct.png │ │ ├── flutter-setup-page.png │ │ ├── flutter-uikit-config.png │ │ ├── flutter-vc-ct.png │ │ ├── flutter-video-call.png │ │ ├── iOS-screen-share.png │ │ ├── ios-setup-0.png │ │ ├── ios-setup-01.png │ │ ├── ios-setup-03.png │ │ ├── ios-setup-1.png │ │ ├── ios-setup-app.png │ │ ├── ios-setup-demo.png │ │ ├── ios-setup-info.png │ │ ├── mobile-meeting-options.png │ │ ├── mobile-meeting-ui.png │ │ ├── mobile-meeting.png │ │ ├── mobile-opt1-meeting-options.png │ │ ├── mobile-opt1-meeting.png │ │ ├── mobile-opt1-setup.png │ │ ├── mobile-opt2-meeting-options.png │ │ ├── mobile-opt2-meeting.png │ │ ├── mobile-opt2-setup.png │ │ └── mobile-setup.png │ ├── build-pre-call-ui │ │ ├── inside-meeting-sample-single-user.png │ │ ├── inside-meeting-sample-two-users.png │ │ ├── meeting-stage-components.png │ │ ├── pre-call-ui-setup-screen.png │ │ ├── preset-edit-your-name.png │ │ └── skeleton-page │ │ │ ├── android-setup-custom-preview.png │ │ │ ├── android-setup-final-preview.png │ │ │ ├── meeting-over.png │ │ │ ├── meeting-precall.png │ │ │ └── meeting-stage.png │ └── flutter │ │ ├── audio-icon-widget.png │ │ ├── chat-icon-widget.png │ │ ├── chat-screen.png │ │ ├── flutter-join-button.png │ │ ├── flutter-leave-meeting-dialog.png │ │ ├── flutter-leave-meeting.png │ │ ├── flutter-meeting-title.png │ │ ├── flutter-participant-tile.png │ │ ├── flutter-self-audio-toggle.png │ │ ├── flutter-self-video-toggle.png │ │ ├── name-tag.png │ │ ├── participant-icon-widget.png │ │ └── participant-screen.png │ ├── plugin-sdk │ └── plugin-sdk-cover.png │ ├── preset │ ├── group-call.png │ ├── livestream.png │ └── savepreset.png │ ├── react │ ├── preset-edit-name.png │ ├── react-context-menu.png │ ├── react-control-bar.png │ └── ui-customizations │ │ ├── control-bar-elements.mp4 │ │ ├── control-bar.mp4 │ │ ├── header-elements.mp4 │ │ ├── header.mp4 │ │ ├── meeting-ui.png │ │ └── themes.mp4 │ ├── rn-ui-kit │ └── images │ │ ├── DyteAvatar.png │ │ ├── DyteButton-Example.png │ │ ├── DyteButton.png │ │ ├── DyteCameraToggle-Off.png │ │ ├── DyteCameraToggle-On.png │ │ ├── DyteChat.png │ │ ├── DyteChatToggle.png │ │ ├── DyteClock.png │ │ ├── DyteControlBarButton.png │ │ ├── DyteControlbar.png │ │ ├── DyteEndedScreen.png │ │ ├── DyteFileMessage.png │ │ ├── DyteGrid.png │ │ ├── DyteGridPagination.png │ │ ├── DyteHeader.png │ │ ├── DyteIcon.png │ │ ├── DyteIdleScreen.png │ │ ├── DyteImageMessage.png │ │ ├── DyteImageViewer-Chat.png │ │ ├── DyteImageViewer.png │ │ ├── DyteMicToggle-Off.png │ │ └── DyteMicToggle-On.png │ ├── sip │ ├── sip-devportal.png │ └── twilio.png │ ├── ui-kit │ └── 1.x.x │ │ ├── atomic-design.svg │ │ ├── components │ │ ├── dyte-audio-visualizer.svg │ │ ├── dyte-avatar.svg │ │ ├── dyte-button.svg │ │ ├── dyte-chat.svg │ │ ├── dyte-clock.svg │ │ ├── dyte-controlbar-button.svg │ │ ├── dyte-dialog.svg │ │ ├── dyte-emoji-picker.svg │ │ ├── dyte-ended-screen.svg │ │ ├── dyte-grid-pagination.svg │ │ ├── dyte-grid.svg │ │ ├── dyte-idle-screen.svg │ │ ├── dyte-image-viewer.svg │ │ ├── dyte-leave-meeting.svg │ │ ├── dyte-logo.svg │ │ ├── dyte-meeting-title.svg │ │ ├── dyte-meeting.svg │ │ ├── dyte-menu.svg │ │ ├── dyte-mixed-grid.svg │ │ ├── dyte-name-tag.svg │ │ ├── dyte-notification.svg │ │ ├── dyte-participant-count.svg │ │ ├── dyte-participant-tile.svg │ │ ├── dyte-participants-audio.svg │ │ ├── dyte-participants.svg │ │ ├── dyte-plugin-main.svg │ │ ├── dyte-plugins.svg │ │ ├── dyte-polls.svg │ │ ├── dyte-recording-indicator.svg │ │ ├── dyte-remote-access-manager.svg │ │ ├── dyte-screenshare-view.svg │ │ ├── dyte-settings.svg │ │ ├── dyte-setup-screen.svg │ │ ├── dyte-sidebar.svg │ │ ├── dyte-simple-grid.svg │ │ ├── dyte-spinner.svg │ │ ├── dyte-spotlight-grid.svg │ │ ├── dyte-switch.svg │ │ └── dyte-tooltip.svg │ │ ├── grid-comps.png │ │ └── ui-kit-cover.jpg │ ├── v2-API-migration │ ├── Preset1.png │ ├── Preset2.png │ └── v2_selector.png │ ├── video-conf │ └── savepreset.png │ ├── voice-conf │ └── savepreset.png │ └── webhook │ └── webhook_id.png ├── tailwind.config.cjs ├── tsconfig.json └── tsconfig.ui-kit.json /.env.example: -------------------------------------------------------------------------------- 1 | APPLICATION_ID= 2 | API_KEY= 3 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build 2 | node_modules 3 | *.cjs 4 | 5 | sidebars-*.js 6 | docusaurus.config.js 7 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "es2021": true 5 | }, 6 | "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"], 7 | "overrides": [], 8 | "parser": "@typescript-eslint/parser", 9 | "parserOptions": { 10 | "ecmaVersion": "latest", 11 | "sourceType": "module" 12 | }, 13 | "plugins": ["@typescript-eslint", "prettier"], 14 | "globals": { 15 | "process": true 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /.github/CODEOWNERS: -------------------------------------------------------------------------------- 1 | # Default owners of the repository 2 | * @dyte-in/docs 3 | 4 | # Owners for JS, JSX, TS, and TSX files 5 | *.js @dyte-in/web 6 | *.jsx @dyte-in/web 7 | *.ts @dyte-in/web 8 | *.tsx @dyte-in/web 9 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: Question 4 | url: mailto:support@dyte.io 5 | about: Please ask and answer questions on our support email. 6 | -------------------------------------------------------------------------------- /.github/workflows/lint.yml: -------------------------------------------------------------------------------- 1 | name: Check for lint errors 2 | 3 | on: 4 | pull_request: 5 | branches: 6 | - '**' 7 | 8 | jobs: 9 | lint: 10 | runs-on: ubuntu-latest 11 | steps: 12 | - uses: actions/checkout@v2 13 | - uses: actions/setup-node@v2 14 | with: 15 | node-version: 16 16 | registry-url: https://registry.npmjs.org/ 17 | 18 | - name: npm install, lint 19 | run: | 20 | npm install 21 | npm run lint 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | /node_modules 3 | 4 | # Production 5 | /build 6 | .env 7 | 8 | # Generated files 9 | .docusaurus 10 | .cache-loader 11 | 12 | # Misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # autogenerated files 2 | docs/*ui-kit/reference/**/*.md 3 | *.min.css 4 | 5 | LICENSE 6 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["esbenp.prettier-vscode", "unifiedjs.vscode-mdx"] 3 | } 4 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "emmet.includeLanguages": { 3 | "mdx": "javascriptreact" 4 | }, 5 | "editor.defaultFormatter": "esbenp.prettier-vscode", 6 | "editor.tabSize": 2, 7 | "editor.formatOnSave": false 8 | } 9 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | All Dyte repos are governed by our Community Participation Guidelines, available at: https://dyte.notion.site/dyte/Dyte-Community-Participation-Guidelines-CPG-4b3af58fdf3545c2a3065773a9154728 4 | -------------------------------------------------------------------------------- /amplify.yml: -------------------------------------------------------------------------------- 1 | version: 1 2 | frontend: 3 | phases: 4 | preBuild: 5 | commands: 6 | - npm ci 7 | build: 8 | commands: 9 | - npm run build 10 | artifacts: 11 | baseDirectory: /build 12 | files: 13 | - '**/*' 14 | cache: 15 | paths: 16 | - node_modules/**/* 17 | -------------------------------------------------------------------------------- /bin/crawl.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | docker run --env-file=.env -e "CONFIG=$(cat docsearch.config.json | jq -r tostring)" algolia/docsearch-scraper 4 | -------------------------------------------------------------------------------- /bin/ui-kit/clear-components.sh: -------------------------------------------------------------------------------- 1 | rm docs/react-ui-kit/components/dyte-* 2 | rm docs/ui-kit/components/dyte-* 3 | rm docs/angular-ui-kit/components/dyte-* 4 | -------------------------------------------------------------------------------- /bin/ui-kit/utils.cjs: -------------------------------------------------------------------------------- 1 | const fs = require('fs'); 2 | const prettier = require('prettier'); 3 | const { prettier: prettierConfig } = require('../../package.json'); 4 | 5 | /** 6 | * Writes to a file after text is formatted as MDX 7 | * @param {string} path 8 | * @returns 9 | */ 10 | function writeMDXFile(path, text) { 11 | return fs.writeFileSync( 12 | path, 13 | prettier.format(text, { ...prettierConfig, parser: 'mdx' }), 14 | ); 15 | } 16 | 17 | module.exports = { writeMDXFile }; 18 | -------------------------------------------------------------------------------- /bin/update-docs: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | GH_TOKEN=$NPM_TOKEN ./bin/auto_update_docs.py -r web-core -d docs/web-core 4 | # GH_TOKEN=$NPM_TOKEN ./bin/auto_update_docs.py -r web-core -d docs/react-web-core 5 | # GH_TOKEN=$NPM_TOKEN ./bin/auto_update_docs.py -r web-core -d docs/react-native-core 6 | -------------------------------------------------------------------------------- /cspell.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.2", 3 | "language": "en-US", 4 | "words": [ 5 | "dyte", 6 | "webrtc", 7 | "proguard", 8 | "dytesdk", 9 | "Mbps", 10 | "livestream", 11 | "livestreaming", 12 | "controlbar", 13 | "prefs", 14 | "Screenshare", 15 | "quickstart", 16 | "ktor", 17 | "kotlinx", 18 | "waitlist", 19 | "webm", 20 | "releasenotes", 21 | "waitlisted", 22 | "htmlui" 23 | ] 24 | } 25 | -------------------------------------------------------------------------------- /docs/android-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/livestream/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Livestream", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Local User", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/android-core/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - android-core 7 | - releasenotes 8 | --- 9 | 10 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 11 | 12 | 13 | 14 | 15 | Android Core Release Notes 16 | 17 | -------------------------------------------------------------------------------- /docs/android-core/stage-management/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Stage Management", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android-core/upgrade-v2/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "2.x Upgrade Guide", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/build-pre-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Pre-call preview UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/build-pre-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Components", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/components/dyte-chat.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-chat.svg 3 | description: >- 4 | Learn how to use and customize the DyteChat component in Dyte's Android with 5 | our detailed documentation. 6 | --- 7 | 8 | # DyteChat 9 | 10 | Fully featured chat screen with image & file upload and auto-scroll. 11 | 12 | ```kotlin 13 | val dyteChatBottomSheet = DyteChatBottomSheet() 14 | dyteChatBottomSheet.show( 15 | fragmentManager, 16 | "SOME_TAG_HERE" 17 | ) 18 | ``` 19 | 20 | 21 | Android DyteChat 22 | 23 | -------------------------------------------------------------------------------- /docs/android/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/android/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | 12 | 13 | 14 | Android Release Notes 15 | 16 | -------------------------------------------------------------------------------- /docs/android/render-participant-videos/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Render participant videos", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/basics/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Components", 4 | "collapsible": true, 5 | "collapsed": false 6 | } 7 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-audio-visualizer.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-audio-visualizer.svg 3 | description: >- 4 | Learn how to use and customize the dyte-audio-visualizer component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-audio-visualizer 9 | 10 | An audio visualizer component which visualizes a participants audio. 11 | 12 | Commonly used inside `dyte-name-tag`. 13 | 14 | ## Props 15 | 16 | 17 | 18 | 19 | Angular UI Kit dyte-audio-visualizer 20 | 21 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-avatar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-avatar.svg 3 | description: >- 4 | Learn how to use and customize the dyte-avatar component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-avatar 9 | 10 | Avatar component which renders a participant's image or their initials. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-avatar 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-button.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-button.svg 3 | description: >- 4 | Learn how to use and customize the dyte-button component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-button 9 | 10 | A button that follows Dyte's Design System. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-button 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-camera-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-camera-toggle component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-camera-toggle 8 | 9 | A button which toggles your camera. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-camera-toggle 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-chat.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-chat.svg 3 | description: >- 4 | Learn how to use and customize the dyte-chat component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-chat 9 | 10 | Fully featured chat component with image & file upload, emoji picker and auto-scroll. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-chat 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-clock.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-clock.svg 3 | description: >- 4 | Learn how to use and customize the dyte-clock component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-clock 9 | 10 | ## Props 11 | 12 | 13 | 14 | 15 | Angular UI Kit dyte-clock 16 | 17 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-confirmation-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-confirmation-modal component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-confirmation-modal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-confirmation-modal 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-controlbar-button.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-controlbar-button.svg 3 | description: >- 4 | Learn how to use and customize the dyte-controlbar-button component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-controlbar-button 9 | 10 | A skeleton component used for composing buttons. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-controlbar-button 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-controlbar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-controlbar component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-controlbar 8 | 9 | Controlbar component provides you with various designs as variants. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-controlbar 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-dialog.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-dialog.svg 3 | description: >- 4 | Learn how to use and customize the dyte-dialog component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-dialog 9 | 10 | A dialog component. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-dialog 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-emoji-picker.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-emoji-picker.svg 3 | description: >- 4 | Learn how to use and customize the dyte-emoji-picker component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-emoji-picker 9 | 10 | A very simple emoji picker component. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-emoji-picker 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-ended-screen.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-ended-screen.svg 3 | description: >- 4 | Learn how to use and customize the dyte-ended-screen component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-ended-screen 9 | 10 | A screen which shows a meeting has ended. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-ended-screen 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-file-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-file-message component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-file-message 8 | 9 | A component which renders a file message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-file-message 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-fullscreen-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-fullscreen-toggle component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-fullscreen-toggle 8 | 9 | A button which toggles full screen mode for any 10 | existing `dyte-meeting` component in the DOM. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-fullscreen-toggle 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-grid.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-grid.svg 3 | description: >- 4 | Learn how to use and customize the dyte-grid component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-grid 9 | 10 | The main grid component which abstracts all the grid handling logic and renders it for you. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-grid 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-header.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-header component in Dyte's Angular UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-header 8 | 9 | A component that houses all the header components. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-header 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-icon.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-icon component in Dyte's Angular UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-icon 8 | 9 | An icon component which accepts an svg string and renders it. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-icon 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-idle-screen.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-idle-screen.svg 3 | description: >- 4 | Learn how to use and customize the dyte-idle-screen component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-idle-screen 9 | 10 | A screen that handles the idle state, 11 | i.e; when you are waiting for data about the meeting, specifically the `meeting` object. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-idle-screen 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-image-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-image-message component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-image-message 8 | 9 | A component which renders an image message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-image-message 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-image-viewer.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-image-viewer.svg 3 | description: >- 4 | Learn how to use and customize the dyte-image-viewer component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-image-viewer 9 | 10 | A component which shows an image sent via chat. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-image-viewer 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-leave-button.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-leave-button component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-leave-button 8 | 9 | A button which toggles visilibility of the leave confirmation dialog. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-leave-button 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-leave-meeting.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-leave-meeting.svg 3 | description: >- 4 | Learn how to use and customize the dyte-leave-meeting component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-leave-meeting 9 | 10 | A component which allows you to leave a meeting or 11 | end meeting for all, if you have the permission. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-leave-meeting 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-logo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-logo.svg 3 | description: >- 4 | Learn how to use and customize the dyte-logo component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-logo 9 | 10 | A component which loads the logo from your config, or via the `logo-url` attribute. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-logo 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-meeting-title.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-meeting-title.svg 3 | description: >- 4 | Learn how to use and customize the dyte-meeting-title component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-meeting-title 9 | 10 | A component which displays the title of the meeting. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-meeting-title 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-menu-item.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-menu-item component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-menu-item 8 | 9 | A menu item component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-menu-item 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-menu-list.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-menu-list component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-menu-list 8 | 9 | A menu list component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-menu-list 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-menu.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-menu.svg 3 | description: >- 4 | Learn how to use and customize the dyte-menu component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-menu 9 | 10 | A menu component. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-menu 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-mic-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-mic-toggle component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-mic-toggle 8 | 9 | A button which toggles your microphone. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-mic-toggle 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-mixed-grid.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-mixed-grid.svg 3 | description: >- 4 | Learn how to use and customize the dyte-mixed-grid component in Dyte's Angular 5 | UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-mixed-grid 9 | 10 | A grid component which handles screenshares, plugins and participants. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-mixed-grid 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-more-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-more-toggle component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-more-toggle 8 | 9 | A button which toggles visibility of a more menu. 10 | 11 | When clicked it emits a `dyteStateUpdate` event with the data: 12 | 13 | ```ts 14 | { 15 | activeMoreMenu: boolean; 16 | } 17 | ``` 18 | 19 | ## Props 20 | 21 | 22 | 23 | 24 | Angular UI Kit dyte-more-toggle 25 | 26 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-name-tag.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-name-tag.svg 3 | description: >- 4 | Learn how to use and customize the dyte-name-tag component in Dyte's Angular 5 | UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-name-tag 9 | 10 | A component which shows a participant's name. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-name-tag 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-notification.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-notification.svg 3 | description: >- 4 | Learn how to use and customize the dyte-notification component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-notification 9 | 10 | A component which shows a notification. 11 | 12 | You need to remove the element after you receive the 13 | `dyteNotificationDismiss` event. 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | Angular UI Kit dyte-notification 21 | 22 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-overlay-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-overlay-modal component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-overlay-modal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-overlay-modal 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-participant-count.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-participant-count.svg 3 | description: >- 4 | Learn how to use and customize the dyte-participant-count component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-participant-count 9 | 10 | A component which shows count of total joined participants in a meeting. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-participant-count 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-participant.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-participant component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-participant 8 | 9 | A participant entry component used inside `dyte-participants` which shows data like: 10 | name, picture and media device status. 11 | 12 | You can perform privileged actions on the participant too. 13 | 14 | ## Props 15 | 16 | 17 | 18 | 19 | Angular UI Kit dyte-participant 20 | 21 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-participants-audio.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-participants-audio.svg 3 | description: >- 4 | Learn how to use and customize the dyte-participants-audio component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-participants-audio 9 | 10 | A component which plays all the audio from participants and screenshares. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-participants-audio 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-participants-stage-list.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-participants-stage-list component in 4 | Dyte's Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-participants-stage-list 8 | 9 | A component which lists all participants, with ability to 10 | run privileged actions on each participant according to your permissions. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-participants-stage-list 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-participants.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-participants.svg 3 | description: >- 4 | Learn how to use and customize the dyte-participants component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-participants 9 | 10 | A component which lists all participants, with ability to 11 | run privileged actions on each participant according to your permissions. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-participants 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-permissions-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-permissions-message component in 4 | Dyte's Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-permissions-message 8 | 9 | A component which shows permission related troubleshooting 10 | information. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-permissions-message 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-plugin-main.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-plugin-main.svg 3 | description: >- 4 | Learn how to use and customize the dyte-plugin-main component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-plugin-main 9 | 10 | A component which loads a plugin. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-plugin-main 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-plugins.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-plugins.svg 3 | description: >- 4 | Learn how to use and customize the dyte-plugins component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-plugins 9 | 10 | A component which lists all available plugins from their preset, 11 | and ability to enable or disable plugins. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-plugins 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-poll-form.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-poll-form component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-poll-form 8 | 9 | A component that lets you create a poll. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-poll-form 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-poll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-poll component in Dyte's Angular UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-poll 8 | 9 | A poll component. 10 | 11 | Shows a poll where a user can vote. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-poll 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-polls.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-polls.svg 3 | description: >- 4 | Learn how to use and customize the dyte-polls component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-polls 9 | 10 | A component which lists all available plugins a user can access with 11 | the ability to enable or disable them as per their permissions. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-polls 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-remote-access-manager.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-remote-access-manager.svg 3 | description: >- 4 | Learn how to use and customize the dyte-remote-access-manager component in 5 | Dyte's Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-remote-access-manager 9 | 10 | A component which lets a user manage remote access requests for their screen. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-remote-access-manager 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-screen-share-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-screen-share-toggle component in 4 | Dyte's Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-screen-share-toggle 8 | 9 | A button which toggles your screenshare. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-screen-share-toggle 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-settings-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-settings-toggle component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-settings-toggle 8 | 9 | A button which toggles visibility of chat. 10 | 11 | When clicked it emits a `dyteStateUpdate` event with the data: 12 | 13 | ```ts 14 | { 15 | activeSettings: boolean; 16 | } 17 | ``` 18 | 19 | ## Props 20 | 21 | 22 | 23 | 24 | Angular UI Kit dyte-settings-toggle 25 | 26 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-settings.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-settings.svg 3 | description: >- 4 | Learn how to use and customize the dyte-settings component in Dyte's Angular 5 | UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-settings 9 | 10 | A settings component to see and change your audio/video devices 11 | as well as see your connection quality. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-settings 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-setup-screen.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-setup-screen.svg 3 | description: >- 4 | Learn how to use and customize the dyte-setup-screen component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-setup-screen 9 | 10 | A screen shown before joining the meeting, where you can edit your display name, 11 | and media settings. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-setup-screen 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-sidebar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-sidebar.svg 3 | description: >- 4 | Learn how to use and customize the dyte-sidebar component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-sidebar 9 | 10 | A component which handles the sidebar and 11 | you can customize which sections you want, and which section you want as the default. 12 | 13 | ## Props 14 | 15 | 16 | 17 | 18 | Angular UI Kit dyte-sidebar 19 | 20 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-simple-grid.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-simple-grid.svg 3 | description: >- 4 | Learn how to use and customize the dyte-simple-grid component in Dyte's 5 | Angular UI Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-simple-grid 9 | 10 | A grid component which renders only the participants in a simple grid. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-simple-grid 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-spinner.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-spinner.svg 3 | description: >- 4 | Learn how to use and customize the dyte-spinner component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-spinner 9 | 10 | A component which shows an animating spinner. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-spinner 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-stage.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-stage component in Dyte's Angular UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-stage 8 | 9 | A component used as a stage that commonly houses 10 | the `grid` and `sidebar` components. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-stage 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-switch.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-switch.svg 3 | description: >- 4 | Learn how to use and customize the dyte-switch component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-switch 9 | 10 | A switch component which follows Dyte's Design System. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-switch 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-text-field.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-text-field component in Dyte's Angular 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-text-field 8 | 9 | A text field component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-text-field 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-text-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-text-message component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-text-message 8 | 9 | A component which renders a text message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-text-message 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-tooltip.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-tooltip.svg 3 | description: >- 4 | Learn how to use and customize the dyte-tooltip component in Dyte's Angular UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # dyte-tooltip 9 | 10 | Tooltip component which follows Dyte's Design System. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | Angular UI Kit dyte-tooltip 18 | 19 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/components/dyte-viewer-count.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-viewer-count component in Dyte's 4 | Angular UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-viewer-count 8 | 9 | A component which shows count of total joined participants in a meeting. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | Angular UI Kit dyte-viewer-count 17 | 18 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/customizations/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Customizations", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/angular-ui-kit/reference/interfaces/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Interfaces", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/community-packages/device-emulator/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Device Emulator", 4 | "collapsible": true, 5 | "collapsed": true 6 | } 7 | -------------------------------------------------------------------------------- /docs/community-packages/socketio-client/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "SocketIO Client", 4 | "collapsible": true, 5 | "collapsed": true 6 | } 7 | -------------------------------------------------------------------------------- /docs/flutter-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/flutter-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Local User", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/flutter-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/flutter-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/flutter-core/pre-call/3-meeting-meta.mdx: -------------------------------------------------------------------------------- 1 | # Meeting Metadata 2 | 3 | ### Change the name of the user 4 | 5 | You can allow the user to edit their name by using the `setDisplayName` method. 6 | 7 | ```dart 8 | dyteMobileClient.localUser.setDisplayName("New Name") 9 | ``` 10 | 11 | **Note**: The name change will only be reflected to other participants if this method is called before joining the room. 12 | -------------------------------------------------------------------------------- /docs/flutter-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/flutter-core/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - mobile-core 7 | - releasenotes 8 | --- 9 | 10 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 11 | 12 | 13 | 14 | 15 | Flutter Core Release Notes 16 | 17 | -------------------------------------------------------------------------------- /docs/flutter-core/stage-management/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Stage Management", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/flutter/Components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Components", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/flutter/Components/dyte-plugins-screen.mdx: -------------------------------------------------------------------------------- 1 | # DytePluginsScreen 2 | 3 | A widget that provides a well-built plugins screen using molecular components. This widget integrates with the Dyte UI Kit and return our plugins page as a widget. 4 | 5 | :::info 6 | 7 | [`DyteProvider`](./dyte-provider.mdx) needs to be added above `DytePluginsScreen` which will manage dyte client object for polls screen by itself. 8 | 9 | ::: 10 | 11 | ## Usage 12 | 13 | ```dart 14 | DytePluginsScreen() 15 | ``` 16 | -------------------------------------------------------------------------------- /docs/flutter/Components/dyte-polls-screen.mdx: -------------------------------------------------------------------------------- 1 | # DytePollsScreen 2 | 3 | A widget that provides a well-built polls screen using molecular components. This widget integrates with the Dyte UI Kit and return our polls page as a widget. 4 | 5 | :::info 6 | 7 | [`DyteProvider`](./dyte-provider.mdx) needs to be added above `DytePollsScreen` which will manage dyte client object for polls screen by itself. 8 | 9 | ::: 10 | 11 | ## Usage 12 | 13 | ```dart 14 | DytePollsScreen(); 15 | ``` 16 | -------------------------------------------------------------------------------- /docs/flutter/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | 12 | 13 | 14 | Flutter Release Notes 15 | 16 | -------------------------------------------------------------------------------- /docs/guides/capabilities/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Capabilities", 4 | "collapsible": true, 5 | "className": "releaseSidebarHeading" 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/capabilities/ai/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "AI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/audio/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Audio & Transcriptions", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/breakoutroom/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Breakout Rooms", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/misc/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Misc", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/recording/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Recording", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/recording/advanced/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 12, 3 | "label": "Advanced", 4 | "collapsible": true, 5 | "collapsed": true 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/capabilities/screensharing/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Screen Sharing" 4 | } 5 | -------------------------------------------------------------------------------- /docs/guides/capabilities/video/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Video", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/webhooks/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Webhooks", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/capabilities/webinar/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Webinar", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/interactive-onboarding/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "📟 Interactive Tour", 4 | "collapsible": true, 5 | "className": "releaseSidebarHeading" 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/interactive-onboarding/add-participant.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Add Participant 3 | sidebar_position: 2 4 | sidebar_class_name: interactive-tour add-participant 5 | --- 6 | 7 | import { InteractiveTour } from '@site/src/components/InteractiveTour'; 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /docs/guides/interactive-onboarding/create-meeting.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Create Meeting 3 | sidebar_position: 1 4 | sidebar_class_name: interactive-tour create-meeting 5 | --- 6 | 7 | import { InteractiveTour } from '@site/src/components/InteractiveTour/index'; 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /docs/guides/interactive-onboarding/init-sdk.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Init SDK 3 | sidebar_position: 3 4 | sidebar_class_name: interactive-tour init-sdk 5 | --- 6 | 7 | import { InteractiveTour } from '@site/src/components/InteractiveTour'; 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /docs/guides/interactive-onboarding/join-meeting.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Join Meeting 3 | sidebar_position: 4 4 | sidebar_class_name: interactive-tour init-sdk 5 | --- 6 | 7 | import { InteractiveTour } from '@site/src/components/InteractiveTour'; 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /docs/guides/live-video/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Live Video", 4 | "collapsible": true, 5 | "className": "video_sidebar_header" 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/live-video/client-setup/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Client Setup", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/live-video/client-setup/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Client Setup 3 | --- 4 | 5 | import ClientSetup from '/docs/partials/_client-setup-index.mdx'; 6 | 7 | 8 | 9 | 10 | Client Setup Guide 11 | 15 | 16 | -------------------------------------------------------------------------------- /docs/guides/live-video/get-started.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Get your keys 3 | slug: /live-video/get-started 4 | sidebar_position: 2 5 | --- 6 | 7 | To get started with creating live video calls from Dyte, make sure to finish these steps and then move on to integrating Dyte in your application. 8 | 9 | import Setup from '/docs/partials/_setup.mdx'; 10 | 11 | 12 | 13 | 14 | Setup Guide 15 | 16 | 17 | -------------------------------------------------------------------------------- /docs/guides/livestream/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Interactive Livestream", 4 | "collapsible": true, 5 | "className": "ils_sidebar_header" 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/livestream/advanced/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Advanced", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/livestream/client-setup/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Client Setup", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/livestream/client-setup/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Client Setup 3 | --- 4 | 5 | import ClientSetup from '/docs/partials/_client-setup-index.mdx'; 6 | 7 | 8 | 9 | 10 | Client Setup Guide 11 | 15 | 16 | -------------------------------------------------------------------------------- /docs/guides/livestream/get-started.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Setup 3 | sidebar_position: 3 4 | --- 5 | 6 | To get started with creating live video calls from Dyte, make sure to finish these steps and then move on to integrating Dyte in your application. 7 | 8 | import Setup from '/docs/partials/_setup.mdx'; 9 | 10 | 11 | 12 | 13 | Setup Guide 14 | 15 | -------------------------------------------------------------------------------- /docs/guides/migration/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Migrate from Twilio/Vonage", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/migration/opentok/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Migrate from Vonage/OpenTok", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/migration/twilio/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Migrate from Twilio", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/migration/twilio/shim-library/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Shim Library", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/rest-apis/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "REST APIs", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Voice Conferencing", 4 | "collapsible": true, 5 | "className": "audio_sidebar_header" 6 | } 7 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Client Setup", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/android.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Android 3 | pagination_prev: null 4 | pagination_next: voice-conf/next-steps 5 | sidebar_position: 4 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_android-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | Android Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/angular.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Angular 3 | sidebar_position: 2 4 | pagination_prev: null 5 | pagination_next: voice-conf/next-steps 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_angular-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | Angular Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/flutter.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Flutter 3 | sidebar_position: 6 4 | pagination_prev: null 5 | pagination_next: voice-conf/next-steps 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_flutter-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | Flutter Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Client Setup 3 | --- 4 | 5 | import ClientSetup from '/docs/partials/_client-setup-index.mdx'; 6 | 7 | 8 | 9 | 10 | Client Setup Guide 11 | 15 | 16 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/ios.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: iOS 3 | sidebar_position: 5 4 | pagination_prev: null 5 | pagination_next: voice-conf/next-steps 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_ios-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | iOS Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/javascript.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Web (Other) 3 | sidebar_position: 3 4 | pagination_prev: null 5 | pagination_next: voice-conf/next-steps 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_html-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | Javascript Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/client-setup/react.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: React 3 | sidebar_position: 1 4 | pagination_prev: null 5 | pagination_next: voice-conf/next-steps 6 | --- 7 | 8 | import Quickstart from '/docs/partials/_react-quickstart.mdx'; 9 | 10 | 11 | 12 | 13 | React Guide 14 | 18 | 19 | -------------------------------------------------------------------------------- /docs/guides/voice-conf/get-started.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Setup 3 | sidebar_position: 2 4 | --- 5 | 6 | To get started with creating live video calls from Dyte, make sure to finish these steps and then move on to integrating Dyte in your application. 7 | 8 | import Setup from '/docs/partials/_setup.mdx'; 9 | 10 | 11 | 12 | 13 | Setup Guide 14 | 15 | 16 | -------------------------------------------------------------------------------- /docs/ios-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Local User", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/pre-call/3-meeting-meta.mdx: -------------------------------------------------------------------------------- 1 | # Meeting Metadata 2 | 3 | ### Change the name of the user 4 | 5 | You can allow the user to edit their name by using the `setDisplayName` method. 6 | 7 | ```swift 8 | meeting.localUser.setDisplayName("New Name") 9 | ``` 10 | 11 | **Note**: The name change will only be reflected to other participants if this method is called before joining the room. 12 | -------------------------------------------------------------------------------- /docs/ios-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/ios-core/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - ios-core 7 | - releasenotes 8 | --- 9 | 10 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 11 | 12 | The release notes lists all new features, resolved issues, and known issues of iOS Core in chronological order. 13 | 14 | 15 | 16 | 17 | iOS Core Release Notes 18 | 19 | -------------------------------------------------------------------------------- /docs/ios-core/stage-management/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Stage Management", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios-core/upgrade-v2/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "2.x Upgrade Guide", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/Pre-Built-Plugins_Guides/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/Pre-Built-Polls_Guides/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 11, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/Pre-Built-Settings_Guides/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Settings", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/build-pre-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Pre-call preview UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/build-pre-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 11, 3 | "label": "Components", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/components/dyte-grid-pagination.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-grid-pagination.svg 3 | description: >- 4 | Learn how to use and customize the DyteMeetingHeaderView component in 5 | Dyte's iOS UiKit with our detailed documentation. 6 | --- 7 | 8 | # DyteMeetingHeaderView 9 | 10 | A component which allows you to change current page and view mode of active 11 | participants list. 12 | 13 | ```swift 14 | let topbar = DyteMeetingHeaderView(meeting: meeting) 15 | ``` 16 | 17 | 18 | iOS DyteMeetingHeaderView 19 | 20 | -------------------------------------------------------------------------------- /docs/ios/helper-classes/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 11, 3 | "label": "Helper-Classes", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ios/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | 12 | 13 | 14 | iOS Release Notes 15 | 16 | -------------------------------------------------------------------------------- /docs/ios/rendering-participant-video/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Rendering participant video", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/partials/_theme-aware-img.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dyte-io/docs/0c38df298ad7a22be31183f7599a11b39945ede0/docs/partials/_theme-aware-img.mdx -------------------------------------------------------------------------------- /docs/plugin-sdk/guides/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Guides", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/setup/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Getting Started", 3 | "position": 4, 4 | "collapsed": false 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Usage", 3 | "position": 5, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/acl-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Access Control and Management", 3 | "position": 7, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/annotations-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Annotations Toolkit", 3 | "position": 6, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/basic/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Basics", 3 | "position": 2, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/cursor-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Live Cursor & Cursror Sync", 3 | "position": 5, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/rooms-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Meeting APIs", 3 | "position": 3, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/stores-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Realtime Data Stores", 3 | "position": 4, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/plugin-sdk/usage/streams-api/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Media Stream APIs", 3 | "position": 8, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-native/reference/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Reference", 3 | "position": 8, 4 | "collapsed": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-native/sample-app.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 7 3 | --- 4 | 5 | # Sample app 6 | 7 | You can check out an example of this integration by cloning our 8 | [React Native example repo](https://github.com/dyte-io/react-native-sample-app). 9 | -------------------------------------------------------------------------------- /docs/react-ui-kit/build-in-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "In-call UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/build-in-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/build-pre-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Pre-call preview UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/build-pre-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Components", 4 | "collapsible": true, 5 | "collapsed": false 6 | } 7 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-clock.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-clock.svg 3 | description: >- 4 | Learn how to use and customize the DyteClock component in Dyte's React UI Kit 5 | with our detailed documentation. 6 | --- 7 | 8 | # DyteClock 9 | 10 | ```jsx live 11 | 12 | ``` 13 | 14 | ## Props 15 | 16 | 17 | 18 | 19 | React UI Kit DyteClock 20 | 21 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-confirmation-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteConfirmationModal component in Dyte's 4 | React UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteConfirmationModal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteConfirmationModal 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-controlbar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteControlbar component in Dyte's React UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteControlbar 8 | 9 | Controlbar component provides you with various designs as variants. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteControlbar 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-file-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteFileMessage component in Dyte's React 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteFileMessage 8 | 9 | A component which renders a file message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteFileMessage 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-grid.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-grid.svg 3 | description: >- 4 | Learn how to use and customize the DyteGrid component in Dyte's React UI Kit 5 | with our detailed documentation. 6 | --- 7 | 8 | # DyteGrid 9 | 10 | The main grid component which abstracts all the grid handling logic and renders it for you. 11 | 12 | ```jsx live 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DyteGrid 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-header.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteHeader component in Dyte's React UI Kit 4 | with our detailed documentation. 5 | --- 6 | 7 | # DyteHeader 8 | 9 | A component that houses all the header components. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteHeader 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-icon.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteIcon component in Dyte's React UI Kit 4 | with our detailed documentation. 5 | --- 6 | 7 | # DyteIcon 8 | 9 | An icon component which accepts an svg string and renders it. 10 | 11 | ```jsx live 12 | 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React UI Kit DyteIcon 21 | 22 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-image-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteImageMessage component in Dyte's React 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteImageMessage 8 | 9 | A component which renders an image message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteImageMessage 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-logo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-logo.svg 3 | description: >- 4 | Learn how to use and customize the DyteLogo component in Dyte's React UI Kit 5 | with our detailed documentation. 6 | --- 7 | 8 | # DyteLogo 9 | 10 | A component which loads the logo from your config, or via the `logo-url` attribute. 11 | 12 | ```jsx live 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DyteLogo 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-meeting-title.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-meeting-title.svg 3 | description: >- 4 | Learn how to use and customize the DyteMeetingTitle component in Dyte's React 5 | UI Kit with our detailed documentation. 6 | --- 7 | 8 | # DyteMeetingTitle 9 | 10 | A component which displays the title of the meeting. 11 | 12 | ```jsx live 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DyteMeetingTitle 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-overlay-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteOverlayModal component in Dyte's React 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteOverlayModal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteOverlayModal 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-participants-stage-list.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteParticipantsStageList component in 4 | Dyte's React UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteParticipantsStageList 8 | 9 | A component which lists all participants, with ability to 10 | run privileged actions on each participant according to your permissions. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | React UI Kit DyteParticipantsStageList 18 | 19 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-permissions-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DytePermissionsMessage component in Dyte's 4 | React UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DytePermissionsMessage 8 | 9 | A component which shows permission related troubleshooting 10 | information. 11 | 12 | ```jsx live 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DytePermissionsMessage 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-plugin-main.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-plugin-main.svg 3 | description: >- 4 | Learn how to use and customize the DytePluginMain component in Dyte's React UI 5 | Kit with our detailed documentation. 6 | --- 7 | 8 | # DytePluginMain 9 | 10 | A component which loads a plugin. 11 | 12 | ```jsx live 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DytePluginMain 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-poll-form.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DytePollForm component in Dyte's React UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # DytePollForm 8 | 9 | A component that lets you create a poll. 10 | 11 | ```jsx live 12 | console.log('create poll', e.detail)} /> 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React UI Kit DytePollForm 21 | 22 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-stage.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteStage component in Dyte's React UI Kit 4 | with our detailed documentation. 5 | --- 6 | 7 | # DyteStage 8 | 9 | A component used as a stage that commonly houses 10 | the `grid` and `sidebar` components. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | React UI Kit DyteStage 18 | 19 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-switch.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-switch.svg 3 | description: >- 4 | Learn how to use and customize the DyteSwitch component in Dyte's React UI Kit 5 | with our detailed documentation. 6 | --- 7 | 8 | # DyteSwitch 9 | 10 | A switch component which follows Dyte's Design System. 11 | 12 | ```jsx live 13 | alert('New switch value:', e.detail)} /> 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React UI Kit DyteSwitch 22 | 23 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-text-field.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteTextField component in Dyte's React UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteTextField 8 | 9 | A text field component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteTextField 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-text-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteTextMessage component in Dyte's React 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteTextMessage 8 | 9 | A component which renders a text message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React UI Kit DyteTextMessage 17 | 18 | -------------------------------------------------------------------------------- /docs/react-ui-kit/components/dyte-viewer-count.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteViewerCount component in Dyte's React 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteViewerCount 8 | 9 | A component which shows count of total joined participants in a meeting. 10 | 11 | ```jsx live 12 | 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React UI Kit DyteViewerCount 21 | 22 | -------------------------------------------------------------------------------- /docs/react-ui-kit/customizations/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Customizations", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/reference/interfaces/PollObject.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: PollObject 3 | title: 'Interface: PollObject' 4 | custom_edit_url: null 5 | --- 6 | 7 | ## Properties 8 | 9 | ### anonymous 10 | 11 | • **anonymous**: `boolean` 12 | 13 | ___ 14 | 15 | ### hideVotes 16 | 17 | • **hideVotes**: `boolean` 18 | 19 | ___ 20 | 21 | ### options 22 | 23 | • **options**: `string`[] 24 | 25 | ___ 26 | 27 | ### question 28 | 29 | • **question**: `string` 30 | 31 | 32 | 33 | React UI Kit Interface: PollObject 34 | 35 | -------------------------------------------------------------------------------- /docs/react-ui-kit/reference/interfaces/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Interfaces", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-ui-kit/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | The release notes lists all new features, resolved issues, and known issues of React UI Kit in chronological order. 12 | 13 | 14 | 15 | 16 | React UI Kit Release Notes 17 | 18 | -------------------------------------------------------------------------------- /docs/react-web-core/advanced/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Initialization", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/error-codes/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 99, 3 | "label": "System Error Codes", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/error-codes/error-code-zero-ten.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: System Error Codes (0-20) 3 | sidebar_position: 2 4 | --- 5 | 6 | This topic describes react web core system error codes 0-20. 7 | 8 | import ErrorCodesDetails from '@site/docs/partials/error-codes/_web_core_error_codes_details.mdx'; 9 | 10 | 11 | 12 | 13 | React Web Core System Error Codes (0-20) 14 | 15 | -------------------------------------------------------------------------------- /docs/react-web-core/error-codes/error-code.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Debug System Error Codes 3 | sidebar_position: 1 4 | --- 5 | 6 | import ErrorCodeDebugSystem from '@site/docs/partials/error-codes/_web_core_debug_system_error_codes.mdx'; 7 | 8 | 9 | 10 | 11 | React Web Core Debug System Error Codes 12 | 13 | -------------------------------------------------------------------------------- /docs/react-web-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Local User", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/react-web-core/pre-call/4-meeting-meta.mdx: -------------------------------------------------------------------------------- 1 | # Meeting Metadata 2 | 3 | ### Change the name of the user 4 | 5 | Allow the user to edit their name by calling `setName` method. 6 | 7 | ```ts 8 | await meeting.self.setName('New Name'); 9 | ``` 10 | 11 | ### Get info about the participants in the meeting 12 | 13 | Before joining the meeting, you can get a list of people currently in the meeting by using the method 14 | 15 | ```ts 16 | meeting.participants.getParticipantsInMeetingPreJoin(); 17 | ``` 18 | -------------------------------------------------------------------------------- /docs/react-web-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/react-web-core/reference/DytePluginMap.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 13 3 | web_core_version: 1.32.1 4 | --- 5 | 6 | 7 | 8 | 9 | 10 | This is a map of plugins, indexed by `plugin.id`. 11 | This map emits an event whenever a plugin present in the map emits an event. 12 | For example, when a plugin is added to this map, a `pluginAdded` event is 13 | emitted from the map. When a plugin object emits an event `stateUpdate`, the map 14 | re-emits that event (provided the plugin is present in the map). 15 | -------------------------------------------------------------------------------- /docs/react-web-core/reference/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 100, 3 | "label": "Reference", 4 | "collapsible": true, 5 | "className": "releaseSidebarHeading" 6 | } 7 | -------------------------------------------------------------------------------- /docs/rn-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-core/error-codes/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 99, 3 | "label": "System Error Codes", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 4, 3 | "label": "Local User", 4 | "collapsible": true, 5 | "className": "module-seperation" 6 | } 7 | -------------------------------------------------------------------------------- /docs/rn-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-core/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-core/pre-call/4-meeting-meta.mdx: -------------------------------------------------------------------------------- 1 | # Meeting Metadata 2 | 3 | ### Change the name of the user 4 | 5 | Allow the user to edit their name by calling `setName` method. 6 | 7 | ```ts 8 | await meeting.self.setName('New Name'); 9 | ``` 10 | 11 | ### Get info about the participants in the meeting 12 | 13 | Before joining the meeting, you can get a list of people currently in the meeting by using the method 14 | 15 | ```ts 16 | meeting.participants.getParticipantsInMeetingPreJoin(); 17 | ``` 18 | -------------------------------------------------------------------------------- /docs/rn-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/rn-core/reference/DytePluginMap.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 13 3 | web_core_version: 1.32.1 4 | --- 5 | 6 | 7 | 8 | 9 | 10 | This is a map of plugins, indexed by `plugin.id`. 11 | This map emits an event whenever a plugin present in the map emits an event. 12 | For example, when a plugin is added to this map, a `pluginAdded` event is 13 | emitted from the map. When a plugin object emits an event `stateUpdate`, the map 14 | re-emits that event (provided the plugin is present in the map). 15 | -------------------------------------------------------------------------------- /docs/rn-core/reference/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 100, 3 | "label": "Reference", 4 | "collapsible": true, 5 | "className": "releaseSidebarHeading" 6 | } 7 | -------------------------------------------------------------------------------- /docs/rn-core/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | tags: 5 | - rn-core 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | 12 | 13 | 14 | React Native Core Release Notes 15 | 16 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/build-in-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "In-call UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/build-in-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 2, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/build-pre-call-ui/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Pre-call preview UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/build-pre-call-ui/build-your-own/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 9, 3 | "label": "Components", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-clock.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-clock.svg 3 | description: >- 4 | Learn how to use and customize the DyteClock component in Dyte's React Native 5 | UI Kit with our detailed documentation. 6 | --- 7 | 8 | # DyteClock 9 | 10 | ```jsx 11 | 12 | ``` 13 | 14 | ## Props 15 | 16 | 17 | 18 | 19 | React Native UI Kit DyteClock 20 | 21 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-controlbar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteControlbar component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteControlbar 8 | 9 | Controlbar component provides you with various designs as variants. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteControlbar 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-file-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteFileMessage component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteFileMessage 8 | 9 | A component which renders a file message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteFileMessage 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-header.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteHeader component in Dyte's React Native 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteHeader 8 | 9 | A component that houses all the header components. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteHeader 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-icon.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteIcon component in Dyte's React Native 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteIcon 8 | 9 | An icon component which accepts an svg string and renders it. 10 | 11 | ```jsx 12 | 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React Native UI Kit DyteIcon 21 | 22 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-image-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteImageMessage component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteImageMessage 8 | 9 | A component which renders an image message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteImageMessage 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-join-stage.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteJoinStage component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteJoinStage 8 | 9 | ## Props 10 | 11 | 12 | 13 | 14 | React Native UI Kit DyteJoinStage 15 | 16 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-meeting-title.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-meeting-title.svg 3 | description: >- 4 | Learn how to use and customize the DyteMeetingTitle component in Dyte's React 5 | Native UI Kit with our detailed documentation. 6 | --- 7 | 8 | # DyteMeetingTitle 9 | 10 | A component which displays the title of the meeting. 11 | 12 | ```jsx 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React Native UI Kit DyteMeetingTitle 22 | 23 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-mute-all-button.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteMuteAllButton component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteMuteAllButton 8 | 9 | ## Props 10 | 11 | 12 | 13 | 14 | React Native UI Kit DyteMuteAllButton 15 | 16 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-permissions-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DytePermissionsMessage component in Dyte's 4 | React Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DytePermissionsMessage 8 | 9 | A component which shows permission related troubleshooting information. 10 | 11 | ```jsx 12 | 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React Native UI Kit DytePermissionsMessage 21 | 22 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-plugin-main.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-plugin-main.svg 3 | description: >- 4 | Learn how to use and customize the DytePluginMain component in Dyte's React 5 | Native UI Kit with our detailed documentation. 6 | --- 7 | 8 | # DytePluginMain 9 | 10 | A component which loads a plugin. 11 | 12 | ```jsx 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | React Native UI Kit DytePluginMain 22 | 23 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-poll-form.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DytePollForm component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DytePollForm 8 | 9 | A component that lets you create a poll. 10 | 11 | ```jsx 12 | console.log('create poll', e.detail)} /> 13 | ``` 14 | 15 | ## Props 16 | 17 | 18 | 19 | 20 | React Native UI Kit DytePollForm 21 | 22 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-text-field.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteTextField component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteTextField 8 | 9 | A text field component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteTextField 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-text.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteText component in Dyte's React Native 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteText 8 | 9 | A component which renders a text message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | React Native UI Kit DyteText 17 | 18 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-waiting-screen.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteWaitingScreen component in Dyte's React 4 | Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteWaitingScreen 8 | 9 | ## Props 10 | 11 | 12 | 13 | 14 | React Native UI Kit DyteWaitingScreen 15 | 16 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/components/dyte-webinar-stage-toggle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the DyteWebinarStageToggle component in Dyte's 4 | React Native UI Kit with our detailed documentation. 5 | --- 6 | 7 | # DyteWebinarStageToggle 8 | 9 | ## Props 10 | 11 | 12 | 13 | 14 | React Native UI Kit DyteWebinarStageToggle 15 | 16 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/customizations/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Customizations", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/reference/interfaces/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Interfaces", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/rn-ui-kit/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | 12 | 13 | 14 | React Native UI Kit Release Notes 15 | 16 | -------------------------------------------------------------------------------- /docs/ui-kit/basics/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Build your own UI", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ui-kit/components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Components", 4 | "collapsible": true, 5 | "collapsed": false 6 | } 7 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-button.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-button.svg 3 | description: >- 4 | Learn how to use and customize the dyte-button component in Dyte's UI Kit with 5 | our detailed documentation. 6 | --- 7 | 8 | # dyte-button 9 | 10 | A button that follows Dyte's Design System. 11 | 12 | ```html 13 | Primary 14 | Secondary 15 | ``` 16 | 17 | ## Props 18 | 19 | 20 | 21 | 22 | UI Kit dyte-button 23 | 24 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-clock.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-clock.svg 3 | description: >- 4 | Learn how to use and customize the dyte-clock component in Dyte's UI Kit with 5 | our detailed documentation. 6 | --- 7 | 8 | # dyte-clock 9 | 10 | ```html 11 | 12 | 13 | 16 | ``` 17 | 18 | ## Props 19 | 20 | 21 | 22 | 23 | UI Kit dyte-clock 24 | 25 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-confirmation-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-confirmation-modal component in Dyte's 4 | UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-confirmation-modal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-confirmation-modal 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-controlbar.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-controlbar component in Dyte's UI Kit 4 | with our detailed documentation. 5 | --- 6 | 7 | # dyte-controlbar 8 | 9 | Controlbar component provides you with various designs as variants. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-controlbar 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-file-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-file-message component in Dyte's UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-file-message 8 | 9 | A component which renders a file message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-file-message 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-header.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-header component in Dyte's UI Kit with 4 | our detailed documentation. 5 | --- 6 | 7 | # dyte-header 8 | 9 | A component that houses all the header components. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-header 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-image-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-image-message component in Dyte's UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-image-message 8 | 9 | A component which renders an image message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-image-message 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-logo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | image: /static/ui-kit/1.x.x/components/dyte-logo.svg 3 | description: >- 4 | Learn how to use and customize the dyte-logo component in Dyte's UI Kit with 5 | our detailed documentation. 6 | --- 7 | 8 | # dyte-logo 9 | 10 | A component which loads the logo from your config, or via the `logo-url` attribute. 11 | 12 | ```html 13 | 14 | ``` 15 | 16 | ## Props 17 | 18 | 19 | 20 | 21 | UI Kit dyte-logo 22 | 23 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-overlay-modal.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-overlay-modal component in Dyte's UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-overlay-modal 8 | 9 | A confirmation modal. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-overlay-modal 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-participants-stage-list.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-participants-stage-list component in 4 | Dyte's UI Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-participants-stage-list 8 | 9 | A component which lists all participants, with ability to 10 | run privileged actions on each participant according to your permissions. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | UI Kit dyte-participants-stage-list 18 | 19 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-stage.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-stage component in Dyte's UI Kit with 4 | our detailed documentation. 5 | --- 6 | 7 | # dyte-stage 8 | 9 | A component used as a stage that commonly houses 10 | the `grid` and `sidebar` components. 11 | 12 | ## Props 13 | 14 | 15 | 16 | 17 | UI Kit dyte-stage 18 | 19 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-text-field.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-text-field component in Dyte's UI Kit 4 | with our detailed documentation. 5 | --- 6 | 7 | # dyte-text-field 8 | 9 | A text field component. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-text-field 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/components/dyte-text-message.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | description: >- 3 | Learn how to use and customize the dyte-text-message component in Dyte's UI 4 | Kit with our detailed documentation. 5 | --- 6 | 7 | # dyte-text-message 8 | 9 | A component which renders a text message from chat. 10 | 11 | ## Props 12 | 13 | 14 | 15 | 16 | UI Kit dyte-text-message 17 | 18 | -------------------------------------------------------------------------------- /docs/ui-kit/customizations/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Customizations", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ui-kit/reference/interfaces/PollObject.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: PollObject 3 | title: 'Interface: PollObject' 4 | custom_edit_url: null 5 | --- 6 | 7 | ## Properties 8 | 9 | ### anonymous 10 | 11 | • **anonymous**: `boolean` 12 | 13 | ___ 14 | 15 | ### hideVotes 16 | 17 | • **hideVotes**: `boolean` 18 | 19 | ___ 20 | 21 | ### options 22 | 23 | • **options**: `string`[] 24 | 25 | ___ 26 | 27 | ### question 28 | 29 | • **question**: `string` 30 | 31 | 32 | 33 | UI Kit Interface: PollObject 34 | 35 | -------------------------------------------------------------------------------- /docs/ui-kit/reference/interfaces/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 1, 3 | "label": "Interfaces", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/ui-kit/release-notes.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Release Notes 3 | sidebar_position: 101 4 | sidebar_class_name: releaseSidebarHeading 5 | tags: 6 | - releasenotes 7 | --- 8 | 9 | import ReleaseNotesGenerator from '@site/src/components/ReleaseNotesGenerator'; 10 | 11 | The release notes lists all new features, resolved issues, and known issues of UI Kit in chronological order. 12 | 13 | 14 | 15 | 16 | UI Kit Release Notes 17 | 18 | -------------------------------------------------------------------------------- /docs/web-core/advanced/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 5, 3 | "label": "Initialization", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/chat/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Chat", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/error-codes/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 99, 3 | "label": "System Error Codes", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/error-codes/error-code-zero-ten.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: System Error Codes (0-20) 3 | sidebar_position: 2 4 | --- 5 | 6 | This topic describes web core system error codes 0-20. 7 | 8 | import ErrorCodesDetails from '@site/docs/partials/error-codes/_web_core_error_codes_details.mdx'; 9 | 10 | 11 | 12 | 13 | Web Core System Error Codes (0-20) 14 | 15 | -------------------------------------------------------------------------------- /docs/web-core/error-codes/error-code.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Debug System Error Codes 3 | sidebar_position: 1 4 | --- 5 | 6 | import ErrorCodeDebugSystem from '@site/docs/partials/error-codes/_web_core_debug_system_error_codes.mdx'; 7 | 8 | 9 | 10 | 11 | Web Core Debug System Error Codes 12 | 13 | -------------------------------------------------------------------------------- /docs/web-core/local-user/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 6, 3 | "label": "Local User", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/participants/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 7, 3 | "label": "Remote Participants", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/plugins/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 8, 3 | "label": "Plugins", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/polls/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 10, 3 | "label": "Polls", 4 | "collapsible": true 5 | } 6 | -------------------------------------------------------------------------------- /docs/web-core/pre-call/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 3, 3 | "label": "Pre-call", 4 | "collapsible": true, 5 | "className": "pre-call-docs" 6 | } 7 | -------------------------------------------------------------------------------- /docs/web-core/reference/DytePluginMap.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 13 3 | web_core_version: 2.4.1 4 | --- 5 | 6 | 7 | 8 | 9 | 10 | This is a map of plugins, indexed by `plugin.id`. 11 | This map emits an event whenever a plugin present in the map emits an event. 12 | For example, when a plugin is added to this map, a `pluginAdded` event is 13 | emitted from the map. When a plugin object emits an event `stateUpdate`, the map 14 | re-emits that event (provided the plugin is present in the map). 15 | -------------------------------------------------------------------------------- /docs/web-core/reference/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "position": 100, 3 | "label": "Reference", 4 | "collapsible": true, 5 | "className": "releaseSidebarHeading" 6 | } 7 | -------------------------------------------------------------------------------- /modules/dytesdk-react-web-core-1.36.4-stripped.1.tgz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dyte-io/docs/0c38df298ad7a22be31183f7599a11b39945ede0/modules/dytesdk-react-web-core-1.36.4-stripped.1.tgz -------------------------------------------------------------------------------- /modules/dytesdk-web-core-1.31.0-stripped.1.tgz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dyte-io/docs/0c38df298ad7a22be31183f7599a11b39945ede0/modules/dytesdk-web-core-1.31.0-stripped.1.tgz -------------------------------------------------------------------------------- /plugins/tailwind-plugin.cjs: -------------------------------------------------------------------------------- 1 | function tailwindPlugin(context, options) { 2 | return { 3 | name: 'tailwind-plugin', 4 | configurePostCss(postcssOptions) { 5 | postcssOptions.plugins = [ 6 | require('postcss-import'), 7 | require('tailwindcss/nesting'), 8 | require('tailwindcss'), 9 | require('autoprefixer'), 10 | ]; 11 | return postcssOptions; 12 | }, 13 | }; 14 | } 15 | 16 | module.exports = tailwindPlugin; 17 | -------------------------------------------------------------------------------- /src/client/define-ui-kit.js: -------------------------------------------------------------------------------- 1 | import { defineCustomElements } from '@dytesdk/ui-kit/loader'; 2 | 3 | defineCustomElements(); 4 | 5 | function onLoad() { 6 | if (typeof window === 'undefined') return; 7 | 8 | const play = window.HTMLAudioElement.prototype.play; 9 | 10 | // override play() to avoid autoplay modal 11 | window.HTMLAudioElement.prototype.play = function () { 12 | try { 13 | play.call(this); 14 | } catch (err) { 15 | // pass 16 | } 17 | }; 18 | } 19 | 20 | onLoad(); 21 | -------------------------------------------------------------------------------- /src/client/set-framework.js: -------------------------------------------------------------------------------- 1 | export function onRouteUpdate({ location, previousLocation }) { 2 | if (location.pathname !== previousLocation?.pathname) { 3 | const searchParams = new URLSearchParams(location.search); 4 | const frameWorkParam = searchParams.get('framework'); 5 | if (frameWorkParam) { 6 | localStorage.setItem('docusaurus.tab.framework', frameWorkParam); 7 | } 8 | } 9 | return undefined; 10 | } 11 | -------------------------------------------------------------------------------- /src/components/CodeRunner/AngularBoilerplate.ts: -------------------------------------------------------------------------------- 1 | export default `import { NgModule } from '@angular/core'; 2 | import { BrowserModule } from '@angular/platform-browser'; 3 | 4 | import { AppComponent } from './app.component'; 5 | 6 | import { DyteComponentsModule } from '@dytesdk/angular-ui-kit'; 7 | 8 | @NgModule({ 9 | declarations: [AppComponent], 10 | imports: [BrowserModule, DyteComponentsModule], 11 | providers: [], 12 | bootstrap: [AppComponent], 13 | }) 14 | export class AppModule {}`; 15 | -------------------------------------------------------------------------------- /src/components/ColorCode/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import styles from './styles.module.css'; 3 | 4 | export default function ColorCode({ color, colorCode, children }) { 5 | return ( 6 |
7 |
8 |
9 | {colorCode ? {color} : children} 10 |
11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /src/components/ColorCode/styles.module.css: -------------------------------------------------------------------------------- 1 | .root { 2 | display: inline-flex; 3 | align-items: center; 4 | } 5 | 6 | .color { 7 | border: 1px solid var(--docs-color-border); 8 | width: 32px; 9 | height: 32px; 10 | margin-right: 8px; 11 | border-radius: 6px; 12 | } 13 | -------------------------------------------------------------------------------- /src/components/InfoTooltip.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { DyteTooltip } from '@dytesdk/react-ui-kit'; 3 | import { Info } from 'react-feather'; 4 | 5 | export default function InfoTooltip({ label }) { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /src/components/InteractiveTour/utils.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-explicit-any */ 2 | export function clsx(...classes: any[]) { 3 | return classes.filter(Boolean).join(' '); 4 | } 5 | -------------------------------------------------------------------------------- /src/components/VideoPlayer.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import clsx from 'clsx'; 3 | 4 | export default function VideoPlayer({ src, mobile, className, ...rest }) { 5 | return ( 6 |